zoukankan      html  css  js  c++  java
  • js性能优化

    其实js优化一定要掌握方法,没有正确的方法可能做了很多工作都是偏离主题的,按照正确的优化方法来优化就会定位性能瓶颈,然后对其采取进行有效的 优化措施,而js优化中最主要的还是对dom操作的优化,单纯的js执行时间是很短的,而js和dom之间的交互是通过接口来完成,通过接口来完成的都会 有延时,所以要尽量减少dom操作,尤其是在大循环中。
         最后,总结下常见的dom操作的优化方法(节选自高性能JavaScript)

         1  最小化dom访问次数,尽可能在js端执行;
         2  如果需要多次访问某个dom节点,请使用局部变量存储对它的引用;
         3  小心处理html集合,因为它实时连系着底层的文档,把集合的长度缓存到一个变量中,并在迭代中使用它,如果需要经常操作集合,建议把它拷贝到一个数组中;
         4  如果可能的话,使用速度更快的API,比如querySelectorAll和firstElementChild;
         5  要留意重绘和重排;批量修改样式时,“离线”操作dom树;使用缓存,并减少访问布局的次数;
         6  动画中使用绝对定位,使用拖放代理
         7  使用事件委托来减少事件处理器的数量

         总结下js中对数据访问的优化(节选自高性能JavaScript)

         1  函数中读写局部变量总是最快的,而全局变量的读取则是最慢的;
         2  尽可能地少用with 语句,因为它会增加with 语句以外的数据的访问代价;
         3  闭包尽管强大,但不可滥用,否则会影响到执行速度以及内存;
         4  嵌套的对象成员会明显影响性能,尽量少用;
         5  避免多次访问对象成员或函数中的全局变量,尽量将它们赋值给局部变量以缓存。

     
     
    标签: js前端性能优化
  • 相关阅读:
    第三周作业
    第二周作业
    第一周作业附加
    第三次结构部分作业
    第二次作业
    最后一周作业
    第14,15周作业
    第七周作业
    第六周作业
    第四周作业
  • 原文地址:https://www.cnblogs.com/ypinchina/p/6383585.html
Copyright © 2011-2022 走看看