使用avalon 实现一个序列号功能
avalon“操作数据即操作DOM”的能力，让我们可以专致于业务，写出更专业，更优雅，更易维护的代码来。现在让我们看看如何实现一个序列号输入功能。它的需求以下： 每输入4个字符就跳到下一个输入框。 不能输入超过4个字符。 支持复制贴粘功能，每4个字符自动对位到相应的输入框 ...
原文：使用avalon 实现一个订座系统
avalon对交互非常复杂的WEB应用具有天然的优势，它拥有两大神器：计算属性 这相当于后端WPF的DependencyProperty 与 watch回调。 我们的订餐系统的要求如下，它有一个总额统计，会在用户添加删除座位时重新计算它，并且与我们火车的座位一样，是分不同的档次，软卧肯定比软座贵，软座比硬座贵。我们需要使用一个数组来储存所有的座位，循环它们使用ms each，而座位类型与价格成一一 ...
2013-09-19 14:31 4 2372 推荐指数：
相关推荐
使用MVVM框架avalon.js实现一个简易日历
最近在做公司内部的运营管理系统，因为与日历密切相关，同时无需触发条件直接显示在页面上，所以针对这样的功能场景，我就用avalon快速实现了一个简易日历，毕竟也是第一次造日历这种轮子，所以这里记录下我当时的一些思路，一来做一些技术总结，二来也是给像我这样第一次做日历的前端工程师一些参考 ...
利用avalon 实现一个简单的成绩单
本文的灵感是来自Halower的这篇博文，他是使用knockout与jQuery实现的。不过我觉得MVVM本来就强大的事件绑定功能，因此用jQuery 是多此一举。另，他也用了一些面向对象的写法。我个人认为，纯数据就该好好当纯数据，作为数据模型（M）而存在，想操作数据，则交由视图模型（VM ...
用avalon实现一个完整的todomvc（带router）
照着todomvc官网的例子，做了一个avalon版的todos，功能全都有了，而且加了router模块，比司徒大大写的都完善(≧▽≦)/~ js文件整整100行，初次使用avalon，书写过程中绕了一些弯子，不过还好最终绕回来了。整体感觉如下： 相比用jQuery，代码量下去了 ...
使用avalon实现SKU组合查询功能
SKU（stock keeping unit库存量单位）组合查询是网上商场一个非常常用的功能。具体来说，一件商品会有许多型号，许多颜色，许多产地，许多码寸，而满足用户选中的这些条件的具体商品可能有库存，也可能没有。我们把型号，颜色，产地，码寸什么的都分成一栏，每一栏的选项都有三种形态，可选，不可 ...
使用avalon ms-ui绑定实现基于组件的开发
让日子过得轻松，必须让代码不断往上抽象。avalon的一切就是为这个崇高的目的而迸进——操作数据即操作DOM，远离DOM进行前端开发。javascript之所以在生命的前十年碌碌无为，都是因为开发者被这些兼容性问题搞怕了。在前十年，人们都是用着那些很底层的原生DOM方法，JS方法进行编程，效率异常 ...
avalon的使用与总结
avalon是前端MVVM框架，将所有前端代码彻底分成两部分，视图的处理通过绑定实现（angular有个更炫酷的名词叫指令），业务逻辑则集中在一个个叫VM的对象中处理。我们只要操作VM的数据，它就自然而然地神奇地同步到视图。 作用域绑定ms-controller：<div ...
如何做一个avalon组件
在avalon1.5中改用更直观的自定义标签来声明组件，废掉ms-widget，引入更强大的生命周期管理，可以让组件任意套嵌。 组件是由JS，HTML，CSS构成 JS 以AMD形式组织，引入HTML与CSS HTML是组件的模板, 模板里面使用ms-*等指令 JS内部是一个 ...