# Volcanos.js

volcanos是一个前端框架。
通过组件化方式设计功能模块，每个模块都是一个独立完整的运行单元。
通过插件化方式加载功能模块，每个模块都有框架与输入与输出。
通过模块化方式管理模块依赖，可以动态按需加载各种模块。

<svg vertion="1.1" xmlns="http://www.w3.org/2000/svg" width="666", height="924" style="">
<rect x="4" y="444" width="65" height="36" fill="red" />
<text x="36" y="462" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >chat</text>
<rect x="77" y="180" width="267" height="36" fill="red" />
<text x="210" y="198" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >proto</text>
<rect x="352" y="4" width="310" height="36" fill="red" />
<text x="507" y="22" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >ID 生成器</text>
<rect x="352" y="48" width="310" height="36" fill="red" />
<text x="507" y="66" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Log 日志器</text>
<rect x="352" y="92" width="310" height="36" fill="red" />
<text x="507" y="110" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Conf 配置器</text>
<rect x="352" y="136" width="310" height="36" fill="red" />
<text x="507" y="154" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Sync 同步器</text>
<rect x="352" y="180" width="310" height="36" fill="red" />
<text x="507" y="198" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Timer 定时器</text>
<rect x="352" y="224" width="310" height="36" fill="red" />
<text x="507" y="242" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Event 触发器</text>
<rect x="352" y="268" width="310" height="36" fill="red" />
<text x="507" y="286" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Dream 构造器</text>
<rect x="352" y="312" width="310" height="36" fill="red" />
<text x="507" y="330" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Cache 缓存器</text>
<rect x="352" y="356" width="310" height="36" fill="red" />
<text x="507" y="374" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Story 存储器</text>
<rect x="77" y="400" width="267" height="36" fill="red" />
<text x="210" y="418" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Plugin</text>
<rect x="77" y="532" width="267" height="36" fill="red" />
<text x="210" y="550" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Inputs</text>
<rect x="352" y="444" width="310" height="36" fill="red" />
<text x="507" y="462" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >onimport 导入数据</text>
<rect x="352" y="488" width="310" height="36" fill="red" />
<text x="507" y="506" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >onaction 控件交互</text>
<rect x="352" y="532" width="310" height="36" fill="red" />
<text x="507" y="550" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >onchoice 控件菜单</text>
<rect x="352" y="576" width="310" height="36" fill="red" />
<text x="507" y="594" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >ondetail 控件详情</text>
<rect x="352" y="620" width="310" height="36" fill="red" />
<text x="507" y="638" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >onexport 导出数据</text>
<rect x="77" y="664" width="267" height="36" fill="red" />
<text x="210" y="682" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >Output</text>
<rect x="77" y="708" width="267" height="36" fill="red" />
<text x="210" y="726" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >base 基础模块</text>
<rect x="77" y="752" width="267" height="36" fill="red" />
<text x="210" y="770" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >core 核心模块</text>
<rect x="77" y="796" width="267" height="36" fill="red" />
<text x="210" y="814" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >misc 工具模块</text>
<rect x="77" y="840" width="267" height="36" fill="red" />
<text x="210" y="858" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >page 网页模块</text>
<rect x="77" y="884" width="267" height="36" fill="red" />
<text x="210" y="902" font-size="24" style="dominant-baseline:middle;text-anchor:middle;" fill="white" >user 用户模块"</text>
</svg>


## 1 原型
### 1.1 ID 生成器
### 1.2 Log 日志器
### 1.3 Conf 配置器
### 1.4 Sync 同步器
### 1.5 Timer 定时器
### 1.6 Event 触发器
### 1.7 Dream 构造器
### 1.8 Cache 缓存器
### 1.9 Story 存储器

## 2 框架
### 2.1 Plugin 插件
### 2.2 Inputs 控件
### 2.3 Output 组件

## 3 模块
### 3.1 base 模块
### 3.2 core 模块
### 3.3 misc 模块
### 3.4 page 模块
### 3.5 user 模块