使用avalon MVVM框架编写日历控件
本教程将介绍avalon的高级特性 date过滤器的使用, 这个与angular的date过滤器的使用方法差不多，{{xxx|date("yyyy MM d")}} $watch监听，相当于把监控属性变成一种事件，当它变化时，就执行它绑定的回调。vm.$watch("firstName ...
原文：使用MVVM框架avalon.js实现一个简易日历
最近在做公司内部的运营管理系统，因为与日历密切相关，同时无需触发条件直接显示在页面上，所以针对这样的功能场景，我就用avalon快速实现了一个简易日历，毕竟也是第一次造日历这种轮子，所以这里记录下我当时的一些思路，一来做一些技术总结，二来也是给像我这样第一次做日历的前端工程师一些参考。 先来一起看下日历的界面： 日历功能包括： .显示当前月 上个月后几天 下个月前几天的日期， .切换到上个月， ...
2014-11-02 16:54 7 3158 推荐指数：
相关推荐
使用avalon MVVM框架打造jquery ui的日历
我直接把jquery datepicker的结构抄过来，类名也照搬。于是一个换肤的日历就诞生了。 <div ms-controller="datepicker"> <div id="ui-datepicker-div ...
MVVM大比拼之avalon.js源码精析
简介 avalon是国内 司徒正美 写的MVVM框架，相比同类框架它的特点是： 使用 observe 模式，性能高。 将原始对象用object.defineProperty重写，不需要用户像用knockout时那样显示定义各种属性。 对低版本的IE使用了VBScript来兼容 ...
【html css js】实现一个简易日历
——【效果预览】 实现了日历最基础的功能，当前日期红色显示，可通过上方的左右按钮查看上一月或下一月的日期。 ——【代码部分】 1. HTML 2. CSS 【效果图】： 3.JS部分【博主引用了jq框架】 ——1. 引入jq ...
迷你 MVVM框架avalon的使用教程
最近有许多人问我怎么用这东西，如果是那些用过knockout的人还好，之前没有接触过MVVM的人可能一头雾水。大多数人被我那个jquery ui的演示吸引过来，都深感它的威力之大。 这里详细介绍一下它的用法吧。 第一步，当然是引入avalon库，就像引入jQuery库那样，当然要从官网下。现在 ...
html+css+js实现一个简易日历
0.效果预览 只实现了日历最基础的功能，当前日期红色显示，可通过上方的左右按钮查看上一月或下一月的日期。 1.HTML部分 2.CSS部分 当前显示月份和日期下面将在JS中添加。 3.JS部分及原理讲解 先介绍两个常用的和时间有关的函数，相信 ...
MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录
注：文章内容都是摘录性文字，自己阅读的一些笔记，方便日后查看。 MVC MVC（Model-View-Controller），M 是指业务模型，V 是指用户界面，C 则是控制器，使用 MVC 的目的是将 M 和 V 的实现代码分离，从而使同一个程序可以使用不同的表现形式。 交互方式（所有 ...
使用avalon MVVM框架打造整一套jquery ui
为了验证avalon的可用性与高效性，我用它重新实现jQuery ui。打造过程如下，直接到jQuery ui官网，查看它们的运行效果，不看其JS源码，然后取其HTML结构修改。使用了MVVM编写代码，能保证你思维清晰畅顺，不用在DOM逻辑与数据处理中跳来跳去，因此带来比jQuery还强大的革命性 ...