司徒正美 - 博客园

avalon2学习教程12数据验证

摘要： avalon2砍掉了不少功能（如ms include,ms data），腾出空间加了其他更有用的功能。数据验证就是其中之一。现在avalon2内置的验证指令是参考之前的[oniui验证框架][1]与[jquery validation][2]。 avalon内置验证规则有规则描述 require 阅读全文

posted @ 2016-06-27 15:32 司徒正美阅读(2203) 评论(6) 推荐(0)

avalon2学习教程11数据联动

摘要：在许多表单应用，我们经常遇到点击一个复选框（或下拉框）会引发旁边的复选框（或下拉框）发生改变，这种联动效果用[avalon][1]来做是非常简单的。因为[avalon][2]拥有经典MVVM框架的一大利器，[双向绑定][3]！绝大部分的指令是从vm单向拍到页面，而双向绑定，则通过监听元素的value 阅读全文

posted @ 2016-06-26 15:54 司徒正美阅读(11632) 评论(5) 推荐(0)

avalon2学习教程09循环操作

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

posted @ 2016-06-26 15:51 司徒正美阅读(9869) 评论(3) 推荐(0)

avalon2学习教程08插入移除操作

摘要：本节介绍的ms if指令与ms visible很相似，都是让某元素“看不见”，不同的是ms visible是通过CSS实现，ms if是通过移除插入节点实现。 ms if的用法与1.×时别无二致，只要值是真，就插入，为假时，就在原位置上替换为一个注释节点做占位符。注意1：在avalon1. 中，阅读全文

posted @ 2016-06-26 14:45 司徒正美阅读(1188) 评论(0) 推荐(0)

现在算法是新锐前端框架成功的重要因素

摘要：随着前端MVVM的流行，小型框架现在越来越难存活了！react, angular等打着大公司旗号的框架占了半壁江山，而avalon以其良好兼容性在国内份额不断上升。前端也与后端一样，遵循马太效应，强者愈强，弱者愈弱。最后只剩下两种框架，不断被人发现BUG的框架与没有人用的框架。MVVM本来就是一种阅读全文

posted @ 2016-06-23 12:02 司徒正美阅读(6486) 评论(19) 推荐(27)

avalon2学习教程06样式操作

摘要： avalon2的ms-css的变革思路与ms-attr一样，将多个操作合并成到一个对象里面处理，因此没有ms-css-name="value"，只有ms-css="Object"或ms-css="Array". 注意，当你用对象字面量的方式传参时，注意存在－号的键名要用“”号括起来。在avalon 阅读全文

posted @ 2016-04-20 23:16 司徒正美阅读(3847) 评论(1) 推荐(2)

avalon2学习教程05属性操作

摘要： avalon2与avalon1的属性操作虽然都是使用ms-attr，但用法完全不一样。 avalon1是这样操作属性的有多少个属性就写多个ms-attr-。其中不能省略。此外，还存在ms-title, ms-alt，ms-src, ms-href, ms-selected, ms-checked等阅读全文

posted @ 2016-04-20 22:17 司徒正美阅读(2821) 评论(0) 推荐(2)

avalon2学习教程04显示隐藏处理

摘要：今天的主角是ms-visible，它的效果类拟于jQuery的toggle，如果它后面跟着的表达式为真值时则显示它所在的元素，为假值时则隐藏。不过显示不是 display:none这么简单，众所周知，display拥有inline, inline-block, block, list-item, t 阅读全文

posted @ 2016-04-15 14:12 司徒正美阅读(2137) 评论(4) 推荐(1)

avalon2学习教程 03数据填充

摘要：数据填充是一个模版最基础的功能，直接从JSON（vm）取出数据，放到适当的位置上。在静态模板中，不区分文本与HTML，只看你的字符串是否有< >来决定生成文本节点与元素节点。但MVVM中，这两种是严格区分的。一般来说，我们只要求填文本，不要填HTML。填HTML有点危险！在avalon1中，存在四阅读全文

posted @ 2016-04-13 11:03 司徒正美阅读(3950) 评论(7) 推荐(2)

avalon2学习教程02之vm

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

posted @ 2016-04-07 00:11 司徒正美阅读(4241) 评论(7) 推荐(3)

Ruby's Louvre

导航

公告