Joe Wang joe11051105

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

凍仁的讀書清單

Migrated to GitLab and GitHub.

看了《學徒模式》一書後，凍仁試著用 Gist 管理自己的待讀書單，並不時修改其閱讀順序。您可以在 revisions 找到編修記錄。

待讀書單
已讀書單

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

This guide assumes that you recently run brew upgrade postgresql and discovered to your dismay that you accidentally bumped from one major version to another: say 9.3.x to 9.4.x. Yes, that is a major version bump in PG land.

First let's check something.

brew info postgresql

The top of what gets printed as a result is the most important:

	{
	"AWSEBDockerrunVersion": "1",
	"Image": {
	"Name": "<AWS_ACCOUNT_ID>.dkr.ecr.us-east-1.amazonaws.com/<NAME>:<TAG>",
	"Update": "true"
	},
	"Ports": [
	{
	"ContainerPort": "443"
	}

	NAME = mqtt2fluent
	APP_NAME = server.js
	NODE_VERSION = 0.12.7

	PWD := $(shell pwd)

	.PHONY: all

	all: clean build

	- 我想要挑戰isomorphic，但目前好像比較少redux配isomorphic又配上webpack的方案

	- 這個範例可看，最近全部改寫過
	- https://github.com/coodoo/react-redux-isomorphic-example

	- 注意下面幾點

	- js/bootClient.js 與 js/bootServer.js

	- bootServer.js 負責做 server-render

	package main

	import (
	"flag"
	"io"
	"log"
	"net"
	"net/http"
	"strings"
	)

	var React = require('react');
	var cx = require('classnames');
	var vjs = require('video.js');
	var _forEach = require('lodash/collection/forEach');
	var _debounce = require('lodash/function/debounce');
	var _defaults = require('lodash/object/defaults');

	var DEFAULT_HEIGHT = 800;
	var DEFAULT_WIDTH = 600;
	var DEFAULT_ASPECT_RATIO = (9 / 16);

	function requireAll(r) { r.keys().forEach(r); }
	requireAll(require.context('../images/', true, /\..*$/));
	requireAll(require.context('./vendors/', true, /\..*$/));