1. 制定各项规范，让工作有章可循

  1. 统一团队成员的编码规范，便于团队协作和代码维护
    • 目录结构，文件命名规范
    • 编码规范：eslint, stylelint
  2. 开发流程的规范
    • 使用敏捷，增强开发进度管理和控制
    • 应对各项风险，需求变更等
    • code review 机制
    • UAT 提升发布的需求的质量
  3. 前后端接口规范，其他文档规范

    2. 使用版本控制工具，高效安全的管理源代码

  • 使用 git 版本控制工具
  • Git分支管理
  • Commit描述规范，例如：task-number + task 描述
  • 创建 merge request，code review 完毕之后方可合并代码

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

    目标： 职责分离、降低耦合，增强代码的可读性、维护性和测试性。
  1. 采用模块化的方式组织代码
    • JS 模块化：AMD、CommonJS、UMD、ES6 Module
    • CSS 模块化：less、sass、stylus、postCSS、css module
  2. 采用组件化的编程思想，处理 UI 层
    • react、vue、angular
  3. 将数据层分离管理
    • redux、mbox
  4. 使用面向对象或者函数编程的方式组织架构

    4. 提高代码的可测试性，引入单元测试，提高代码质量

    5. 通过使用各种自动化的工程工具，提升整个开发、部署效率