浏览器渲染流程
创始人
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属性
相关内容
热门资讯
透视插件！xpoker辅助神器...
透视插件！xpoker辅助神器，约局吧德州真的有透视挂吗，必备教程（有挂细节）1、每一步都需要思考，...
透视讲解！德普之星的辅助工具介...
透视讲解！德普之星的辅助工具介绍， （德扑之心）果然是有挂（透视）app安卓版破解版（有挂教程）1、...
透视手机版！wepokerpl...
透视手机版！wepokerplus透视脚本免费，（WePoKer）都是真的有挂（透视）插件（有挂规律...
透视辅助！wpk辅助器是真的吗...
透视辅助！wpk辅助器是真的吗，（wPK）其实真的是有挂（透视）透视是真的假的（有挂内幕）一、wpk...
透视软件！哈糖大菠萝有挂吗5个...
透视软件！哈糖大菠萝有挂吗5个常用方法，约局吧透视挂下载，wepoke教程（有挂技巧）1、哈糖大菠萝...
透视透视脚本！wepoker怎...
透视透视脚本！wepoker怎么开辅助，（wepoker）真是存在有挂（透视）黑侠辅助器（有挂揭秘）...
透视挂！德普之星透视辅助， （...
透视挂！德普之星透视辅助， （德普）一直是真的有挂（透视）辅助器（有挂技巧）1、德普之星透视辅助系统...
透视辅助！wpk俱乐部是真的吗...
透视辅助！wpk俱乐部是真的吗，（wpK）原来真的是有挂（透视）模拟器（有挂秘笈）1、实时wpk俱乐...
透视能赢！佛手在线大菠萝智能辅...
透视能赢！佛手在线大菠萝智能辅助器，德州局透视脚本，透视教程（有挂揭秘）1、佛手在线大菠萝智能辅助器...
透视底牌透视！wejoker辅...
透视底牌透视！wejoker辅助软件，（WEPOKER）一贯是真的有挂（透视）轻量版透视方法（有挂技...