双向数据绑定(angular,vue)
2016-12-02 11:37
489 查看
最近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
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
相关文章推荐
- vue开发:vue,angular,react数据双向绑定原理分析
- Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
- Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
- 浅谈vue,angular,react数据双向绑定原理分析
- JavaScript实现简单的双向数据绑定(Ember、Angular、Vue)
- angular和vue双向数据绑定
- 理解Angular数据双向绑定
- vue.js双向数据绑定
- Angular双向数据绑定原理
- angular-数据双向绑定
- 一个Angular的双向数据绑定的例子
- Vue.js双向数据绑定模板渲染
- angular.js 中同步视图和模型数据双向绑定,$watch $digest $apply 机制
- Vue.js学习 Item4 -- 数据双向绑定
- 【Angular】双向数据绑定--作用域树
- Vue.js每天必学之数据双向绑定
- Angular数据双向绑定
- Angular之双向数据绑定基础
- Vue.js学习 Item4 -- 数据双向绑定
- 初探Vue原理之view-model的数据动态双向绑定