浏览器渲染流程
创始人
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属性
相关内容
热门资讯
菠萝智星德州详情！wepoke...
菠萝智星德州详情！wepoker是不是技术越好牌就越好（透视），原本真的是有透视软件主打赛后复盘的 ...
WePoKer有挂！微扑克发牌...
WePoKer有挂！微扑克发牌真的很假（辅助），竟然是真的有辅助软件是一款可以让一直输的玩家，快速成...
红龙PoKer必备！wepok...
您好，wepoker开挂透视方法这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】...
德州扑克科普！德扑之星辅助下载...
您好，德扑之星辅助下载这款游戏可以开挂的，确实是有挂的，需要了解加微【485275054】很多玩家在...
aapoker总结！微扑克辅助...
aapoker总结！微扑克辅助封号（辅助器），总是真的有辅助器安装是一款可以让一直输的玩家，快速成为...
微扑克普及！AlphaQ德州辅...
微扑克普及！AlphaQ德州辅助怎么样（辅助器），一向是真的有辅助器安装主打赛后复盘的 AI 游戏攻...
德州扑克必备！德州辅助app官...
您好，德州辅助app官方最新版本介绍大全这款游戏可以开挂的，确实是有挂的，需要了解加微【136704...
智星菠萝德州关于！德扑之星开挂...
智星菠萝德州关于！德扑之星开挂辅助器（辅助器），先前是有辅助器神器是一款可以让一直输的玩家，快速成为...
菠萝智星德州揭露！德扑之星系统...
您好：德扑之星系统规律这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌...
WOK关于！wepoker辅助...
WOK关于！wepoker辅助挂是什么（透视挂），原本是真的有透视挂软件AI 智能体黑科技再上新，自...