提升页面加载速度 减少网络请求

• 将请求过的数据存储到本地 redux、内存、sessionStorage等
• 通过函数防抖，减少按钮的点击次数(利用延时器)详见
• 通过函数节流，减少输入框文字变化时的网络请求次数详见
• 统计类的代码可以使用异步脚本，加快页面的渲染速度。
• 脚本文件，尽可能到放到html文档最下面，减少对页面渲染的阻塞。页面顶部的script一般只放配置类的信息，并且是非外部script。
• 尽量使用DOMContentLoaded代替window.onload写法，使得js可以更早的执行。
  • DOMContentLoaded不存在句柄的形式，且存在兼容性问题，ie8可使用document.attach('onreadystatechange', function(){}), ie6可使用document.documentElement.doScroll进行判断。(具体见网络-时间线章节)

代码运行速度

数组相关

• 使用Array.isArray判断是否为数组
• 尽可能的使用for循环，而非forEach map等进行遍历

浏览器内存占用

• 减少对象属性的访问，重复使用的属性交给变量，提升性能。
• 对于addEventListener如果只需调用一次的，要在回调函数里直接remove掉EventListener

变量声明

• 重复var同一变量将var放到循环外部

惰性函数

• 减少代码重复执行的次数
• 详见
• 应用场景

react

• 定时器不要放到redux

事件代理