面试真题

结论：浏览器渲染流程为解析HTML/CSS构建DOM与CSSOM，合成渲染树，布局绘制并合成显示。核心要点：1. 解析HTML生成DOM树，遇到CSS/JS会阻塞或异步；2. 解析CSS生成CSSOM树；3. 合并为渲染树（Render Tree），仅包含可见节点；4. 布局（Reflow）计算几何位置与大小；5. 绘制（Paint）将节点转为像素；6. 图层合成（Composite）交由GPU显示。差异：重排必引发重绘，重绘不一定重排；现代浏览器有增量渲染优化。