[TOC]
* * * * *
## 1 MVVM含义
mvvm作为前端目前最为流行的框架设计模式,
解耦了mvc框架开发中前后端配合问题。
对比mvc与mvvm,mvvm将c层换成了vm层。
mvc层中 m层对应数据库对象model
mvc层中 v层对应视图模板对象view
mvc层中 c层对应控制器对象Controller
**mvvm中的m层**是服务器后端数据封装层。通常是ajax获取m层数据,传递到vm层的vmodel中。
**mvvm中的vm**可以看做c层,avalon中使用avalon.define()定义vmodel对象,用来沟通m层与v层。
**mvvm中的v层**是html代码中,avalon可以扫描标签内容。
## 2 目录导航(已完成章节)
> 框架流程
> > [前:章节说明](http://www.kancloud.cn/zmwtp/avalon2/136859)
> > [主:模板扫描](http://www.kancloud.cn/zmwtp/avalon2/136860)
> > [主:Vm创建](http://www.kancloud.cn/zmwtp/avalon2/136861)
> > [主:同步刷新](http://www.kancloud.cn/zmwtp/avalon2/136862)
> 框架工具
> 框架驱动
> 使用范例
> 基础原理
> 框架心得
## 3 更新记录
> 2016-4-7
> > [概述](http://www.kancloud.cn/zmwtp/avalon2/136856)
> > [章节说明](http://www.kancloud.cn/zmwtp/avalon2/136859)
- 概述
- 框架目录
- 组件目录(components\)
- 生成目录(dist\)
- 测试目录(karma\)
- 示例目录(perf\)
- 主体目录(src)
- 其他文件
- 框架流程
- 前:章节说明
- 主:模板扫描(avalon.scan())
- 主:VM创建(avalon.define())
- 主:同步刷新(avalon.batch())
- 附:节点解析(avalon.lexer())
- 附:虚拟DOM(avalon.vdomAdaptor())
- 附:渲染函数(avalon.render())
- 附:VM生成(avalon.masterFactory())
- 附:节点diff(avalon.diff())
- 主:界面事件(test)
- 框架工具
- 另:全局函数
- 另:全局正则
- 另:事件接口
- 另:组件接口
- 另:DOMApi
- 框架驱动
- D : 指令实现
- D:兼容处理
- 使用范例
- 基础原理
- js模块
- js对象
- js函数
- js数组
- js字符串
- dom接口
- 框架心得
- 心:总体思路