By

文章目录

最近进入了一个新的项目组，要新起一个项目。这个Web项目是一个企业内部使用的系统，主要用来记录、追踪、管理潜在客户的数据。该系统有以下特点:

  1. 需要支持IE10及以上版本；
  2. 后端采用micro service架构，全部是REST API；
  3. 需要与现有的CRM系统（客户管理管理系统）集成，主要采用iframe嵌入页面的方式；
  4. 系统开发周期为5个月左右，分为三个大的里程碑。

经过多方考虑，最终选择AngularJS作为前端主要框架。
理由：

  1. 该系统为WEB应用程序，符合single page application的特点；
  2. 由于后端采用REST API，所以前端使用AngularJS可以与其无缝对接；
  3. 前端页面交互逻辑不复杂，呈现的数据量不会很大，所以不会遇到AngularJS性能问题；
  4. 该技术栈与当前公司的技术策略相契合。

当然除了AngularJS框架以外，还需要其它一系列框架来完成整个前端开发、测试、部署的流程。

  • yeoman: 前端项目脚手架工具；

  • NPM: 作为本地开发过程中使用到的Node.js的管理；

  • Bower:作为前端项目使用到的依赖开的管理工具；之所以选择NPM作为开发包的管理，是因为NPM的整个依赖链是嵌套的，这样每个开发包之间不会相互影响；而Bower在管理包时依赖链是平行的，这样前端加载时无需重复加载被多次引用的依赖，保证了前端数据最小化。

  • Grunt：作为整个项目的自动化构建管理工具；

  • Karma：作为单元测试及集成测试运行工具；

  • Jasmine：单元测试及BDD框架；

  • Protractor: 驱动浏览器的框架，配合Jasmine用于端到端测试。

文章目录