原文:迷你MVVM框架 avalonjs 学习教程9、类名操作

ms class是avalon用得最多的几个绑定之一,也正因为如此其功能一直在扩充中。根据时期的不同,分为旧风格与新风格两种。 旧风格是指ms class xxx expr , ms class aaa bbb expr 。正如第三节 绑定属性与扫描机制 所讲,一个绑定属性分成三部分,第一部分是ms,第二部分是class,第三部分是第二个 之后的所有字符串,它们被称之为param。上面的xxx与a ...

2014-09-19 10:56 0 2762 推荐指数:

查看详情

迷你MVVM框架 avalonjs 学习教程10、样式操作

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

Mon Sep 22 18:13:00 CST 2014 1 2322
迷你MVVM框架 avalonjs 学习教程8、属性操作

属性操作是DOM操作很大的一块,它包括操作,表单元素的value属性操作,元素固有属性的管理,元素自定义属性的管理,某些元素的一些布尔属性的操作。大多数情况下,元素属性的值是字符串类型,我们称之为字符串属性,但有一些属性的是布尔,也存在是数字类型、节点引用的情况。当前jQuery处理 ...

Thu Sep 18 18:44:00 CST 2014 6 2754
迷你MVVM框架 avalonjs 学习教程11、循环操作

avalon是通过ms-repeat实现对一组数据的批量输出。这一组数据可以是一个数组,也可以是一个哈希(或叫对象)。我们先从数组说起吧。 第二节就说,凡是定义在VM中的数组,如果没有以$开头或者没 ...

Thu Sep 25 19:51:00 CST 2014 2 5239
迷你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 学习教程1、引入avalon

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

Wed Sep 10 00:14:00 CST 2014 14 7429
迷你MVVM框架 avalonjs 学习教程12、数据联动

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

Fri Sep 26 18:27:00 CST 2014 4 3596
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM