JavaScript模块化
在讲解require插件的使用前先来了解一下js的模块化：
前端在不断地进步中，我们的网页中的js代码也越来越庞大了，复杂了。网页就像我们的桌面，需要一个团队来进行分类等等；所以我们就用到了模块化，将网页中的不同区域进行划分，管理网页的业务逻辑；而我们的require.js插件就满足我们的需求；
模块化开发的好处：
1.避免变量污染，命名冲突；
2.提高代码利用率
3.便于代码的维护
4.依赖关系的管理
require插件
require.js插件是一个js脚本的加载器，它遵循了（AMD）规范，用来实现js代码的异步加载，不会造成代码的堵塞；
AMD是"Asynchronous Module Definition"的缩写, 即"异步模块定义'. 它采用异步方式加载模块, 模块的加载不影响它后面语句的执行. 所有依赖这个模块的语句, 都定义在一个回调函数中, 等加载完成之后, 这个回调函数才会运行.
为什么要使用require插件
早期，我们的js代码都放在一个文件中，后来代码越来越多，我们必须分成多个文件依次加载，就像以下的引入方式； 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于 js 文件之间存在依赖关系，因此必须严格保证加载顺序（比如下面的 1.js 要在 2.js 的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变得困难。
<script src="1.js"></script>
<script src="2.js"></script>
<script src="3.js"></script>
<script src="4.js"></script>
<script src="5.js"></script>
<script src="6.js"></script>
require.js的使用
首先先去require.js官网下载require.js的最新版本,下载地址：www.bootcdn.cn/require.js/
下载完成后将其放在你的文件夹中即可；需要用的时候直接引入即可；类似下面的引入方式
<script src="js/require.js" data-main="js/main"></script>
data-main 属性的作用是，指定网页程序的主模块。在上例中，就是 js 目录下面的 main.js，这个文件会第一个被 require.js 加载。由于 require.js 的默认文件就是js，所以我们直接写main即可，js会自动给我们加上。
主模块的写法
上面的main.js就是我们的主模块，主模块就是我们整个网页的入口代码；意思就是所有的代码都从它开始运行。正常情况下主模块依赖于其他的模块；
// main.js
require([
'moduleA'
,
'moduleB'
,
'moduleC'
],
function
(moduleA, moduleB, moduleC){
// some code here
});
require()函数接受两个参数。第一个参数是一个数组，表示所依赖的模块，上例就是['moduleA', 'moduleB', 'moduleC']，即主模块依赖这三个模块；第二个参数是一个回调函数，当前面指定的模块都加载成功后，它将被调用。加载的模块会以参数形式传入该函数，从而在回调函数内部就可以使用这些模块。
require()异步加载moduleA，moduleB和moduleC，浏览器不会失去响应；它指定的回调函数，只有前面的模块都加载成功后，才会运行，解决了依赖性的问题。
模块的加载
上一节最后的示例中，主模块的依赖模块是['jquery', 'underscore', 'backbone']。默认情况下，require.js假定这三个模块与main.js在同一个目录，文件名分别为 jquery.js，underscore.js和backbone.js，然后自动加载。
使用require.config()方法，我们可以对模块的加载行为进行自定义。require.config()就写在主模块（main.js）的头部。参数就是一个对象，这个对象的paths属性指定各个模块的加载路径。
require.config({
paths: {
"jquery"
:
"jquery.min"
,
"underscore"
:
"underscore.min"
,
"backbone"
:
"backbone.min"
}
});
如果某个模块在另一台主机上，也可以直接指定它的网址，比如：
require.config({
paths: {
"jquery"
:
"https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min"
}
});
require.js要求，每个模块是一个单独的js文件。这样的话，如果加载多个模块，就会发出多次HTTP请求，会影响网页的加载速度。因此，require.js提供了一个优化工具，当模块部署完毕以后，可以用这个工具将多个模块合并在一个文件中，减少HTTP请求数。
