【比较耗性能的一个东西】Firefox的LayoutReflow

单纯的javascript代码是效率是很高的，比较消耗性能的是页面的reflow过程。

velocity china 上关于浏览器reflow的一个视频，通俗易懂。

http://v.youku.com/v_playlist/f5333814o1p9.html

最后的总结很精辟：sumary of sumary : rectangle

浏览器的渲染过程我们可能不太容易看到，但firefox上查询元素的工具可能很容易地帮助我们还原这个过程。

当我们把鼠标指定到特定的代码时，在页面上可以看到一个长方形，这个长方形就是此部分代码产生的元素在reflow

过程中的长方形模块。

把整个页面看做一个平面图，reflow就是构图时所画的结构画，框架，用来规划具体每个元素的位置和布局。