浏览器的渲染原理

构建DOM树:浏览器先请求HTML,拿到HTML,对HTML进行解析,也就是HTML Parser后,形成一个dom树

然后在解析的过程中,有时候有link标签,是CSS和JS,浏览器主进程负责下载CSS文件

构建CSSOM树:当CSS完成下载,并且DOM树构建完成,开始对CSS进行解析,CSS Parser,形成CSSOM(CSS的文档对象模型)

生成渲染树:CSSOM + DOM => Render Tree

布局Layout:根据盒模型,确定元素尺寸和位置

绘制(painting):绘制页面

显示(Display):浏览器主进程将默认图层和复合图层交给GPU进程,GPU进程进行合成

最后形成网页

------------------------------------------------------------------------------------------

 

posted @ 2022-03-28 23:07  沉梦昂志_doc  阅读(23)  评论(0编辑  收藏  举报