渲染流程梳理

我们编写好的HTML、CSS、JavaScript 等文件，经过浏览器就会显示出漂亮的页面。浏览器是经过怎么个过程才能让我们看到页面的？
下面我来对看过的文章进行梳理。
下面是我画的图

结合文章中的图片：
文字总结：

1. 渲染进程将HTML内容转换为能够读懂的DOM树结构。
2. 渲染引擎将CSS样式表转化为浏览器可以理解的styleSheets，计算出DOM节点的样式。
3. 创建布局树，并计算元素的布局信息。
4. 对布局树进行分层，并生成分层树。
5. 为每个图层生成绘制列表，并将其提交到合成线程。
6. 合成线程将图层分成图块，并在光栅化线程池中将图块转换成位图。
7. 合成线程发送绘制图块命令DrawQuad消息给浏览器进程。
8. 浏览器进程根据DrawQuad消息生成页面，并显示到显示器上。

希望方便自己和大家的记忆。然后再针对每一条进行展开分析，来彻底搞懂知识。