做网站设计的价格,企业seo网站营销推广,中国农村建设投资有限公司网站首页,互联网设计是做什么的$watch 的实现原理和性能分析 只有双向绑定的 scope 才会被加入$watch队列#xff0c;或者手动绑定$watch的$scope所有放在 $scope 中的变量或函数都被加入到了$watch队列当中#xff0c;每次只要$scope中的一个变量的值发生变化#xff0c;Angular就会自动调用$apply或者$d… $watch 的实现原理和性能分析 只有双向绑定的 scope 才会被加入$watch队列或者手动绑定$watch的$scope所有放在 $scope 中的变量或函数都被加入到了$watch队列当中每次只要$scope中的一个变量的值发生变化Angular就会自动调用$apply或者$digest来把所有在$watch队列中的变量或函数都执行一遍然后把当前值和上一次的值就行比较如果有变化就会在执行一遍(一直循环最多11次)知道没有变化就会停止任何事件如果调用Angular的context中的函数之后都会对$watch队列进行对比执行不管有没有对$scope进行改变 例如ng-click 执行了一个函数 $scope.say function(){ \nothing }, 在这个函数里面没有任何操作但还是会执行$watch队列 ng-repeat 的原理和性能问题 在ng-repeat循环中的每一个item都会建立一个单独的scope并对每个scope中的model进行$watch.这样的话如果有200条数据每条数据中5个属性要被$watch, 那么就是 200 * 5次又因为每次脏数据检测至少都需要执行两次来保证所有变化都被应用那么就是 200 * 5 * 2, 在加上单独的 ng-repeat一个和其他的model为n个就是 200 * 5 * 2 1 n, 如果这个数据超过2500的话页面就会变得很慢了所以如果ng-repeat的数据只是用来展示不需要对其进行操作的话就可以取消$watch绑定可以使用一个Angular的第三方directive Bindonce.转载于:https://www.cnblogs.com/wxlevel/p/7454033.html
