原文:avalon2学习教程15指令总结

avalon的指令在上一节已经全部介绍完毕,当然有的语焉不详,如ms js。本节主要总结我对这方面的思考与探索。 MVVM的成功很大一语分是来自于其指令,或叫绑定。让操作视图的功能交由形形式式的指令来代劳。VM,成了一个大管家。它只一个反射体。我们对它的操作,直接影响到视图。因此俗称 操作数据即操作视图 至于它是怎么影响视图,avalon视其版本的不同,也有不同的解法。如果抛开avalon,纵观世 ...

2016-06-27 19:49 5 3471 推荐指数:

查看详情

avalon2学习教程01

经过难苦奋战,avalon2终于面世了。这花了大半年时间,其中1.6还胎死腹中。长达半年没有产出,我都担心自己会被裁掉…… avalon2许多API与1.4.×保持一致,当然也添加了一些1.5的功能,此外随着react的红红火火,对它的研究,也集成到此框架中。 我们先来一个简单的例子 ...

Thu Apr 07 05:39:00 CST 2016 7 6739
avalon2学习教程05属性操作

avalon2avalon1的属性操作虽然都是使用ms-attr,但用法完全不一样。 avalon1是这样操作属性的 其语法为 ms-attr-valueName="vmProp" 有多少个属性就写多个ms-attr-。其中不能省略。此外,还存在ms-title ...

Thu Apr 21 06:17:00 CST 2016 0 2401
avalon2学习教程02之vm

avalon2的vm是一个非常重要的东西,其设计原型最初脱胎于knockout.js,但到avalon1.6中,终于寻得自己的方案,更精简,更易用,更魔幻。 vm是一种特殊的数据结构,看起来像普通对象,但它大部分属性都被重写了,从而实现“操作数据即操作视图”的效果。我们在定义vm时,一般需要定义 ...

Thu Apr 07 08:11:00 CST 2016 7 3549
avalon2学习教程12数据验证

avalon2砍掉了不少功能(如ms-include,ms-data),腾出空间加了其他更有用的功能。数据验证就是其中之一。现在avalon2内置的验证指令是参考之前的oniui验证框架与jquery validation。 avalon内置验证规则有 规则 ...

Mon Jun 27 23:32:00 CST 2016 6 1794
avalon2学习教程09循环操作

avalon2的循环指令的用法完全改变了。avalon最早期从knockout那样抄来ms-each,ms-with,分别用于数组循环与对象循环。它们都是针对元素内容进行循环。后来又从angular那里抄来了ms-repeat, 这是循环元素内部的。 到avalon2,这三个指令合并成一个 ...

Sun Jun 26 23:51:00 CST 2016 3 9042
avalon2学习教程14动画使用

avalon2实际上没有实现完整的动画模块,它只是对现有的CSS3动画或jquery animate再包装一层。 我们先说如何用CSS3为avalon实现动画效果。首先要使用avalon.effect注册一个特效。 所有注册了的特效,都可以在avalon.effects对象中找到 ...

Tue Jun 28 03:46:00 CST 2016 0 1711
avalon2学习教程11数据联动

在许多表单应用,我们经常遇到点击一个复选框(或下拉框)会引发旁边的复选框(或下拉框)发生改变,这种联动效果用avalon来做是非常简单的。因为avalon拥有经典MVVM框架的一大利器,双向绑定!绝大部分的指令是从vm单向拍到页面,而双向绑定,则通过监听元素的value值变化,反向同步到vm中 ...

Sun Jun 26 23:54:00 CST 2016 5 10977
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM