迷你MVVM框架 avalonjs 学习教程21、双向绑定链
avalon的双向绑定机制，是通过一条依赖链实现。此依赖链最底层是监控属性、监控数组，中层是计算属性、监控函数，再上点是求值函数，最上层是视图刷新函数。 所谓计算属性，监控属性，监控函数属性，我们改变它们的值，它们会引发视图变化；而监控数组，是我们调用它的一些方法，也会引发视图变化 ...
原文：迷你MVVM框架 avalonjs 学习教程14、事件绑定
之前的章节许多示例代码也或多或少地展示了如何使用ms click来绑定事件了。能直接在模板上绑定是事件，这也是静态模板与动态绑定的一大区别。ms click不是简单的onclick的别名，它在内部屏蔽了浏览器的差异，并且对许多浏览器暂时不支持的事件做了兼容处理。 总的来说，事件绑定是使用ms on 绑定来实现，但avalon也提供了许多快捷方式，让用户能直接以ms eventName调用那些常用事 ...
2014-10-09 10:16 3 5697 推荐指数：
相关推荐
迷你MVVM框架 avalonjs 学习教程3、绑定属性与扫描机制
在MVVM框架中，你都会看到页面定了许多奇怪的属性，比如knockout的data-☆，angular的ng-☆，avalon的ms-☆，此外还有一些只写文本节点上的双花括号，它们统称为指令。ms-☆由于定义在元素节点上，是一个特性节点(Attribute)，因此称为绑定属性。 双花括号称之为插值 ...
迷你MVVM框架 avalonjs 学习教程16、过滤器
avalon的过滤器是参考自angular与rivets。它也被称做管道文本过滤器，它的处理对象只能是文本（字符串），它只能用在文本绑定中，并且只能是双花括号形式。下面是各大家的过滤器比较： rivetsjs <span rv-text="event.startDate | date ...
迷你MVVM框架 avalonjs 学习教程19、avalon历史回顾
avalon最早发布于2012.09.15,当时还只是mass Framework的一个模块,当时为了解决视图与JS代码的分耦，参考knockout开发出来。 它的依赖收集机制，视图扫描，绑定的命名data-*都与knockout差不多。它总共900行。 当时的理论体现在我在注释的这一段 ...
迷你MVVM框架 avalonjs 学习教程9、类名操作
ms-class是avalon用得最多的几个绑定之一，也正因为如此其功能一直在扩充中。根据时期的不同，分为旧风格与新风格两种。 旧风格是指ms-class-xxx=”expr”，*ms-class-aaa-bbb=”expr”*。正如第三节《绑定属性与扫描机制》所讲，一个绑定属性分成三部 ...
迷你MVVM框架 avalonjs 学习教程1、引入avalon
十来个不同的界面，分层架构是必不可少的。因此双向绑定作为解药，结合很早就流行的MVC框架，衍生出MVVM这 ...
迷你MVVM框架 avalonjs 学习教程10、样式操作
一般情况下我们通过设置类名就可以改变元素的样式，但涉及到动画部分，就一定需要设置内联样式了，因此有了ms-css。*ms-css*的用法为ms-css-样式名="样式值"， 如ms-css-width ...
迷你MVVM框架 avalonjs 学习教程12、数据联动
在许多表单应用，我们经常遇到点击一个复选框（或下拉框）会引发旁边的复选框（或下拉框）发生改变，这种联动效果用avalon来做是非常简单的。在avalon里，存在各种绑定回调与$watch回调，完全满足你的需求。 下面是avalon所有绑定回调。 data-duplex-changed ...