JS 的优化原则

  • 需要时优化
  • 考虑可维护性

    提升 JS 文件的加载性能

    加载元素的顺序，css 文件放在文件的 中， JS 放在文件的 中

JS 变量和函数的优化

  • 尽量使用 ID 选择器
  • 尽量避免使用 eval
  • JS 函数尽可能保持简洁
  • 使用事件节流函数
  • 使用事件委托

JS 动画的优化

  • 避免添加大量的 JS 动画
  • 尽量使用 CSS3 动画
  • 尽量使用 Canvas 动画
  • 合理使用 requestAnimationFrame 动画代替 setTimeout 、setInterval
    • requestAnimationFrame 可以在正确的时间进行渲染，setTimeout 和 setInterval 无法保证 callback 回调函数的执行时机。