浏览器加载页面顺序
2019-07-17 本文已影响0人
希染丶
1。下载html代码
2。解析html代码,同时开新线程去下载css代码和js代码
3。根据html代码生成dom树
4。下载完css代码,与dom树结合形成渲染树render tree
5.js代码下载完毕后执行,通过dom API修改dom,css API修改render tree
6.js修改dom触发重排,修改render tree 触发重绘
![](https://img.haomeiwen.com/i18020956/2128a59ed6786181.jpeg)
1。下载html代码
2。解析html代码,同时开新线程去下载css代码和js代码
3。根据html代码生成dom树
4。下载完css代码,与dom树结合形成渲染树render tree
5.js代码下载完毕后执行,通过dom API修改dom,css API修改render tree
6.js修改dom触发重排,修改render tree 触发重绘