原文:用avalon实现一个完整的todomvc(带router)

照着todomvc官网的例子,做了一个avalon版的todos,功能全都有了,而且加了router模块,比司徒大大写的都完善 js文件整整 行,初次使用avalon,书写过程中绕了一些弯子,不过还好最终绕回来了。整体感觉如下: 相比用jQuery,代码量下去了,编码消耗的时间貌似更多了,一来是viewmodel需要一定的逻辑设计,不是像用jQuery那样一根筋一码到底,二来是可能我对框架还不是 ...

2015-02-05 17:29 0 2397 推荐指数:

查看详情

利用avalon 实现一个简单的成绩单

本文的灵感是来自Halower的这篇博文,他是使用knockout与jQuery实现的。不过我觉得MVVM本来就强大的事件绑定功能,因此用jQuery 是多此一举。另,他也用了一些面向对象的写法。我个人认为,纯数据就该好好当纯数据,作为数据模型(M)而存在,想操作数据,则交由视图模型(VM ...

Thu Jul 25 16:42:00 CST 2013 12 10337
使用avalon 实现一个订座系统

avalon对交互非常复杂的WEB应用具有天然的优势,它拥有两大神器:计算属性(这相当于后端WPF的DependencyProperty)与$watch回调。 我们的订餐系统的要求如下,它有一个总额统计,会在用户添加删除座位时重新计算它,并且与我们火车的座位一样,是分不同的档次,软卧肯定比软座贵 ...

Thu Sep 19 22:31:00 CST 2013 4 2372
使用avalon 实现一个序列号功能

avalon“操作数据即操作DOM”的能力,让我们可以专致于业务,写出更专业,更优雅,更易维护的代码来。现在让我们看看如何实现一个序列号输入功能。它的需求以下: 每输入4个字符就跳到下一个输入框。 不能输入超过4个字符。 支持复制贴粘功能,每4个字符自动对位到相应的输入框 ...

Sat Sep 07 18:11:00 CST 2013 4 2684
使用MVVM框架avalon.js实现一个简易日历

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

Mon Nov 03 00:54:00 CST 2014 7 3158
如何做一个avalon组件

avalon1.5中改用更直观的自定义标签来声明组件,废掉ms-widget,引入更强大的生命周期管理,可以让组件任意套嵌。 组件是由JS,HTML,CSS构成 JS 以AMD形式组织,引入HTML与CSS HTML是组件的模板, 模板里面使用ms-*等指令 JS内部是一个 ...

Fri Sep 11 07:41:00 CST 2015 6 5933
springbatch实现一个完整的flow

其中涉及到了Spring Batch的几个主要组成部分,JobRepository、JobLauncher、ItemReader、ItemProcessor、ItemWriter、Step、Job等。 ...

Tue Mar 17 19:05:00 CST 2020 0 1093
avalon js实现checkbox全选

转载请注明: TheViper http://www.cnblogs.com/TheViper duplex双工绑定是avalon绑定里面最有趣的一个,因为它在内部帮开发者做了很多事,让开发者写的代码减少,代码更优雅。下面随便演示一个常见的checkbox全选。 要求:(老掉牙了,还是说一下 ...

Wed May 06 01:09:00 CST 2015 1 1809
react全家桶从0搭建一个完整的react项目(react-router4、redux、redux-saga)

react全家桶从0到1(最新) 本文从零开始,逐步讲解如何用react全家桶搭建一个完整的react项目。文中针对react、webpack、babel、react-route、redux、redux-saga的核心配置会加以讲解,通过这个项目,可以系统的了解react技术栈的主要知识,避免 ...

Sun Feb 23 03:29:00 CST 2020 0 824
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM