重绘、回流

本文深入解析网页渲染过程中的重绘与回流现象,详细阐述了触发重绘与回流的原因,以及它们之间的关系。通过具体实例说明了如何避免不必要的重绘与回流,从而提高页面加载速度与用户体验。

重绘:对某个区域、对象的重新渲染表现

回流:对某个区域、对象进行重绘,根据条件影响到它的祖先对象进入重绘(并可能无限递归直到顶级祖先对象)

重绘如何出现:改变对象的形状、坐标、表现以及内容都会引发该对象被重新渲染,这种现象即为重绘。

回流如何出现:当该对象即将重绘时,浏览器会根据条件判断该对象的重绘结果是否会依赖该对象的祖先元素。如果有则将该对象祖先元素也加入本次重绘。并一直向上寻找,直到条件不匹配。此现象即为回流。

最后总结:
1、重绘可能引发回流
2、回流必定引发重绘
3、回流条件……暂时未知

转载于:https://www.cnblogs.com/xiaozhishang/p/4770091.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值