最近github上插件项目更新了关于双向数据绑定的实现方式,关于angular和vue.

angular众所周知是使用的脏检查($dirty)。一开始大家会认为angular开启了类似setInterval去不停的循环检查,性能极差,但其实并不是,$dirty是在一定条件下才会去执行,比如输入框内容变化或者点击按钮,我没分析过源码,但是从指令的使用可以验证这一点,angular 的directive中scope.name=newValue;这个操作并不能使view中有变化,必须要手动启动脏检查。

对于vue,使用了es5的Object.defineProperty()中的set和get函数,很容理解,之前我的文章也有讲述。顺便简单看了下avalon,它是对“=”做了劫持,其实用的也是es5的Object.defineProperty(),不过其兼容到了ie6,对于低版本的IE浏览器使用了VBS的东西,但是总体实现代码量是很少的。

这里附上git地址

https://github.com/Stevenzwzhai/plugs/tree/master/data-bind

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-05-22
  • 2021-04-30
  • 2021-10-13
猜你喜欢
  • 2022-12-23
  • 2021-12-24
  • 2021-05-24
  • 2021-07-27
  • 2021-06-14
相关资源
相似解决方案