web--front 前端结构

前端结构

项目采用 angular 进行开发，bower，npm 和 grunt 了来作为包管理工具和自动换构建工具

web--front 按照文件来分

1. sass-cache: sass 编译缓存文件
2. .tmp: js 和 样式 的 编译临时文件
3. script: js 文件，包含项目的控制器，指令，过滤器等
4. style: 项目中的样式
5. view: 项目的视图，指令模版等
6. bin: 项目 build 后的执行文件
7. brower_compontents: 项目依赖的外部组件安装在这个目录
8. config: 项目环境的配置环境
9. node-module: npm 安装的项目外部依赖
10. test： 测试目录

web--front 可复用指令

1.文件上传

zlFile 指令，实现 input type＝‘file’ 这一类的文件上传，项目中的栗子是，BP 上传和头像上传，使用方法:<input zl-file changeCallback="function">把 zl-file 嵌入到需要进行文件上传的 DOM 元素中,把对数据处理函数绑定到指令的changeCallback变量中

2.单选指令
3. 多选指令
4. 图片上传
5. md icon
指令获取到元素拿到的文件，当 change 事件被触发时，通过 fileReader 对象，获取到文件的相关信息。同时通过判断文件的名称和最后一次的修改时间来确定，是否是相同的文件，如果是相同的文件，则可以为

web--front 可复用过滤器

1. i18Currency
2. i18Round
3. lang
4. link

web--front 可复用服务

1. animation
2. authStorage
3. util

web--front 路由的配置

web--front 使用到的 API

web--front 目前实现的功能

1. 注册
2. 登录
3. 主页
4. 图片上传
5. 创业者的资料编辑功能

web--front 依赖的组件