浏览器渲染原理

核心认识

浏览器会解析 HTML 和 CSS，构建 DOM 与 CSSOM，生成渲染树并完成布局、绘制与合成。理解关键渲染路径，有助于判断资源阻塞、布局抖动、重绘和图层合成等性能问题。

学习重点

• 理解该能力在浏览器或 Node.js 中的实际运行方式
• 能使用开发者工具观察关键过程，而不只停留在 API 用法
• 知道平台差异、兼容性边界和常见排查入口

实践检查

• 能用自己的话解释“浏览器渲染原理”
• 能在最小项目中完成一次与“浏览器渲染原理”相关的验证
• 能记录常见问题、取舍依据和排查方法