HTML,CSS,JS文件在浏览器中如何转换为页面？

HTML,CSS,JS文件在浏览器中如何转换为页面？
1.构建DOM树：浏览器通过HTML解析器解析HTML文档，首先将标签转换成DOM树中的Dom节点（包括js生成的标签）生成DOM树。

2.构建CSSOM：将CSS解析为浏览器可以理解的CSSOM，并计算出DOM节点的样式。

3.构建渲染树：匹配DOM和CSSOM的节点，捕获可见内容，构建渲染树。

4.进行布局：从根节点递归调用，计算每一个元素的大小，位置等。并给出每个节点所应该在频幕上出现的精确坐标。

5.对布局树进行分层，生成分层树。

6.为每个图层生成绘制列表，将其提交到合成线程。

7.合成线程将图层分为图块，并栅格化将图块转为位图。

8.合成线程发送绘制图块命令给浏览器进程。浏览器进程根据指令生成页面，并显示到显示器上。

5678可以合并为 在浏览器上渲染页面。

JS会阻塞HTML解析。