原文:轻量级前端MVVM框架avalon - ViewModel

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

2013-06-20 09:31 4 5406 推荐指数:

查看详情

轻量级前端MVVM框架avalon - 执行流程2

接上一章 执行流程1 在这一大堆扫描绑定方法中应该会哪些实现? 首先我们看avalon能帮你做什么? 数据填充,比如表单的一些初始值,切换卡的各个面板的内容({{xxx}},{{xxx|html}}, ms-html) 类名处理,如隔行变色,掠过变色(ms-class ...

Tue Jun 18 22:52:00 CST 2013 5 2794
轻量级前端MVVM框架avalon - 控制器

引子: 最近工作挺忙,avalon只能断断续续的写下去了,大概看了下angular的源码,看到小一半就比较难坚持了,是块硬骨头,慢慢啃吧 不过angular的的文档中用词还是很优雅: HTML编译器 指令 编译 链接 过滤器 注入器 控制器 管道 ...

Tue Jul 02 20:41:00 CST 2013 2 3545
轻量级前端MVVM框架avalon - 初步接触

迷你简单易用的MVVM框架 avalon的介绍 http://rubylouvre.github.io/mvvm/ 按照作者的介绍,在HTML中添加绑定,在JS中用avalon.define定义ViewModel,再调用avalon.scan方法,它就能动了! 神奇的代码 ...

Tue Jun 18 16:17:00 CST 2013 2 6457
轻量级前端MVVM框架avalon - 整体架构

官网提供架构图 单看这个图呢,还木有说明,感觉有点蛋疼,作者的抽象度太高了,还好在前面已经大概分析过了执行流程 如图 左边是View视图,我们就理解html结构,换句话就是说用户能看到的界面,渲染页面,绑定事件,切换类名,什么脏活都揽 右边是ViewModel 视图模式 ...

Wed Jun 19 17:50:00 CST 2013 3 5026
轻量级前端MVVM框架avalon源码分析-总结

avalon0.7版本发布有一段时间,由于之前的稳定性,就停止一段时间更新,期间研究了下Knockout源码,也尝试写了一个小型的mvvm的实现模型,仅仅只是仿造ko的核心实现,把无关的东西给剥离掉了,有时间总结一下发布出来。 ko算很早就出现的MVVM库了,实现是手段也是异常的巧妙 ...

Sat Jul 27 19:05:00 CST 2013 2 3698
轻量级前端MVVM框架avalon - 模型转换

接上一章 ViewModel modelFactory工厂是如何加工用户定义的VM? 附源码 洋洋洒洒100多行内部是魔幻般的实现 1: function modelFactory(scope ...

Fri Jun 21 21:20:00 CST 2013 2 3368
ViewModel从未如此清爽 - 轻量级WPF MVVM框架Stylet

Stylet是我最近发现的一个WPF MVVM框架, 在博客园上搜了一下, 相关的文章基本没有, 所以写了这个入门的文章推荐给大家. Stylet是受Caliburn Micro项目的启发, 所以借鉴了其中的很多概念, 同时精简了一些部分, 如只支持MVVM, WPF和.NET 4.5 ...

Sat May 20 04:55:00 CST 2017 40 24079
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM