浏览器的渲染原理
页面是一个二维平面,但层叠上下文能够让HTML元素拥有三维概念,这些HTML元素按自身属性的优先级分布在垂直于这个二维平面的Z轴上,以下情况会作为单独的图层,HTML会继续进行解析,解析css的同时也在解析dom,css文件虽然不会阻塞HTML的解析,但会阻塞页面的渲染。HTML解析器会解析HTML文件,解析出来的结果会成为一棵dom树(包含全节点,包括隐藏的节点和。因为生成的渲染树,需要等待css文件解析完成后生成的css树与DOM树合成渲染树。将生成的的dom树和css树相结合,成为一颗新的渲染树。
原创
2023-05-26 20:44:50 ·
127 阅读 ·
0 评论