Angular开发：性能优化

发表于 更新于 分类于 阅读次数：
本文字数： 360 阅读时长 ≈ 1 分钟
在 Angular 中如何进行性能优化呢？

引

在我们开发 Angular 的项目时，不单单只是完成开发任务，我们还应该考虑和性能相关的内容

减少不必要的操作，减少不必要的请求，不需要的页面进行懒加载等等

本篇文章记录了自己在开发时学到的一些性能优化

持续更新中

ngFor*

现象复现：在 Angular 中使用 ngFor* 进行循环时，如果循环的数据发生变化时（无论是所有数据改变还是数据集中的某一个改变），Angular 默认会将所有的节点都删除，再重新绘制新数据

分析原因：这看起来是正常的，但是如果在大量的数据中修改了几项内容的时候，这样的渲染机制很显然是不正常的

解决办法：Angular 官方有一个 trackBy 属性来监听是哪个数据发生了变化，监听到以后 Angular 会重新绘制发生变化的内容，而未变化的内容不做任何修改

参考链接：@无er不乐