性能优化

这里会记录下一些有关React的性能优化知识

Key

key 可以在 Vue Diff阶段 尽可能复用旧节点，从而减少 Diff 时间。

v-if和v-show

v-if是真正的条件渲染，适合不需频繁切换条件的场景；v-show只是切换display属性，适合频繁切换条件的场景

js事件的销毁

手动移除原生js事件的监听，以免造成内存泄露。

Object.freeze

对于纯粹的数据展示，可适当冻结对象，禁止Vue劫持数据

懒加载

图片、路由

SSR

提升页面首屏渲染性能。