在探讨浏览器的重绘与回流问题之前，让我们来梳理一下，当浏览器接收的服务器的响应，得到HTML之后，发生了些什么:

• HTML被交给HTML解析器转化为一系列的Token
• 根据Token构建Node，形成DOM Tree
• 遇到CSS标签或者JS脚本标签就会启用新线程请求下载
• CSS样式被CSS解析器解释成内部表示结构
• CSS解析器工作完成后，将样式信息附合到DOM树上，形成Render Tree
• 对Render Tree的各个节点计算布局信息，包括位置、尺寸等等
• 根据Render Tree利用浏览器的UI渲染线程渲染页面

今天再次review了Redux文档中TodoMVC的示例，通过这个示例，我认为能较好得反应出Redux的完整思想。这里做些简要分析，同时对于最基本的Redux做些总结吧。

store、state、reducer与action

原文地址: http://j4n.co/blog/Creating-your-own-css-grid-system

CSS栅格已经出现很长时间了，它们经常会被包含在一些框架中，就像Bootstrap。我并不厌恶Bootstarp，但当你需要栅格布局而且使用框架是得不偿失的。那么怎样才能构建我们自己的CSS栅格布局呢？

history对象保存着用户上网的历史记录，它是window对象的属性。但出于安全方面的考虑，开发人员无法得知用户浏览过的URL。

window.history.length

返回浏览器历史列表中的URL数量，历史记录栈中共有多少页。

window.history.state

此属性用于储存window.history.pushState与window.history.replaceState的data参数。

记得有一次做一个移动端网页时，无论是上线还是chrome F12移动端查看都无法正常响应式展现，只有在PC浏览器上缩放才行。后来才发现需要在head的meta里加一个viewport。这也让我第一次注意到了不起眼的meta，原来它暗藏许多的玄机，这里我们来总结一下！

meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面)，搜索引擎(关键词)，或其他web服务。

name - 把content属性关联到一个名称

主要用于一些SEO优化

• author 网站作者
• description 网站描述
• keywords 网站关键词
• …

例如:

<meta name="description" content="the blog of Blackganglion">

<meta name="author" content="BlackGanglion">

基本类型值

Undefined、Null、Boolean、Number和String，按值来保存。复制基本类型值时，会完全复制出一个独立的变量。

引用类型值（对象）

保存在内存中的对象，按引用访问。复制引用类型值时，副本其实是一个指针，指向堆内存中的对象，两者其实指向同一对象。

在函数传递参数时，参数都是按值传递的。当参数为对象时，虽然是值传递，但还是会按引用来访问同一个对象。内部可修改引用，但对外部将不会产生影响。

每个函数都有自己的执行环境（之前this文章里已经提过了，也就是执行上下文），当执行流进入一个函数时，函数环境就会被推入一个环境栈。函数执行后，栈将其环境弹出，把控制权返回给之前的执行环境。当代码在一个环境中执行时，会创建变量对象的一个作用域链，其可以保证对执行环境有权访问的所有变量和函数的有序访问。变量对象搜索的过程就是从前向后遍历作用域链的过程。

作用域链: 当前函数环境（argument…) -> 上级外部环境 -> 上上级外部环境