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解析。