高性能JavaScript

1、标签位置

  • 放在标签底部
  • defer
2、数据存取
  • 字面量和局部变量访问速度快于数组项和对象成员访问速度
  • 函数每次执行时对应的执行环境都是独一无二的
  • 一个标识符所在的位置越深,它的读写速度也就越慢
  • 读写全局变量通常最慢
  • 可以先将全局变量的引用存储在一个局部变量中
3、DOM编程
  • 减少循环中DOM操作次数
  • querySelectorAll()的原生DOM方法比js和DOM查找元素要快
  • 先去DOM元素,修改过后再插入
  • 避免使用:hover效果
【高性能JavaScript】4、算法和流程控制
  • for-in循环特别用途,枚举对象属性名
    for (var prop in object){ //循环主体,包括从原型继承的属性}
  • 倒序循环快
  • Duff's Device

    推荐阅读