前端开发中的组件化，模块化，自动化，规范化，标准化代码，语义化，代码工程化的一些理解(待补充）

前端组件化

• 初期，前端页面中的css，javascript是写在一起的，整个文档包块三种内容，不方便管理，便通过link引入css文件以及通过scirpt标签的src属性引入js文件的方式将结构层，表现层，行为层互相分开；
• 当 页越来越复杂， 页的界面也可以从UI界面的角度被分为不同的区域，拆分为一个个板块，此时对这一个个板块进行单独编写，让其包括完整的html，css，javascript内容，类似一个局部的 页，使之形成一个可以重复使用的组件；
• 模块的概念：模块化是从代码逻辑的角度划分，方便代码分层开发，保证每个功能模块的职能单一，围绕着功能和业务的代码，将同一功能的业务分装成独立的模块，位于业务框架，模块间通过接口调用，通过调用组件来组成模块，多个模块可以组合成业务框架，例如：会员模块，物流模块，充值模块等等，实际上我也搞不懂组件和模块的区别，暂时将模块化的概念归于组件化之中。

前端自动化

通过特定的软件，实现如下的前端自动化工作内容：持续集成，自动化构建，自动化部署，自动化测试。

前端规范化

对编码进行规范，前后端接口进行规范，文档规范，组件管理代码包管理，以及前端代码格式化工具的使用。

标准化代码

并没有找到标准化的准确概念，只有标准化文档及类似的文件，标准化围绕着web的语义化开发以及一些编写标准，目的应该是为了让浏览器更容易辨认，做到表现和数据的分离，例如语义化的目标不仅是让人能直观的读写代码，也方便 络爬虫去提取内容，当然标准化代码应该也利于降低团队间的辨认代码内容的成本，以及使用团队中其他成员代码时可能出现的格式不统一的风险。

代码工程化

个人工程师也需要考虑工程化么码工程化思想类似软件工程，将编程分为若干阶段，例如定义阶段，开发阶段，运行和维护阶段，每一个阶段总结出不同的问题，并给出方案；
实现工程化开发的方法：
1、标准化代码，结构化工程，标准化代码方便团队间辨认代码内容，结构化应该是为了方便分工合作；
2、使用同一的开发工具，结构工具，BUG修复流程，目的也是为了降低合作成本；
3、在项目中使用相同功能的类库，整个项目中使用同一个版本；
总的来说代码工程化就是对整个编程过程进行总体规划，降低运行成本，合作成本，更适合使用在团队工作中，目前我还是一个独立开发者，对此内容不是很有体会。

javascript工程化工具webpack

1、package在计算机领域的意思是插件、组件、外壳、封装、程序包、数据包；
2、webpack的功能就是将有特定功能的、封装良好的、结构清晰的代码整合为一个整体，方便浏览器去辨认，功能例如将预编译语言转为基础语言，将多个文件整合在一起，以及找到javascript模块并将其打包为合适的格式以供浏览器使用；
3、使用 webpack的原因是现在的前端开发为了提高效率增加了：

• 模块化文件导入；
• TypeScript这种拓展语言；
• sess,less等预编译语言；
  这些方式提高了开发效率，但浏览器不一定认识，便需要webpack这种工具来打包成浏览器能快速使用的代码结构。