limichange limichange

Docker Hub 镜像加速器

国内从 Docker Hub 拉取镜像有时会遇到困难，此时可以配置镜像加速器。

Dockerized 实践 https://github.com/y0ngb1n/dockerized

1️⃣ Docker daemon 配置代理（推荐）

If you use server rendering, keep in mind that neither useLayoutEffect nor useEffect can run until the JavaScript is downloaded.

You might see a warning if you try to useLayoutEffect on the server. Here's two common ways to fix it.

Option 1: Convert to useEffect

If this effect isn't important for first render (i.e. if the UI still looks valid before it runs), then useEffect instead.

function MyComponent() {

I am moving this gist to a github repo so more people can contribute to it. Also, it makes it easier for me to version control.

Please go to - https://github.com/praveenpuglia/shadow-dom-in-depth for latest version of this document. Also, if you find the document useful, please shower your love, go ⭐️ it. :)

Shadow DOM

Heads Up! It's all about the V1 Spec.

In a nutshell, Shadow DOM enables local scoping for HTML & CSS.

keycastr
skitch
sketch
gitup
sublime text
hyper (mostly for screenshot)
docker
devdocs app https://github.com/egoist/devdocs-app
feeds
vscode

`async/await` with ES6 Generators & Promises

This vanilla ES6 function async allows code to yield (i.e. await) the asynchronous result of any Promise within. The usage is almost identical to ES7's async/await keywords.

async/await control flow is promising because it allows the programmer to reason linearly about complex asynchronous code. It also has the benefit of unifying traditionally disparate synchronous and asynchronous error handling code into one try/catch block.

This is expository code for the purpose of learning ES6. It is not 100% robust. If you want to use this style of code in the real world you might want to explore a well-tested library like co, task.js or use async/await with Babel. Also take a look at the official async/await draft section on desugaring.

Compatibility

node.js - 4.3.2+ (maybe earlier with

	const promisePool = <T>(list: Iterable<() => PromiseLike<T>>, limit: number): Promise<T[]> => {
	const result: Promise<T>[] = [];

	const iterator = list[Symbol.iterator]();

	return new Promise((resolve, reject) => {
	const settle = (next: ReturnType<typeof iterator["next"]>) => {
	if (next.done) {
	Promise.all(result).then(resolve, reject);
	return;

	import { useLayoutEffect, useCallback, useState } from 'react'

	export const useRect = (ref) => {
	const [rect, setRect] = useState(getRect(ref ? ref.current : null))

	const handleResize = useCallback(() => {
	if (!ref.current) {
	return
	}

	// Format json and highlight it as well.
	// Now you can use the package https://github.com/luyilin/json-format-highlight directly! :D

	// default colors of key and types of value
	const defaultColors = {
	keyColor: 'dimgray',
	numberColor: 'lightskyblue',
	stringColor: 'lightcoral',
	trueColor: 'lightseagreen',
	falseColor: '#f66578',

	upload(files) {
	const config = {
	onUploadProgress: function(progressEvent) {
	var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
	console.log(percentCompleted)
	}
	}

	let data = new FormData()
	data.append('file', files[0])

	function decodeBase62(number) {
	var alphabet = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
	var out = 0
	var len = number.length - 1
	for (var t = 0; t <= len; t++) {
	out = out + alphabet.indexOf(number.substr(t, 1)) * Math.pow(62, len - t)
	}
	return out
	}