Liu HellMagic

Essential JavaScript Links

A curated list by Eric Elliott and friends. Suggest links in the comments below.

This is a very exclusive collection of only must-have JavaScript links. I'm only listing my favorite links. Nothing else makes the cut. Feel free to suggest links if you think they're good enough to make this list. The really curious should feel free to browse the comments to find other links. I can't guarantee the quality of links in the comments.

Full Disclosure

Some of these links are affiliate links, meaning that if you make a purchase, I might earn a little money. This has absolutely no bearing on whether or not links make the list. None, whatsoever. However, it does allow me more resources to fight poverty with code. Every little bit counts.

cookie 和 session

众所周知，HTTP 是一个无状态协议，所以客户端每次发出请求时，下一次请求无法得知上一次请求所包含的状态数据，如何能把一个用户的状态数据关联起来呢？

比如在淘宝的某个页面中，你进行了登陆操作。当你跳转到商品页时，服务端如何知道你是已经登陆的状态？

cookie

首先产生了 cookie 这门技术来解决这个问题，cookie 是 http 协议的一部分，它的处理分为如下几步：

	#!/bin/bash
	#####################################################
	# Name: Bash CheatSheet for Mac OSX
	#
	# A little overlook of the Bash basics
	#
	# Usage:
	#
	# Author: J. Le Coupanec
	# Date: 2014/11/04

	在哪里? 怎样? 去维护 UI 当中的状态?
	业务逻辑在应用的什么地方? 怎样被调用?
	怎样保证 UI 跟数据的改变同步? 还有 UI 元素之间相互同步?
	怎样保证对我们关心的代码做分离, 来降低可测试代码的耦合?

	从V出发，从“层”和“模块”两种视角分析。模块的话简单就是为了“合理拆分”，通过“组合”的原理，降低复杂度。V的复杂度：app->page->module->component->element
	更多的是“层”方面的思考？V -- (String) = template + data
	动态填充：a.init b.other lifecyle
	本质：对“交互”做出响应（其实更抽象的说法，定义成“事件”比较好，因为有些改变不一定需要人为来操作，随时间变化而变化就是一个例子，使用“事件”的说法也和浏览器的事件
	机制保持一致），在V上体现出改变。

	package.json文件描述了一个NPM包的所有相关信息，包括作者、简介、包依赖、构建等信息。格式必须是严格的JSON格式。

	通常我们在创建一个NPM程序时，可以使用npm init命令，通过交互式的命令，自动生成一个package.json文件，里面包含了常用的一些字段信息，但远不止这么简单。通过完善package.json文件，我们可以让npm命令更好地为我们服务。

	NAME

	name和version是package.json中最重要的两个字段，也是发布到NPM平台上的唯一标识，如果没有正确设置这两个字段，包就不能发布和被下载。

	下面是官方给出的一些建议:

	快捷键：
	ctrl + shift + up/down == 选择列
	cmd + shift + space == 选择一个scope
	ctrl + m == 移动到匹配的括号或引号

	tar在linux上是常用的打包、压缩、加压缩工具，他的参数很多，折里仅仅列举常用的压缩与解压缩参数

	参数：

	-c ：create 建立压缩档案的参数；

	-x ：解压缩压缩档案的参数；

	-z ：是否需要用gzip压缩；

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console

	在react-router中获取context.router：
	es5:
	var someComponent = React.createClass({
	getInitialState: function() {
	var router = this.context.router;
	}
	})
	但是在es6中：
	class SomeConponent extends React.Component {
	constructor(props, context) {

	var list = Immutable.fromJS([
	{id:'A', label: 'A', checked: true},
	{id:'B',label: 'B'},
	{id:'C',label: 'C',
	children: [
	{id:'C-A',label: 'C-A'},
	{id:'C-B',label: 'C-B', checked: true},
	{id:'C-C',label: 'C-C',
	children: [
	{id:'C-C-A',label: 'C-C-A'},