1.前后端架构
- 前后端分离：
前端后端两套分支，前端通过http请求后端接口，后端只关注接口开发，通过 index.html / index.php 来和前端对接
- 前端架构
RMVC + gulp + 模块化（CommonJS,ES Module） + sass + 前端模板 +UI框架 + JS库
2.gulp
- 启动server --> gulp-webserver
- JS模块化 --> webpack-stream
- CSS预处理 --> gulp-sass
- Mock数据 --> http-proxy-middleware
- 生产环境和开发环境 gulp --gulpfile
- 版本号控制 gulp-rev rev-collector
3.RMVC
R: router // 路径切换
M: model //数据源
V： view //结构和样式 html+css
C: controller // 交互逻辑 js
4.模块化
CommonJS, 规范
ES Module, 规范
CommonJS 和 ES Module区别
5.SASS
6.前端模板
artTemplate
7.mock数据
- 有后端接口 ： 代理
- 没有后端接口 ： 代理 + json server
8.UI框架
Yo reset,border,ellipsis
9. JS库
zepto,better-scroll,swiper