考察点:浏览器渲染流程
这个问题偏综合,我一般会重点强调 HTML 的角色。
流程大概是:
-
浏览器拿到 HTML
-
解析 HTML → 构建 DOM 树
-
遇到 CSS → 构建 CSSOM
-
DOM + CSSOM → Render Tree
-
Layout(布局)
-
Paint(绘制)
HTML 在这里的核心作用是:
👉 提供结构,生成 DOM 树,是一切渲染的基础
如果 HTML 结构写得不好(比如乱嵌套),会直接影响后续渲染性能。
Updated Apr 14, 2026
考察点:浏览器渲染流程
这个问题偏综合,我一般会重点强调 HTML 的角色。
流程大概是:
浏览器拿到 HTML
解析 HTML → 构建 DOM 树
遇到 CSS → 构建 CSSOM
DOM + CSSOM → Render Tree
Layout(布局)
Paint(绘制)
HTML 在这里的核心作用是:
👉 提供结构,生成 DOM 树,是一切渲染的基础
如果 HTML 结构写得不好(比如乱嵌套),会直接影响后续渲染性能。