如何优化重绘回流

发布于 2023-05-04 19:40:25 字数 279 浏览 31 评论 0

  1. 添加多个节点添加使用 documentFragment
  2. 使用 visibility 替换display: none
  3. 频繁变化的元素可以单独提升为一个渲染合成层【translateZ、willChange 等】,回流时不会影响其他元素
  4. DOM 离线修改,先将 DOM 设为 display:none, 操作完成后在显示
  5. 缓存 DOM 的属性值,避免循环重复获取,一直触发回流
  6. 使用 transform 替代 left top 定位

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

冬天的雪花

暂无简介

0 文章
0 评论
22 人气
更多

推荐作者

qq_eQNo9e

文章 0 评论 0

内心旳酸楚

文章 0 评论 0

mb_BlPo2I8v

文章 0 评论 0

alipaysp_ZRaVhH1Dn

文章 0 评论 0

alipaysp_VP2a8Q4rgx

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文