司徒正美 - 博客园

迷你MVVM框架 avalonjs 学习教程19、avalon历史回顾

摘要： avalon最早发布于2012.09.15,当时还只是mass Framework的一个模块,当时为了解决视图与JS代码的分耦，参考knockout开发出来。它的依赖收集机制，视图扫描，绑定的命名data-*都与knockout差不多。它总共900行。当时的理论体现在我在注释... 阅读全文

posted @ 2014-10-17 10:53 司徒正美阅读(2100) 评论(6) 推荐(4) 编辑

迷你MVVM框架 avalonjs 学习教程18、一步步做一个todoMVC

摘要：大凡出名的MVC，MVVM框架都有todo例子，我们也搞一下看看avalon是否这么便宜。我们先从react的todo例子中扒一下HTML与CSS用用。 React • TodoMVC Double-click to edit a todo... 阅读全文

posted @ 2014-10-15 10:29 司徒正美阅读(3348) 评论(4) 推荐(5) 编辑

迷你MVVM框架 avalonjs 1.3.6发布

摘要：本版本是一次重要的升级，考虑要介绍许多东西，也有许多东西对大家有用，也发到首页上来了。本来是没有1.36的，先把基于静态收集依赖的1.4设计出来后，发现改动太多，为了平缓升级起见，才减少了一部分新特性，做成1.36。因此是先有1.4，才有1.36。本版本针对公司（去哪儿网，毕竟是带薪在公司里搞这框架... 阅读全文

posted @ 2014-10-14 15:49 司徒正美阅读(2806) 评论(5) 推荐(10) 编辑

迷你MVVM框架 avalonjs 学习教程17、avalon的一些配置项

摘要：本章节，主要是介绍avalon.config方法，通过它来制定一些更贴心的功能。一般情况下，我们在使用ms-controller绑定时，需要添加一个ms-controller类名，目的是为了防止网速慢时将花括号暴露出来。 avalon入门 ... 阅读全文

posted @ 2014-10-13 10:43 司徒正美阅读(2765) 评论(0) 推荐(1) 编辑

迷你MVVM框架 avalonjs 学习教程16、过滤器

摘要： avalon的过滤器是参考自angular与rivets。它也被称做管道文本过滤器，它的处理对象只能是文本（字符串），它只能用在文本绑定中，并且只能是双花括号形式。下面是各大家的过滤器比较：rivetsjsangularjs{{ "lower cap string" | uppercase }}{{... 阅读全文

posted @ 2014-10-11 10:52 司徒正美阅读(3945) 评论(0) 推荐(2) 编辑

迷你MVVM框架 avalonjs 学习教程15、属性监听与模块通信

摘要： avalon的ViewModel对象从其内部EventManager里继承了三个方法，$watch、$unwatch、$fire三个方法，它们就是我们本节的主题。词如其名，非常直白，一看就知道做什么。我们先从$watch方法说起，它能监听当前的VM第一层的监控属性与计算属性，如果某属性是一个对象... 阅读全文

posted @ 2014-10-10 16:56 司徒正美阅读(3811) 评论(5) 推荐(2) 编辑

迷你MVVM框架 avalonjs 学习教程14、事件绑定

摘要：之前的章节许多示例代码也或多或少地展示了如何使用ms-click来绑定事件了。能直接在模板上绑定是事件，这也是静态模板与动态绑定的一大区别。ms-click不是简单的onclick的别名，它在内部屏蔽了浏览器的差异，并且对许多浏览器暂时不支持的事件做了兼容处理。总的来说，事件绑定是使用ms-on-☆... 阅读全文

posted @ 2014-10-09 10:16 司徒正美阅读(6316) 评论(3) 推荐(2) 编辑

迷你MVVM框架 avalonjs 学习教程13、模板引用

摘要：稍为复杂一点的网站都是多个前端工程师合作而成，因此分工是必需的。简单一点的分工就是一个人负责一个频道，某个页面是由一个人全部做的；但如果涉及到一个页面非常复杂，需要多个人同时动工呢？于是到模板的出场时间了。模板有两种，一种是嵌入到页面内的模板，一种是独立成子页面的模板。这两种avalon都支持。前者... 阅读全文

posted @ 2014-09-28 14:29 司徒正美阅读(3131) 评论(5) 推荐(4) 编辑

迷你MVVM框架 avalonjs 学习教程12、数据联动

摘要：在许多表单应用，我们经常遇到点击一个复选框（或下拉框）会引发旁边的复选框（或下拉框）发生改变，这种联动效果用avalon来做是非常简单的。在avalon里，存在各种绑定回调与$watch回调，完全满足你的需求。下面是avalon所有绑定回调。data-duplex-changed，用于ms-dupl... 阅读全文

posted @ 2014-09-26 10:27 司徒正美阅读(4104) 评论(4) 推荐(2) 编辑

迷你MVVM框架 avalonjs 学习教程11、循环操作

摘要： avalon是通过ms-repeat实现对一组数据的批量输出。这一组数据可以是一个数组，也可以是一个哈希（或叫对象）。我们先从数组说起吧。第二节就说，凡是定义在VM中的数组，如果没有以$开头或者没放在$skipArray数组里，都会转会监控数组。监控数组其实就是一个被重写了push、unshift、... 阅读全文

posted @ 2014-09-25 11:51 司徒正美阅读(5912) 评论(2) 推荐(1) 编辑

Ruby's Louvre

导航

公告