前端工程化

要解决的问题：如何提高整个系统的生产效率；

即：系统化、模块化、规范化的过程

制定各种规范

• 前后端接口规范，其他文档规范

  • 接口命名规范，采用驼峰命名
  • 接口修改及时更新文档
  • 正确严格get post使用
  • 使用 resful api
  • 使用 Markdown 写周报

• 统一团队编码规范

  • 目录结构、文件命名

    • 好的文件名称，方法名称

  • 代码风格规范，编码规范

    ESLint检查工具，统一ES6，统一Less等

• 开发流程

  • 进度管理
  • 风险控制
  • review 机制
  • 发布代码

使用版本管理工具，高效管理代码

• 使用git版本控制，分支管理

  开发阶段：各自维护自己的开发分支，负责人每天Code Review之后，将代码 commit 到 daily 分支上
  产品上线后：将分支转移到 Feature 分支，同样每天commit 到 daily 分支上

  优点：工作目标明确，进度清晰可见

• 统一commit描述规范

  借助工具，比如： Angular 提交规范

• code review之后合并代码

使用合适的前端技术和框架，提高效率，降低维护难度

• 模块化
  • JS 模块化：AMD、CMD、ES6 Module、CommonJS
  • CSS 模块化：less、sass、postCSS、css module
• 组件化
  • react、vue、angular
• 数据层分离管理
  • redux、mbox