浏览器从 HTML 到页面显示，经历哪些主要步骤？

可以用几个主要阶段理解：解析 HTML 构建 DOM，解析 CSS 并计算样式，布局确定几何位置，绘制生成绘图信息，再经过栅格化与合成显示页面。实际实现会流水化、并行化，并不总是严格串行。

JavaScript 可能阻塞解析或修改 DOM 与样式。后续修改可能让部分阶段重新执行：改变尺寸通常需要布局；改变颜色通常需要绘制；某些 transform 动画可以主要在合成阶段处理。

应使用浏览器性能工具验证具体页面行为，不要把“使用 transform”当作必然零成本的保证。