面试题：浏览器渲染主流程？和「回流、重绘」如何对应？

关键阶段

1. 解析 HTML → DOM。
2. 解析 CSS → CSSOM。
3. DOM + CSSOM → 渲染树（含可见样式；display:none 一般不进入）。
4. Layout：计算几何（位置、大小）→ Reflow。
5. Paint：填像素（颜色、阴影、文字等）→ Repaint。
6. Composite：合成层（GPU），如 transform/opacity 常可走合成少触发布局。

与前端优化

• 减少 强制同步布局（读 offsetHeight 再写 style 交替）。
• 动画优先 transform/opacity。
• 虚拟列表、防抖输入，减主线程压力。