五、HTML、CSS和JavaScript，是如何变成页面的？

完整的渲染流水线示意图 结合上图，一个完整的渲染流程大致可总结为如下： 渲染进程将 HTML 内容转换为能够读懂的 DOM 树结构。 渲染引擎将 CSS 样式表转化为浏览器可以理解的 styleSheets，计算出 DOM 节点的样式。 创建布局树，并计算元素的布局信息。 对布局树进行分层，并生成分层树。 为每个图层生成绘制列表，并将其提交到合成线程。 合成线程将图层分成图块，并在光栅化线程池中将

>>阅读原文<<