[TOC]
* * * * *
## 1 源代碼文件
### 1-1 虛擬DOM入口
src\strategy\lexer.js\lexer()
### 1-2 虛擬DOM實現
~~~
src\vdom\index.js
src\vdom\VText.js
src\vdom\VComment.js
src\vdom\VElement.js
~~~
## 2 流程分析
### 2-1 vdom接口(index.js)
### 2-2 VText接口(VText.js)
### 2-3 VComment接口(VComment.js)
### 2-4 VElement接口(VElement.js)
## 3 其他操作
## 4 總結
### 4-1意義
解析DOM生成vdom，進行對比
### 4-2 思路
將vdom組織為一個簡單對象結構
### 4-3 參考鏈接
- 概述
- 框架目錄
- 組件目錄(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接口
- 框架心得
- 心：總體思路