重绘和回流(重排)是什么,如何避免()
DOM的变化影响到了元素的几何属性(宽高),浏览器重新计算元素的几何属性,其他元素
的几何
属性和位置也会受到影响,浏览器需要重新构造渲染树,这个过程称为重排,浏览器将受
到影响的部分
重新绘制到屏幕上的过程称为重绘。引起重排的原因有
1.添加或者删除可见的DOM元素,
2.元素位置、尺寸、内容改变,
3.浏览器页面初始化,
4.浏览器窗尺寸改变,重排一定重绘,重绘不一定重排
【重绘和回流(重排)是什么,如何避免()】减少重绘和重排的方法:
1.不在布局信息改变时做 DOM 查询
2.使用 cssText 或者 className 一次性改变属性
3.使用 fragment
4.对于多次重排的元素,如动画,使用绝对定位脱离文档流,让他的改变不影响到其他元素
推荐阅读
- 急于表达——往往欲速则不达
- 第三节|第三节 快乐和幸福(12)
- 20170612时间和注意力开销记录
- 2.6|2.6 Photoshop操作步骤的撤消和重做 [Ps教程]
- 对称加密和非对称加密的区别
- 眼光要放高远
- 樱花雨
- 前任
- 2020-04-07vue中Axios的封装和API接口的管理
- 烦恼和幸福