答案:
-
解析HTML,生成DOM树
-
解析CSS,生成CSSOM树
-
将DOM树和CSSOM树关联,生成渲染树(Render Tree)
-
布局render树(Layout/reflow),负责各元素尺寸、位置的计算
-
绘制render树(paint),绘制页面像素信息
-
将像素发送给GPU,展示在页面上。(Display)
答案:
解析HTML,生成DOM树
解析CSS,生成CSSOM树
将DOM树和CSSOM树关联,生成渲染树(Render Tree)
布局render树(Layout/reflow),负责各元素尺寸、位置的计算
绘制render树(paint),绘制页面像素信息
将像素发送给GPU,展示在页面上。(Display)