码迷,mamicode.com
首页 > 其他好文 > 详细

angular脏检查机制

时间:2018-04-16 20:37:35      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:ges   就是   angular   操作   性能   通讯   表达式   桌面   apply()   

  机制:

    是angular中双向数据绑定的原理,是通过一个原先的旧值和当前的新值作比较是否相等,如果相等则不会触发脏检查机制,如果不相等则会触发脏检查机制,$$watcher进行监听,触发新老值的替换。

    在angular的程序中,一个以{{}}或者指令绑定的视图,就会在此绑定的视图上有一个$watch事件,将数据中最新的值呈现在界面上,所有的watch储存在$$warcher中,一次脏检查就是调用已从$spply()或者$digest(),遍历检查所有watch,将数据中最新值呈现在桌面上。

  

    $$watcher:是监听或者是$apply()和$digest()之间的通讯桥梁

    $apply()是监听数据变化的方法

    $digest()是执行更改改变后的数据

 

  性能:  

    脏检查机制会造成性能的浪费,消耗性能,但是不会浪费多的是,angular中ng-if,表达式,多层过滤器(需要循环处理),直接操作DOM元素等会造成程序的性能的大量浪费

angular脏检查机制

标签:ges   就是   angular   操作   性能   通讯   表达式   桌面   apply()   

原文地址:https://www.cnblogs.com/DJF-Dream/p/8858145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!