美文网首页
如何减少DOM编程带来的性能损失

如何减少DOM编程带来的性能损失

作者: 橘子柚子橙子_ | 来源:发表于2018-07-16 00:37 被阅读0次

    可以参考以下几点:

    1. 最小化DOM访问次数,尽可能在JavaScript端处理
    2. 如果需要多次访问某个DOM节点,用局部变量存储它的引用
    3. 小心处理HTML集合,因为它实时连系着底层文档。把集合的长度缓存到一个变量中,并在迭代中使用它
    4. 尽可能使用速度更快的API,比如:querySelectorAll(),fristElementChild
    5. 要留意重绘和重排,批量修改样式时,“离线”操作DOM树,使用缓存,并减少访问局部信息的次数
    6. 动画中使用绝对定位,使用拖放代理
    7. 使用事件委托来减少事件处理器的数量

    相关文章

      网友评论

          本文标题:如何减少DOM编程带来的性能损失

          本文链接:https://www.haomeiwen.com/subject/aqbmpftx.html