基于AngularJS/Ionic框架开发的性能优化

AngularJS作为强大的前端MVVM框架,虽然已经做了很多的性能优化，但是我们开发过程中的不当使用还是会对性能产生巨大影响。

下面提出几点优化的方法：

1. 使用单次绑定符号{{::value}}

AngularJS的性能优化方法之一是减少双向绑定。我们知道AngularJS的双向绑定是通过为每个需要双向绑定的数据对象添加$$watchers,一旦某个scope的数据发生了更新，就触发脏检测($digest)，深度优先遍历所有scope对象的$$watchers值的old/new value是否发生变化。所以在开发过程中，我们都要小心判断创建出的每个$$watchers是否有必要。对于只需要更新一次，以后不管数据层如何变化都不需要更新的数据，使用连续两个冒号即可在在$$watchers列表中将这个值删除，即减少了$digest脏检测循环。

2. ng-repeat优化

第一种方式虽然减少了脏检测的次数，但是单次绑定的数据毕竟少数，可能加完单次绑定，性能提升并没有太大。如果我们的代码中使用了ng-repeat,并且list数量很大时，我们的性能会有很大下降，在移动端尤为明显。下面几点是对ng-repeat指令的优化。

• 使用limitTo来减少第一次加载列表元素的数量，以提高初始化页面的速度。我们也许有上百上千条数据要显示，但是屏幕的大小毕竟有限，呈现在用户眼前的可能就是个1280x800或者360x640大小的屏幕，那我们可以先加载用户所能看到几个十几个列表。limitTo属性就提供了这样的功能。

　　<li ng-repeat="mail in mails |limitTo:loadMailLimitTo"></li>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：基于AngularJS/Ionic框架开发的性能优化

关键词：JS