前端性能优化

122 阅读1分钟
  1. 事件的销毁 定时器,没有绑定在dom节点上面的事件需要在beforeDestory中销毁。
  2. 第三方组件按需引入
  • lodash、element-ui
  1. computed、watch、methods
  • computed: 当一个数据依赖其他数据的时候需要用到。其他数据发生变化的时候才会重新计算,否则会返回缓存的值
  • watch 当多个数据依赖一个数据的时候,需要在依赖变化的时候执行某些操作
  • methods:数据实时更新时
  1. 防抖、节流 长列表加载时使用前端分页,这个时候可以使用节流。n秒内只执行一次回调。

  2. 对于嵌套比较深的对象、或者长列表,纯展示的数据不作响应式处理

  3. 避免css样式多层嵌套