前端模块化-1、介绍

本文主要从模块化的产生背景及对前端模块的简单介绍，作为CommonJS，AMD,CMD等规范的引言。
更重要的是，作为本人学习的一份笔记。

什么是模块化

本人简单的理解，模块化就是指把一个个功能独立开来，需要使用的时候，分别“组装”这些功能，以达到我们需要的效果。
还是拿熟悉的汽车作比较，汽车早已经将生产模块化，就是建立几个平台，同一平台下的零件有很多可以通用。比如下图就是丰田的新平台TNGA(更多信息，点击这里）

丰田全新平台TNGA

这样我们生产一辆汽车，只需要按照市场需求、开发目标等因素，就可以计划在某一平台下生产。而这一平台很多零件是通用，我们只需要根据车辆需求再进行调教就可以。
汽车价格的降低，品质的稳定，很大程度就是依赖这些平台的模块化。

简图，原谅我的渣画工

产生背景&必要性

在网络发展前期，对于一个网页，代码内容比较少，网页的效果也比较简单，甚至寥寥数十行代码便可完成，在这种情况下，模块化没有产生的必要。拿画画作比较，前期的效果如下图：

前期的页面效果

而随着网络的快速发展，人们需求的增多，一张网页需要引入的文件越来越多，代码也越来越多，这时我们需要作出的效果是这样的：

现在的效果

所以我们需要引入像汽车产业一样的模块化。

模块化的意义：

简单地说，有以下：

• 提高代码的复用性
  需要使用某个功能时，我们只需要引入该模块就可以了，而不必重新造轮子。
• 各个模块独立存在
  避免命名冲突，提高阅读性，便于维护，降低耦合。

以上就是模块化的简单介绍，接下来的文章将介绍模块化的主要规范及使用方法。
To be continued...