Ken Bi bpceee

How to turn off Webpack code-splitting

Using Webpack `import()`

The following code will produce code-splitting in Webpack, which means that the source code will be split into several files that will be loaded async at runtime.. More info here;

import('./some-module').then((SomeModule) => {});

Install MySQL on macOS Sierra

This procedure explains how to install MySQL using Homebrew on macOS Sierra 10.12

Install Homebrew

Installing Homebrew is effortless, open Terminal and enter :
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Note: Homebrew will download and install Command Line Tools for Xcode 8.0 as part of the installation process.

Install MySQL

At this time of writing, Homebrew has MySQL version 5.7.15 as default formulae in its main repository :

Hexadecimal color code for transparency

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

All hex value from 100% to 0% alpha:

Linux 命令行编辑快捷键

初学者在Linux命令窗口（终端）敲命令时，肯定觉得通过输入一串一串的字符的方式来控制计算是效率很低。但是Linux命令解释器（Shell）是有很多快捷键的，熟练掌握可以极大的提高操作效率。下面列出最常用的快捷键，这还不是完全版。

命令行快捷键：
- 常用：
  - Ctrl L ：清屏
Ctrl M ：等效于回车

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

	import { uniqBy } from 'lodash';
	import { ClientOptions, SubscriptionClient } from 'subscriptions-transport-ws';

	export class AWSSubscriptionClient extends SubscriptionClient {
	constructor(
	url: string,
	options?: ClientOptions,
	webSocketImpl?: any,
	webSocketProtocols?: string \| string[]
	) {

	// more minimal version of https://github.com/olahol/scrollparent.js/blob/master/scrollparent.js
	const regex = /(auto\|scroll)/;

	const style = (node, prop) =>
	getComputedStyle(node, null).getPropertyValue(prop);

	const scroll = (node) =>
	regex.test(
	style(node, "overflow") +
	style(node, "overflow-y") +

	// Source: https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc
	// jsFiddle: http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/
	// author: Pawel Kozlowski

	var myApp = angular.module('myApp', []);

	//service style, probably the simplest one
	myApp.service('helloWorldFromService', function() {
	this.sayHello = function() {
	return "Hello, World!"