chiwent

常用的 HTML 头部标签

详细介绍参见原文：yisibl/blog#1

<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用 IE 最新版本和 Chrome -->

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

	WebPDecodeAndDraw = function (data) {
	var decoder = new WebPDecoder();

	var bitmap = decoder.WebPDecode(data, data.length);

	if (bitmap) {
	//Draw Image
	var output = ctx.createImageData(canvas.width, canvas.height);
	var biWidth = canvas.width;
	var outputData = output.data;

	""" Tumblr API Example - Python CLI
	"""

	import oauth2
	import urlparse
	import pytumblr

	REQUEST_TOKEN_URL = 'http://www.tumblr.com/oauth/request_token'
	AUTHORIZATION_URL = 'http://www.tumblr.com/oauth/authorize'
	ACCESS_TOKEN_URL = 'http://www.tumblr.com/oauth/access_token'

	// under Google Chrome 36

	Object.prototype.toString.call([])
	// "[object Array]"
	Object.prototype.toString.call(function(){})
	// "[object Function]"
	Object.prototype.toString.call({})
	// "[object Object]"
	Object.prototype.toString.call(null)
	// "[object Null]"

	var crypto = require('crypto');

	// larger numbers mean better security, less
	var config = {
	// size of the generated hash
	hashBytes: 32,
	// larger salt means hashed passwords are more resistant to rainbow table, but
	// you get diminishing returns pretty fast
	saltBytes: 16,
	// more iterations means an attacker has to take longer to brute force an


	'use strict';

	function BinarySearchTree() {
	this.root = null;
	}

	BinarySearchTree.prototype.insertNode = function (val) {
	var node = {
	data : val,

	<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
	<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
	<head>
	<!-- 声明文档使用的字符编码 -->
	<meta charset='utf-8'>
	<!-- 优先使用 IE 最新版本和 Chrome -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<!-- 页面描述 -->
	<meta name="description" content="不超过150个字符"/>
	<!-- 页面关键词 -->

	let isFunction = function(obj) {
	return typeof obj == 'function' \|\| false;
	};

	class EventEmitter {
	constructor() {
	this.listeners = new Map();
	}
	addListener(label, callback) {
	this.listeners.has(label) \|\| this.listeners.set(label, []);

	// Get all users
	var url = "http://localhost:8080/api/v1/users";
	var xhr = new XMLHttpRequest()
	xhr.open('GET', url, true)
	xhr.onload = function () {
	var users = JSON.parse(xhr.responseText);
	if (xhr.readyState == 4 && xhr.status == "200") {
	console.table(users);
	} else {
	console.error(users);