前端工程化

前端工程化有四个特点：模块化、组件化、自动化、规范化。

1.模块化：就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。在工程化之前，一直是使用js、jquery、ajax，这没有模块概念，对于开发大型且复杂的系统会有一定的限制。（模块化中的模块一般指js模块，比如一个用来格式花时间的模块。）

2.组件化：组件化≠模块化。模板化是在文件层面上，对代码和资源的拆分；组件化是在设计层面上，对于UI的拆分。页面上所有的东西都可以看成组件，页面是个大型组件，可以拆成若干个中型组件，然后中型组件还可以再拆，拆成若干个小型组件，小型组件也可以再拆，直到拆成DOM元素为止。DOM元素可以看成是浏览器自身的组件，作为组件的基本单元。
（模块是独立的算法、数据单元；组件是独立的可视、可交互单元。)一个组件一般是包括了html、js、css的功能完备的结构单元。理论上一切皆是组件，这个思想在Vue中体现的很好，每个文件都是一个包括了完整html、js、css的.vue组件。）

3.自动化：“简单重复的工作交给机器来做”，自动化也就是有很多自动化工具代替我们来完成，例如持续集成、自动化构建、自动化部署、自动化测试等等。 (前端的自动化可以包括以下几个方面：图标合并、文档生成、自动化构建、自动化测试等。)

4.规范化：在项目规划初期制定的好坏对于后期的开发有一定影响。包括的规范有：
目录结构的制定
编码规范
前后端接口规范
文档规范
组件管理
Git分支管理
Commit描述规范
定期codeReview
视觉图标规范