Fork me on GitHub
  2013年6月18日
摘要: 接上一章执行流程1在这一大堆扫描绑定方法中应该会哪些实现?首先我们看avalon能帮你做什么?数据填充,比如表单的一些初始值,切换卡的各个面板的内容({{xxx}},{{xxx|html}}, ms-html)类名处理,如隔行变色,掠过变色(ms-class, ms-hover)事件绑定(ms-click)属性处理(ms-checked, ms-href, ms-disabled)数据格式化与验证(过滤器与$watch)将某个元素转为一些功能更强大的UI,如果拖动块,滑动块,弹出层,颜色选择器,手风琴,切换卡……有了avalon,做登录后无缝刷新页面这样操作毫无压力回顾到我们最开始的3个问题: 阅读全文
posted @ 2013-06-18 14:52 【艾伦】 阅读(3156) 评论(5) 推荐(5) 编辑
摘要: 基本上确定了avalon的几个重要元素的关系:M,即model,一个普通的JS对象,可能是后台传过来的,也可能是直接从VM中拿到,即VM.$json。有关的这个$json的名字还在商讨V,即View,HTML页面,通过绑定属性或插值表达式,呈现数据,处理隐藏,绑定事件或动画等各种交互效果。V只与VM打交道。VM,即ViewModel,我们通过avalon.define("xxx", function(vm){vm.firstName = "正美"}),这里的vm是一个临时的对象,用于定义,真正的VM是avalon.define方法的返回值。它上面的$js 阅读全文
posted @ 2013-06-18 09:49 【艾伦】 阅读(5724) 评论(1) 推荐(7) 编辑
摘要: 迷你简单易用的MVVM框架avalon的介绍http://rubylouvre.github.io/mvvm/按照作者的介绍,在HTML中添加绑定,在JS中用avalon.define定义ViewModel,再调用avalon.scan方法,它就能动了!神奇的代码:如上图所示:开发者: 1 定义一个带有自定义标签的HTML结构 2 定义一个简单的JS代码用户操作: 用户在input文本框中改变值时,你就会发现对应的多条相关联的记录都被同步修改问题:事件是什么时候绑定的,因为开发者都没有操作domjs代码中定义的值,如何关联到html代码中html代码中如何实现自动同步视图(input... 阅读全文
posted @ 2013-06-18 08:17 【艾伦】 阅读(6922) 评论(2) 推荐(10) 编辑