本文概述了浏览器如何解析HTML和CSS，生成DOM树和渲染树，通过布局并利用GPU绘制网页。当页面缩放或元素大小变化时，会触发重新布局和绘制的过程。
1.浏览器获取html的文件进行解析，生成dom树。（1）
2.在获取html文件解析时，也同时对于css文件进行解析生成样式规则列表。（2）
3.css文件和html文件解析后，通过连接器进行连接，生成渲染树（ 1 + 2 => 3 ）
4.通过渲染树，进行布局，对于渲染树中的元素进行分层放在相应位置上
5.最后绘制遍历渲染树元素，调用gpu把元素在浏览器上绘制出来
（当我们浏览网页时候，放大缩小网页也会导致网页进行重新适应性的布局和绘制；调整页面元素大小时候，也会导致大部分元素需要重新布局和绘制）
扫一扫
1462
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
