浏览器渲染过程
2018-03-08 11:22:58 17 举报
浏览器渲染原理
作者其他创作
大纲/内容
绘制paint
Render Tree
调用操作系统Native GUI的API绘制
js，阻断式加载js，并且执行
HTML，SVG，XHTML...
domapi
cssomapi
生成DOM Tree
reflow/layout布局计算
在解析的同时，遇到外链就等待下载完成
JS对DOM的操作会，增删改排序都会造成dom树的改变。会造成回流，布局
最终显示
DOMContentLoaded事件触发
浏览器渲染原理
下载完成之后，对html解析
修改某些css属性同样也会造成回流，重新计算布局，比如高度宽度等...但是如颜色等就只会造成重绘
生成渲染树和DOM树是不一样的，那些不需要显示，不会在render上出现
CSS，阻断式加载外链css
paint之前步骤，都是由CPU来完成的，paint是有GPU来完成的。Main
图片等其他外部资源，页面所有都加载完毕，onload事件触发
首先返回的就是html文档
url -服务器返回
0 条评论
回复 删除
下一页
