浏览器原理 · 单选题 · 第 21 题
前端与全栈开发面试 · 第 21 题
浏览器渲染页面的主要步骤,顺序正确的是?
- A构建 DOM 和 CSSOM → 生成渲染树 → 布局 → 绘制 → 合成
- B构建 DOM 和 CSSOM → 布局 → 生成渲染树 → 合成 → 绘制
- C生成渲染树 → 构建 DOM 和 CSSOM → 绘制 → 布局 → 合成
- D构建 DOM → 绘制 → 构建 CSSOM → 布局 → 生成渲染树
答案
A A. 构建 DOM 和 CSSOM → 生成渲染树 → 布局 → 绘制 → 合成
解析
HTML 解析成 DOM,CSS 解析成 CSSOM,两者结合成只包含可见节点的渲染树;布局计算每个节点的几何信息;绘制生成绘制指令;最后由合成线程把各图层合成上屏。改几何属性会从布局重新走,改颜色从绘制走,改 transform 往往只需要合成。