类别:htmlcss / 日期:2022-11-01 / 浏览:228 / 评论:0

DOM 的变化影响到了预算内宿的几何属性比如宽高,浏览器重新计算元素的几何属性,其他元素的几何属性也会受到影响,浏览器需要重新构造渲染书,这个过程称之为重排,浏览器将受到影响的部分重新绘制在屏幕上 的过程称为重绘

引起重排重绘的原因有:

1. 添加或者删除可见的 DOM 元素,
2. 元素尺寸位置的改变
3. 浏览器页面初始化,
4. 浏览器窗口大小发生改变,重排一定导致重绘,重绘不一定导致重排,

减少重绘重排的方法有:

1. 不在布局信息改变时做 DOM 查询,
2. 使用 csstext,className 一次性改变属性

3. 使用 fragment

对于多次重排的元素,比如说动画。使用绝对定位脱离文档流,使其不影响其他元素

版权声明 : 本文未使用任何知识共享协议授权,您可以任何形式自由转载或使用。

 可能感兴趣的文章

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。

«    2023年11月    »
12345
6789101112
13141516171819
20212223242526
27282930

最新留言