了解一点浏览器的工作流程

浏览器工作流程

浏览器工作流程主要有四步：
1.将HTML解析为DOM树。
2.渲染解析出的DOM树。
3.布局（确定每一个dom节点的位置）。
4.绘制（在浏览器中呈现出这些dom节点）。

火狐的Gecko ，与谷歌的webkit大致流程相同，个别名字不同火狐的布局叫做（reflow，重排）。

dom操作优化

在实际的开发和使用中，不同的操作，会导致浏览器进行布局（重排）和绘制。比如，js获取dom节点的位置值，包括但不限于height,width,top…等等。因为这些值都是动态计算的，所以浏览器需要尽快完成页面的绘制，然后计算返回值，从而打乱了重排或重绘的优化。所以，在开发中需谨慎取得DOM元素的布局信息。

解析

解析的过程可以分成两个子过程：词法分析和语法分析。
词法分析（英语：lexical analysis）是计算机科学中将字符序列转换为单词（Token）序