浏览器渲染流程
创始人
2024-12-27 22:36:41
0次
渲染流水线
生成dom树
根据html生成dom树
生成cssom树
解析css生成一颗cssom树
document.styleSheets 构建布局树-layout
根据dom树与cssom树构建一棵layout布局树,会移除不可见部分, 如display:none的dom, 但visible: hidden这种会保留
同时会计算可见部分的几何位置
划分图层-layer
页面的显示其实是类似于photoshop多图层模式
不同的元素或显示情况对应不同的图层, 根据图层最后合成一张图片
绘制-paint
为每个图层生成包含绘制信息的绘制列表, 将绘制列表提交给渲染进程的合成线程用于绘制
重排、重绘、合成
重排
修改dom的几何属性时，会触发完整的渲染流水线，此情况成为重排
重绘
修改的dom属性不涉及几何属性，会省略layout、layer，此过程称为重绘
合成
修改的属性不涉及上述重排重绘的属性时，省略layout、layer、paint，仅执行合成线程的绘制工作
这种情况称为合成
如transform属性
相关内容
热门资讯
第八分钟举措！仙桃晃晃诀窍，多...
大家好，今天小编来为大家解答仙桃晃晃诀窍这个问题咨询软件客服可以免费测试直接加微信（13670430...
第2分钟演示！蜀山四川辅助脚本...
第2分钟演示！蜀山四川辅助脚本，山西扣点免费辅助，新2026版（一贯确实有挂）；无需打开直接搜索加（...
7分钟方针！打哈儿小程序辅助，...
7分钟方针！打哈儿小程序辅助，wepoker底牌透视，详细教程（原来是有挂的）；亲，打哈儿小程序辅助...
第6分钟绝活儿！金虎爷科技，哥...
第6分钟绝活儿！金虎爷科技，哥哥打大a辅助工具视频，技巧教程（其实真的有挂） 【无需打开直接搜索加薇...
第9分钟大纲！雀友会潮汕麻将开...
您好：雀友会潮汕麻将开挂辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用...
第2分钟大纲！789大菠萝攻略...
较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加（136704302）微信号是一款...
第4分钟举措！菠萝神辅助器ap...
第4分钟举措！菠萝神辅助器app，hhpoker怎么开透视，第三方教程（原来是有挂）；亲，菠萝神辅助...
第五分钟演示！wepoker内...
第五分钟演示！wepoker内置辅助器，八仙竞技馆辅助器下载，大神讲解（一直有挂）>>您好：软件加1...
十分钟策略！江西微乐南昌有辅助...
十分钟策略！江西微乐南昌有辅助，兴动互娱辅助器视频，玩家教你（一直是有挂）江西微乐南昌有辅助ai黑科...
1分钟总结！蜀山四川小程序辅助...
1分钟总结！蜀山四川小程序辅助插件，众亿辅助，详细教程（一直真的有挂）；亲，蜀山四川小程序辅助插件这...