AngularJS ng-repeat 带来的性能损耗
字数 283 字 阅读时长 ≈ 1 分钟
做新版信用卡计算器的时候用到了APICloud,本来按说应该随大家的方向,使用jQuery或者Zepto来作为js库。但是由于习惯了AngularJS的绑定机制,觉得前两者写出来的代码相当啰嗦。于是决心把适合SPA的AngularJS用到MPA的APICloud中去。
折腾了好几天,终于用上了,但是也有非常恶心的事情,那就是使用ng-repeat造成的卡顿。
AngularJS的ng-repeat一直都让我感觉非常方便,可以很轻松的遍历数组生成Dom元素。但是,少量的绑定增加就会带来更大的多的$digest循环开销,从指令方面来说,创造一个可能的静态渲染组件,并在真正需要外都独立在Angular监控体系外是相当有用的,应该保持对隐式创建的watch对象的留心。比如在想好应用结构、coding前关心一下自己可以减少多少个watchers。
也许最终的计算器会脱离AngularJS框架,毕竟它还是适用于SPA,而且对安卓机还是有些挑剔。
♦ 本文固定连接:https://www.gsgundam.com/archive/2015-03-14-angular-ng-repeat-loss-of-performance/
♦ 转载请注明:GSGundam 2015年03月14日发布于 GSGUNDAM砍柴工
♦ 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
♦ 原创不易,如果页面上有适合你的广告,不妨点击一下看看,支持作者。(广告来源:Google Adsense)
♦ 本文总阅读量次