18

重排 / 重绘（HTML+CSS 核心难点）

• 重排（reflow）：元素几何变化，代价极大
  ​
• 重绘（repaint）：颜色等变化，代价小
  ​
• 会触发重排：宽高、display、位置、字体、DOM 增删

7. 浏览器渲染流程（进阶）

1. 解析 HTML → DOM 树
​
2. 解析 CSS → CSSOM 树
​
3. 合成 渲染树（只显示可见节点）
​
4. 布局（重排）
​
5. 绘制（重绘）