原文:迷你MVVM框架 avalonjs 学习教程20、路由系统

SPA的成功离开不这三个东西,分层架构,路由系统,储存系统。分层架构是我们组织复杂代码的关键,这里特指MVVM的avalon 路由系统是将多个页面压缩在一个页面的关键 储存系统特指本地储存,是安全保存大量数据的关键。本章节介绍的是avalon三柱臣之一的mmRouter 内含mmHistory 。 我们先上一个示例吧。 lt DOCTYPE html gt lt html gt lt head g ...

2014-10-28 14:44 6 5193 推荐指数:

查看详情

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

avalon的过滤器是参考自angular与rivets。它也被称做管道文本过滤器,它的处理对象只能是文本(字符串),它只能用在文本绑定中,并且只能是双花括号形式。下面是各大家的过滤器比较: riv ...

Sat Oct 11 18:52:00 CST 2014 0 3489
迷你MVVM框架 avalonjs 学习教程19、avalon历史回顾

avalon最早发布于2012.09.15,当时还只是mass Framework的一个模块,当时为了解决视图与JS代码的分耦,参考knockout开发出来。 它的依赖收集机制,视图扫描,绑定的命名d ...

Fri Oct 17 18:53:00 CST 2014 6 1893
迷你MVVM框架 avalonjs 学习教程21、双向绑定链

avalon的双向绑定机制,是通过一条依赖链实现。此依赖链最底层是监控属性、监控数组,中层是计算属性、监控函数,再上点是求值函数,最上层是视图刷新函数。 所谓计算属性,监控属性,监控函数属性,我 ...

Mon Nov 03 19:12:00 CST 2014 0 2424
迷你MVVM框架 avalonjs 学习教程9、类名操作

ms-class是avalon用得最多的几个绑定之一,也正因为如此其功能一直在扩充中。根据时期的不同,分为旧风格与新风格两种。 旧风格是指ms-class-xxx=”expr”,*ms-class- ...

Fri Sep 19 18:56:00 CST 2014 0 2762
迷你MVVM框架 avalonjs 学习教程1、引入avalon

avalon是国内最强大的MVVM框架,没有之一,虽然淘宝KISSY团队也搞了两个MVVM框架,但都无疾而终。其他的MVVM框架都没几个。也只有外国人与像我这样闲的架构师才有时间钻研这东西。我很早之前就预言,MVVM是前端的终极解决方案。我之前在盛大无线做盛大通行证就深有体会,一个业务逻辑对应 ...

Wed Sep 10 00:14:00 CST 2014 14 7429
迷你MVVM框架 avalonjs 学习教程10、样式操作

一般情况下我们通过设置类名就可以改变元素的样式,但涉及到动画部分,就一定需要设置内联样式了,因此有了ms-css。*ms-css*的用法为ms-css-样式名="样式值", 如ms-css-width ...

Mon Sep 22 18:13:00 CST 2014 1 2322
迷你MVVM框架 avalonjs 学习教程12、数据联动

在许多表单应用,我们经常遇到点击一个复选框(或下拉框)会引发旁边的复选框(或下拉框)发生改变,这种联动效果用avalon来做是非常简单的。在avalon里,存在各种绑定回调与$watch回调,完全满足 ...

Fri Sep 26 18:27:00 CST 2014 4 3596
迷你MVVM框架 avalonjs 学习教程7、数据缓存

jQuery的许多功能都可以通过avalon的绑定属性来处理,如click方法对应ms-click,css方法对应ms-css,toggle方法对应ms-visible,它的数据缓存功能avalon也 ...

Wed Sep 17 19:29:00 CST 2014 1 2000
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM