原文:轻量级前端MVVM框架avalon - 执行流程1

基本上确定了avalon的几个重要元素的关系: ,即model,一个普通的 对象,可能是后台传过来的,也可能是直接从 中拿到,即 . json。有关的这个 json的名字还在商讨 V,即View,HTML页面,通过绑定属性或插值表达式,呈现数据,处理隐藏,绑定事件或动画等各种交互效果。 只与 打交道。 ,即ViewModel,我们通过avalon.define xxx , function vm ...

2013-06-18 09:49 1 5168 推荐指数:

查看详情

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

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

Tue Jun 18 22:52:00 CST 2013 5 2794
轻量级前端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只能断断续续的写下去了,大概看了下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框架 Stylet

这两天试了下Stylet框架,这个框架虽然很小,但是功能齐全,简化了很多MVVM的代码,比如Command,对Dialog,MessageBox都有很好的支持。 开源地址 https://github.com/canton7/Stylet 新建一个WPF项目,添加NuGet引用 安装 ...

Thu Jun 07 01:36:00 CST 2018 3 2814
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM