1. 当浏览器已得到HTML的时候,会经过内置的HTML的解析器,把HTML解析成DOM 树

 2. 与此同时,也会对CSS文件,通过CSS的解析器生城CSSOM树

 3. 之后把它们合成为渲染树,但是这里的渲染树只是一个大概的页面结构,对于页面的某些组件的颜色位置等细节没有明确计算

 4. 此时layout布局就会通过一系列的计算告诉渲染树,页面的具体内容

 5. 随后,浏览器开始绘图(paint)

 6. 最后显示出来给用户 (display)

更多内容请查阅:

浏览器渲染机制之DTD、DOCTYPE详解

浏览器渲染机制之重排reflow

浏览器渲染机制之repaint

浏览器渲染机制之布局

 

10-06 12:01