zoukankan      html  css  js  c++  java
  • 双向数据绑定(angular,vue)

    最近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

  • 相关阅读:
    (2/24) 快速上手一个webpack的demo
    (1/24) 认识webpack
    module.exports 、exports、export、export default的区别
    Git同时提交到多个远程仓库
    @codeforces
    @loj
    @bzoj
    @loj
    @bzoj
    @bzoj
  • 原文地址:https://www.cnblogs.com/Upton/p/6125114.html
Copyright © 2011-2022 走看看