[TOC]
* * * * *
## 1 源代碼文件
~~~
src\attr\modern.js
src\class\modern.js
src\css\modern.js
src\data\modern.js
src\event\modern.js
src\html\modern.js
src\shim\modern.js
src\val\modern.js
~~~
## 2 流程分析
~~~
src\shim\modern.js
avalon.contains(root,el)
~~~
> 修正不同瀏覽器的接口
~~~
src\dom\class\modern.js
avalon.hasClass(cls)
avalon.toggleClass(value,stateVal)
~~~
> hasClass() toggleClass()接口
~~~
src\dom\data\modern.js
avalon.attr(name,value)
avalon.data(name,value)
~~~
> attr() data()接口
src\dom\css
avalon.parseHTML(html)
## 3 其他操作
## 4 總結
- 概述
- 框架目錄
- 組件目錄(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接口
- 框架心得
- 心:總體思路