首页 > 设计 > WEB开发 > 正文

浏览器加载网页时的过程

2019-11-02 18:25:03

字体：大中小

来源：转载

供稿：网友

画个图解释清晰一点：首先，开源浏览器一般以8k每块下载html页面。然后解析页面生成DOM树，遇到CSS标签或JS脚本标签就新起线程去下载他们，并继续构建DOM。下载完后解析CSS为CSS规则树，浏览器结合CSS规则树和DOM树生成Render Tree。注意：构建CSS Object Model（CSSOM)会阻塞javaScript的执行。Javascript的执行也会阻塞DOM的构建。JavaScript下载后可以通过DOM API修改DOM，通过CSSOM API修改样式作用域Render Tree。每次修改会造成Render Tree的重新布局和重绘。只要修改DOM或修改了元素的形状或大小，就会触发Reflow，单纯修改元素的颜色只需Repaint一下（调用操作系统Native GUI的API绘制）。

上一篇：h系列标签

下一篇：深入理解javascript原型和闭包（11）——执行上下文栈

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

华为Mate30系列5G版1日开售麒麟990 5G性能更强

2019-10-30 08:55:02

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:20

荣耀20青春版发布售价1399元起

2019-10-23 09:10:39

华为新品发布邀请函曝光 MateX上市时间确定 5G＋55W闪充

2019-10-23 09:03:43

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:24

华为nova 6或于12月5日发布采用前置挖孔双摄设计

2019-10-21 09:09:25

疑难解答

图片精选

网友关注