浏览器渲染流程
创始人
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属性
相关内容
热门资讯
智星德州菠萝外挂！德州nzt软...
1、智星德州菠萝外挂！德州nzt软件（德州wpk）详细ai辅助软件（有挂安装）。2、智星德州菠萝外挂...
德州之星辅助！德州之星辅助器哪...
德州之星辅助！德州之星辅助器哪里买，（线上wpk德州）真是真的是有挂，今日公布（有挂计算）；德州之星...
德州之星有辅助挂！德州app辅...
WePoke高级策略深度解析；德州之星有辅助挂！德州app辅助器（wpk德州）详细外 挂（有挂安装...
德州ai辅助软件！德州可能有外...
1、德州ai辅助软件！德州可能有外 挂，（云扑克德州）总是有挂，避坑细节（有挂下载）；该软件可以轻松...
智星德州菠萝辅助器！德州软件工...
智星德州菠萝辅助器！德州软件工具（德州wpk）详细辅助器（有挂安装）；支持2-10人实时对战，虚拟庄...
德州之星辅助！德州ai智能辅助...
德州之星辅助！德州ai智能辅助是有挂，（德州之星）切实是有挂，我来向大家传授（有挂教程）；原来确实真...
智星德州菠萝！德州wpk到底有...
1、智星德州菠萝！德州wpk到底有没有外 挂，（云扑克德州）竟然真的是有挂，每日必看教程（有挂计算）...
德州之星有外挂！线上德州ai智...
德州之星有外挂！线上德州ai智能机器人（nzt德州）详细有外 挂（有挂插件）是一款可以让一直输的玩家...
德州之星有辅助挂！德州之星ap...
德州之星有辅助挂！德州之星app辅助（智星德州）详细AI智能辅助机器人（有挂教程）准备好在德州之星有...
德州之星有辅助挂！德州游戏辅助...
德州之星有辅助挂！德州游戏辅助器大全（德州）详细免费辅助神器app（有挂教程）;一、德州之星有辅助挂...