[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接口
- 框架心得
- 心:总体思路