[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.hmoore.net/zmwtp/avalon2/136859)
> > [主:模板掃描](http://www.hmoore.net/zmwtp/avalon2/136860)
> > [主:Vm創建](http://www.hmoore.net/zmwtp/avalon2/136861)
> > [主:同步刷新](http://www.hmoore.net/zmwtp/avalon2/136862)
> 框架工具
> 框架驅動
> 使用范例
> 基礎原理
> 框架心得
## 3 更新記錄
> 2016-4-7
> > [概述](http://www.hmoore.net/zmwtp/avalon2/136856)
> > [章節說明](http://www.hmoore.net/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接口
- 框架心得
- 心:總體思路