目标是要实现网站的前端的整体规划，使得代码易阅读，易维护，没有冗余代码，且代码结构清晰，公用方法等有相关API文档。
![前端整体规划][id] [id]: front.png "整体规划"
#####Abstract
- 解决注释于代码在一起影响阅读的情况。
- 看Abstract中的抽象即可知道该组件的所拥有的方法。
- 阅读代码更方面，可以直接从抽象层去找对应的代码，思路清晰。
#####Clazz
- 封装了原型继承。
- 实现extned原型扩展的方法。
- 统一组件写法。
#####Component
与Clazz结合，给组件提供规范的一些方法和属性。
#####Lass
扩展常用方法的类库(第三方库中未实现或者存在缺陷的方法)
扩展一些有必要的第三库的方法(比如载入一个seajs，可能项目中只用到了基础的依赖，此时可以不引入第三库)，降低请求数和请求文件大小。
ps：关于Abstract、Clazz、Component、Lass等详细描述，见相关前端组件库内文档。
根据前端脑图的规划，业务逻辑层的文件结构如下：
![业务逻辑层文件结构][id1] [id1]: page.jpg "业务逻辑层文件结构"
组件引用的文件结构如下：
![组件][id2] [id2]: assets.jpg "组件"