原文:使用avalon MVVM框架编写日历控件

本教程将介绍avalon的高级特性 date过滤器的使用, 这个与angular的date过滤器的使用方法差不多, xxx date yyyy MM d watch监听,相当于把监控属性变成一种事件,当它变化时,就执行它绑定的回调。vm. watch firstName , function alert 我是回调 不监听属性或方法的定义,就是 开头,或放在 skipArray数组中。 if绑定,类 ...

2013-04-29 13:20 4 3102 推荐指数:

查看详情

使用avalon MVVM框架打造jquery ui的日历

我直接把jquery datepicker的结构抄过来,类名也照搬。于是一个换肤的日历就诞生了。 <div ms-controller="datepicker"> <div id="ui-datepicker-div ...

Fri May 10 22:32:00 CST 2013 6 2992
使用MVVM框架avalon.js实现一个简易日历

最近在做公司内部的运营管理系统,因为与日历密切相关,同时无需触发条件直接显示在页面上,所以针对这样的功能场景,我就用avalon快速实现了一个简易日历,毕竟也是第一次造日历这种轮子,所以这里记录下我当时的一些思路,一来做一些技术总结,二来也是给像我这样第一次做日历的前端工程师一些参考 ...

Mon Nov 03 00:54:00 CST 2014 7 3158
迷你 MVVM框架avalon使用教程

最近有许多人问我怎么用这东西,如果是那些用过knockout的人还好,之前没有接触过MVVM的人可能一头雾水。大多数人被我那个jquery ui的演示吸引过来,都深感它的威力之大。 这里详细介绍一下它的用法吧。 第一步,当然是引入avalon库,就像引入jQuery库那样,当然要从官网下。现在 ...

Sat May 18 02:55:00 CST 2013 10 3398
使用avalon MVVM框架打造整一套jquery ui

为了验证avalon的可用性与高效性,我用它重新实现jQuery ui。打造过程如下,直接到jQuery ui官网,查看它们的运行效果,不看其JS源码,然后取其HTML结构修改。使用MVVM编写代码,能保证你思维清晰畅顺,不用在DOM逻辑与数据处理中跳来跳去,因此带来比jQuery还强大的革命性 ...

Sun May 12 22:59:00 CST 2013 13 7608
迷你MVVM框架 avalon的魔术

本文将深入介绍一下avalon的运作机理及与jQuery的区别。 许多人都知道MVVM是MVC的一个变体,但那些MVC是在后端的,包括微软的WPF,这意味着这个V与我们前端接触到的V差别很大。后端的V就是使用各种模板拼凑成一个静态页面给前端。而前端的V在JSer的眼中就是一个巨大的DOM树 ...

Sat May 04 21:18:00 CST 2013 3 2305
编写一个日历控件

这一小节就编写一个小小日历日历编写看起来不容易,实际上掌握了思路,编写起来也很简单。日历的制作可以转化成一个二维数组的排序,根据排序然后生成html代码。 1.首先确定这个月的第一天是星期几,再利用这日期确定其它日期的位置,最后定制成一个二维数组,根据二维数组生成 ...

Thu Feb 26 17:07:00 CST 2015 4 4164
轻量级前端MVVM框架avalon - ViewModel

废话说了大几篇,我们开始来点干货了~ ViewModel的内部机制 在MVVM中,数据是核心。而jQuery则以DOM为核心。 而DOM只是HTML在JS的世界的抽象,是一个很易变的东西。因此如果业务代码遍历选择器表达式会非常难维护。但不可否认,jQuery是操作DOM的王者 ...

Thu Jun 20 17:31:00 CST 2013 4 5406
使用mvvm框架avalon开发公司内部运营管理系统的一些心得

接触avalon差不多有一年时间了,当时是看前端大牛司徒正美的博客才了解到还有这么一个高大上的玩意,然后就加入了avalon的讨论群。从群里零零散散的了解了avalon的一些特性,感觉很强大,感觉思想比较超前,连jquery也成了他们的吐槽对象。司徒正美鼓吹使用avalon代码量比使用 ...

Sat Oct 18 02:01:00 CST 2014 19 5917
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM