Why we do this?

现行前端整体规划：

目标是要实现网站的前端的整体规划，使得代码易阅读，易维护，没有冗余代码，且代码结构清晰，公用方法等有相关API文档。

前端规划脑图

![前端整体规划][id] [id]: front.png "整体规划"

#####Abstract

1. 解决注释于代码在一起影响阅读的情况。
2. 看Abstract中的抽象即可知道该组件的所拥有的方法。
3. 阅读代码更方面，可以直接从抽象层去找对应的代码，思路清晰。

#####Clazz

1. 封装了原型继承。
2. 实现extned原型扩展的方法。
3. 统一组件写法。

#####Component

与Clazz结合，给组件提供规范的一些方法和属性。

#####Lass

扩展常用方法的类库(第三方库中未实现或者存在缺陷的方法)

扩展一些有必要的第三库的方法(比如载入一个seajs，可能项目中只用到了基础的依赖，此时可以不引入第三库)，降低请求数和请求文件大小。

ps：关于Abstract、Clazz、Component、Lass等详细描述，见相关前端组件库内文档。

前端规划文件夹结构

根据前端脑图的规划，业务逻辑层的文件结构如下：

![业务逻辑层文件结构][id1] [id1]: page.jpg "业务逻辑层文件结构"

组件引用的文件结构如下：

![组件][id2] [id2]: assets.jpg "组件"