您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

如何优化重绘回流

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