Whoami iTonyYo

Not all random values are created equal - for security-related code, you need a specific kind of random value.

A summary of this article, if you don't want to read the entire thing:

Don't use Math.random(). There are extremely few cases where Math.random() is the right answer. Don't use it, unless you've read this entire article, and determined that it's necessary for your case.
Don't use crypto.getRandomBytes directly. While it's a CSPRNG, it's easy to bias the result when 'transforming' it, such that the output becomes more predictable.
If you want to generate random tokens or API keys: Use uuid, specifically the uuid.v4() method. Avoid node-uuid - it's not the same package, and doesn't produce reliably secure random values.
If you want to generate random numbers in a range: Use random-number-csprng.

You should seriously consider reading the entire article, though - it's

How to Add a Watermark to Video

FFMPEG filters provide a powerful way to programmatically enhance or alter videos, and itâ€™s fairly simple to add a watermark to a video using the overlay filter. The easiest way to install ffmpeg is to download a pre-built binary for your specific platform. Then you donâ€™t have to worry about including and installing all the right dependencies and codecs you will be using.

Once you have ffmpeg installed, adding a watermark is as easy as passing your existing source through an overlay filter like so:

ffmpeg -i test.mp4 -i watermark.png -filter_complex "overlay=10:10" test1.mp4

Basically, weâ€™re passing in the original video, and an overlay image as inputs, then passing it through the filter, and saving the output as test1.mp4.

Configure Git to use a proxy

In Brief

You may need to configure a proxy server if you're having trouble cloning or fetching from a remote repository or getting an error like unable to access '...' Couldn't resolve host '...'.

Consider something like:

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	/*
	Code examples from the article: S.O.L.I.D The first 5 priciples of Object Oriented Design with JavaScript
	https://medium.com/@cramirez92/s-o-l-i-d-the-first-5-priciples-of-object-oriented-design-with-javascript-790f6ac9b9fa#.7uj4n7rsa
	*/

	const shapeInterface = (state) => ({
	type: 'shapeInterface',
	area: () => state.area(state)
	})

	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {

	电信号码
	1[3578][01379]\d{8}
	联通号码
	1[34578][01256]\d{8}
	移动号码
	134[012345678]\d{7}或1[34578][012356789]\d{8}
	全部号码
	1[34578][012356789]\d{8}\|134[012345678]\d{7}

	❯ rollup --version
	rollup version 0.25.3

	❯ time rollup -c ./rollup.js
	rollup -c ./rollup.js 4.65s user 0.22s system 118% cpu 4.131 total

	❯ time webpack
	Hash: ebb00bbccd954c114d3c
	Version: webpack 2.0.7-beta
	Time: 3623ms

	sudo rm -fr /Library/Java/JavaVirtualMachines/jdk-9.jdk/
	sudo rm -fr /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin
	sudo rm -fr /Library/PreferencePanes/JavaControlPanel.prefPane

	#!/bin/bash -x
	find . -name 'fbjs' -print \| grep "\./node_modules/fbjs" -v \| xargs rm -rf