codecamp

AngularJS 优化 digest cycle

优化 digest cycle

只监听必要的变量(例如：在进行实时通讯时，不要在每次接收到消息时触发 $digest loop)
对于那些只初始化一次并不再改变的内容, 使用一次性 watcher bindonce 对于早期的 AngularJS 或者一次性 bindings 对于 AngularJS >=1.3.0.
尽可能使 $watch 中的运算简单。在单个 $watch 中进行繁杂的运算将使得整个应用延缓(由于JavaScript的单线程特性，$digest loop 只能在单一线程进行)
当监听集合时, 如果不是必要的话不要深度监听. 最好使用 $watchCollection, 对监听的表达和之前表达的估值进行浅层的检测.
在 $timeout 设置第三方参数为 false 来跳过 $digest 循环当没有变量被 $timeout 回调函数所影响.
当面对超大不太改变的集合, 使用 immutable data structures.

温馨提示

下载编程狮App，免费阅读超1000+编程语言教程

取消

确定

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }