如何优化重绘回流
时间:12-14来源:作者:点击数:
城东书院 www.cdsy.xyz
- 添加多个节点添加使用 documentFragment
- 使用 visibility 替换display: none
- 频繁变化的元素可以单独提升为一个渲染合成层【translateZ、willChange 等】,回流时不会影响其他元素
- DOM 离线修改,先将 DOM 设为 display:none, 操作完成后在显示
- 缓存 DOM 的属性值,避免循环重复获取,一直触发回流
- 使用 transform 替代 left top 定位
城东书院 www.cdsy.xyz
方便获取更多学习、工作、生活信息请关注本站
微信公众号
