浏览器的渲染页面时,表示网站资源已经请求成功。
渲染时,大致的流程如下:
(解析html以构建dom树->构建render树->布局render树->绘制render树)
具体的流程如下:
1:浏览器会将HTML解析成一个DOM树,DOM树的构建过程是一个深度遍历过程,当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点,
2:将CSS解析成CSS规则树;
3:根据DOM树和CSS来构造render树,渲染树不等于DOM树,像header和display:none;这种没有具体内容的东西就不在渲染树中;
4:根据render树,浏览器可以计算出网页中有哪些节点,各节点的CSS以及从属关系,然后可以计算出每个节点在屏幕中的位置;
5:遍历render树进行绘制页面中的各元素。
P.S页面发生重拍(回流)的话,会重新加载DOM树,影响页面加载速度。会导致页面重拍的原因如下:
1:页面初始化;
2:操作DOM时;
3:某些元素的尺寸变了;
4:CSS的属性发生改变。
浏览器加载页面资源的步骤如下(部分参考网络资料):
1.用户输入网址(假设是第一次访问),浏览器向服务器发出请求,服务器返回html文件;
2.浏览器开始载入html代码,发现<he
浏览器渲染页面的步骤
最新推荐文章于 2024-07-19 10:11:24 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)