avalon2学习教程01
经过难苦奋战，avalon2终于面世了。这花了大半年时间，其中1.6还胎死腹中。长达半年没有产出，我都担心自己会被裁掉…… avalon2许多API与1.4.×保持一致，当然也添加了一些1.5的功能，此外随着react的红红火火，对它的研究，也集成到此框架中。 我们先来一个简单的例子 ...
原文：avalon2学习教程02之vm
avalon 的vm是一个非常重要的东西，其设计原型最初脱胎于knockout.js，但到avalon . 中，终于寻得自己的方案，更精简，更易用，更魔幻。 vm是一种特殊的数据结构，看起来像普通对象，但它大部分属性都被重写了，从而实现 操作数据即操作视图 的效果。我们在定义vm时，一般需要定义 id，其次是其他业务数据属性，它们都是来自后端的数据表。在 . , . 中，还有一个叫 skipArr ...
2016-04-07 00:11 7 3549 推荐指数：
相关推荐
avalon2学习教程05属性操作
avalon2与avalon1的属性操作虽然都是使用ms-attr，但用法完全不一样。 avalon1是这样操作属性的 其语法为 ms-attr-valueName="vmProp" 有多少个属性就写多个ms-attr-。其中不能省略。此外，还存在ms-title ...
avalon2学习教程12数据验证
avalon2砍掉了不少功能（如ms-include,ms-data），腾出空间加了其他更有用的功能。数据验证就是其中之一。现在avalon2内置的验证指令是参考之前的oniui验证框架与jquery validation。 avalon内置验证规则有 规则 ...
avalon2学习教程09循环操作
avalon2的循环指令的用法完全改变了。avalon最早期从knockout那样抄来ms-each,ms-with，分别用于数组循环与对象循环。它们都是针对元素内容进行循环。后来又从angular那里抄来了ms-repeat， 这是循环元素内部的。 到avalon2，这三个指令合并成一个 ...
avalon2学习教程14动画使用
avalon2实际上没有实现完整的动画模块，它只是对现有的CSS3动画或jquery animate再包装一层。 我们先说如何用CSS3为avalon实现动画效果。首先要使用avalon.effect注册一个特效。 所有注册了的特效，都可以在avalon.effects对象中找到 ...
avalon2学习教程11数据联动
在许多表单应用，我们经常遇到点击一个复选框（或下拉框）会引发旁边的复选框（或下拉框）发生改变，这种联动效果用avalon来做是非常简单的。因为avalon拥有经典MVVM框架的一大利器，双向绑定！绝大部分的指令是从vm单向拍到页面，而双向绑定，则通过监听元素的value值变化，反向同步到vm中 ...
avalon2学习教程 03数据填充
数据填充是一个模版最基础的功能，直接从JSON（vm）取出数据，放到适当的位置上。在静态模板中，不区分文本与HTML，只看你的字符串是否有< >来决定生成文本节点与元素节点。但MVVM中，这两种是严格区分的。一般来说，我们只要求填文本，不要填HTML。填HTML有点危险 ...
avalon2学习教程06样式操作
avalon2的ms-css的变革思路与ms-attr一样，将多个操作合并成到一个对象里面处理，因此没有ms-css-name="value"，只有ms-css="Object"或ms-css="Array". 注意，当你用对象字面量的方式传参时，注意存在－号的键名要用“”号括 ...