前端MVVM框架avalon揭秘 - 双向绑定原理
avalon大家可能不熟悉，但是Knockout估计或多或少听过用过，那么说说KO的几个概念 监控属性（Observables）和依赖跟踪（Dependency tracking） 声明式绑定（Declarative bindings） 模板（Templating） 本章主要 ...
原文：前端MVVM框架avalon揭秘 - HTML编译器
MVVM试图更加清晰的讲用户界面 UI 开发从应用程序的业务逻辑与行为中心分离，因为，很多这样的模式的实现都需要利用声明式数据绑定来实现讲View 视图 工作从其他层分离 所以出现了一大堆自定义的声明式的语法： 如:Avalon 作用域绑定 ms controller, ms important 模板绑定 ms include 数据填充 ms text, ms html 类名切换 ms class ...
2013-07-31 20:10 4 10085 推荐指数：
相关推荐
轻量级前端MVVM框架avalon - 控制器
引子： 最近工作挺忙,avalon只能断断续续的写下去了,大概看了下angular的源码,看到小一半就比较难坚持了,是块硬骨头,慢慢啃吧 不过angular的的文档中用词还是很优雅： HTML编译器 指令 编译 链接 过滤器 注入器 控制器 管道 ...
轻量级前端MVVM框架avalon - ViewModel
废话说了大几篇,我们开始来点干货了~ ViewModel的内部机制 在MVVM中，数据是核心。而jQuery则以DOM为核心。 而DOM只是HTML在JS的世界的抽象，是一个很易变的东西。因此如果业务代码遍历选择器表达式会非常难维护。但不可否认，jQuery是操作DOM的王者 ...
轻量级前端MVVM框架avalon - 执行流程2
接上一章 执行流程1 在这一大堆扫描绑定方法中应该会哪些实现？ 首先我们看avalon能帮你做什么？ 数据填充，比如表单的一些初始值，切换卡的各个面板的内容({{xxx}},{{xxx|html}}, ms-html) 类名处理，如隔行变色，掠过变色(ms-class ...
轻量级前端MVVM框架avalon - 初步接触
迷你简单易用的MVVM框架 avalon的介绍 http://rubylouvre.github.io/mvvm/ 按照作者的介绍,在HTML中添加绑定,在JS中用avalon.define定义ViewModel，再调用avalon.scan方法，它就能动了！ 神奇的代码 ...
轻量级前端MVVM框架avalon - 整体架构
官网提供架构图 单看这个图呢,还木有说明,感觉有点蛋疼,作者的抽象度太高了,还好在前面已经大概分析过了执行流程 如图 左边是View视图,我们就理解html结构,换句话就是说用户能看到的界面,渲染页面，绑定事件，切换类名，什么脏活都揽 右边是ViewModel 视图模式 ...
轻量级前端MVVM框架avalon源码分析-总结
距avalon0.7版本发布有一段时间，由于之前的稳定性，就停止一段时间更新，期间研究了下Knockout源码，也尝试写了一个小型的mvvm的实现模型，仅仅只是仿造ko的核心实现，把无关的东西给剥离掉了，有时间总结一下发布出来。 ko算很早就出现的MVVM库了，实现是手段也是异常的巧妙 ...
轻量级前端MVVM框架avalon - 模型转换
接上一章 ViewModel modelFactory工厂是如何加工用户定义的VM？ 附源码 洋洋洒洒100多行内部是魔幻般的实现 1: ...