为了验证avalon的可用性与高效性，我用它重新实现jQuery ui。打造过程如下，直接到jQuery ui官网，查看它们的运行效果，不看其JS源码，然后取其HTML结构修改。使用了MVVM编写代码，能保证你思维清晰畅顺，不用在DOM逻辑与数据处理中跳来跳去，因此带来比jQuery还强大的革命性 ...

本教程将介绍avalon的高级特性 date过滤器的使用, 这个与angular的date过滤器的使用方法差不多，{{xxx|date("yyyy MM d")}} $watch监听，相当于把监控属性变成一种事件，当它变化时，就执行它绑定的回调。vm.$watch("firstName ...

最近在做公司内部的运营管理系统，因为与日历密切相关，同时无需触发条件直接显示在页面上，所以针对这样的功能场景，我就用avalon快速实现了一个简易日历，毕竟也是第一次造日历这种轮子，所以这里记录下我当时的一些思路，一来做一些技术总结，二来也是给像我这样第一次做日历的前端工程师一些参考 ...

最近有许多人问我怎么用这东西，如果是那些用过knockout的人还好，之前没有接触过MVVM的人可能一头雾水。大多数人被我那个jquery ui的演示吸引过来，都深感它的威力之大。 这里详细介绍一下它的用法吧。 第一步，当然是引入avalon库，就像引入jQuery库那样，当然要从官网下。现在 ...

本文将深入介绍一下avalon的运作机理及与jQuery的区别。 许多人都知道MVVM是MVC的一个变体，但那些MVC是在后端的，包括微软的WPF，这意味着这个V与我们前端接触到的V差别很大。后端的V就是使用各种模板拼凑成一个静态页面给前端。而前端的V在JSer的眼中就是一个巨大的DOM树 ...

废话说了大几篇,我们开始来点干货了~ ViewModel的内部机制 在MVVM中，数据是核心。而jQuery则以DOM为核心。 而DOM只是HTML在JS的世界的抽象，是一个很易变的东西。因此如果业务代码遍历选择器表达式会非常难维护。但不可否认，jQuery是操作DOM的王者 ...

接触avalon差不多有一年时间了，当时是看前端大牛司徒正美的博客才了解到还有这么一个高大上的玩意，然后就加入了avalon的讨论群。从群里零零散散的了解了avalon的一些特性，感觉很强大，感觉思想比较超前，连jquery也成了他们的吐槽对象。司徒正美鼓吹使用avalon代码量比使用 ...

avalon大家可能不熟悉，但是Knockout估计或多或少听过用过，那么说说KO的几个概念 监控属性（Observables）和依赖跟踪（Dependency tracking） 声明式绑定（Declarative bindings） 模板（Templating） 本章主要 ...