浏览器渲染页面的过程

基本流程如下: 浏览器将获取的HTML文档并解析成DOM树。 处理CSS标记，构成层叠样式表模型CSSOM(CSS Object Model)。 将DOM和CSSOM合并为渲染树(rendering tree)将会被创建，代表一系列将被渲染的对象。 渲染树的每个元素包含的内容都是计算过的，它被称之为布局layout。浏览器使用一种流式处理的方法，只需要一次pass绘制操作就可以布局所有的元素。 将

>>阅读原文<<