[TOC]
* * * * *
# 1 Inferno模块包
## .1 包目录
~~~
packages/inferno/
dist\ ;打包生成目录
src\ ;实现目录
inferno.js ;入口文件
~~~
## .2 包入口
~~~
;包声明的Inferno模块入口文件
packages/inferno/src/index.js
import { createBlueprint, createVNode }from '../../../src/core/createBlueprint';
import { createUniversalElement } from '../../../src/core/universal';
;导出模块接口
export default {
createBlueprint,
createVNode,
universal: {
createElement: createUniversalElement
}
};
~~~
# 2 Inferno源代码
## .1 源代码文件
~~~
src\core\
createBuleprint.js ;createBuleprint.js入口文件
universal.js ;universal.js入口文件
utils.js ;Inferno模块工具
~~~
## .2 createBuleprint.js文件依赖
~~~
src\core\createBuleprint.js
;导入模块工具utils.js
import { isNullOrUndefined } from './utils';
;导出createVNode() createBlueprint()接口
export function createVNode();
export function createBlueprint();
~~~
## .3 universal.js文件依赖
~~~
src\core\universal.js
;导入模块工具utils.js
import { isAttrAnEvent, isNullOrUndefined } from './utils';
;导出createUniversalElement()接口
export function createUniversalElement()
~~~
# 3 Inferno模块接口
~~~
packages/inferno/dist/inferno.js
;导出三个接口
;createBlueprint()
;createVNode()
;universal.createElement()
var index = {
createBlueprint: createBlueprint,
createVNode: createVNode,
universal: {
createElement: createUniversalElement
}
};
return index;
~~~
# 4 Inferno模块测试目录
~~~
~~~
- 框架概述
- 框架目录
- 总目录(inferno-master)
- 配置目录(config)
- 示例目录(examples)
- 包目录(packages)
- 源代码目录(src)
- 工具目录(tools)
- 其他文件
- 框架结构
- (0)依赖关系
- (1)Inferno模块
- (2)InfernoDOM模块
- (3)InfernoServer模块
- (4)InfernoComponent模块
- (5)InfernoTestUtils模块
- (6)InfernoCreateElement模块
- (7)InfernoRouter模块
- 框架实现
- (1)Router
- (2)Redux
- (3)Component
- (4)CreateElement
- (5)Core(Vnode)
- (6)Dom(Render)
- (7)Server
- (8)TestUtils
- (9)Utils
- 框架流程
- 框架示例
- 框架更新
- 基础原理
- 框架总结