您的位置:首页 > 产品设计 > UI/UE

双向数据绑定(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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: