#JS# requireJS

1、 加载require.js
2、 加载自己的代码

• data-main 加载主模块(网页的入口代码)
  <pre>
  <script src="js/require.js" data-main="js/main"></script>
  </pre>

3、 主模块
require（）函数接受两个参数。

• 第一个参数是一个数组，表示所依赖的模块，上例就是['moduleA', 'moduleB', 'moduleC']，即主模块依赖这三个模块；
• 第二个参数是一个回调函数，当前面指定的模块都加载成功后，它将被调用。加载的模块会以参数形式传入该函数，从而在回调函数内部就可以使用这些模块。

4、模块加载
使用require.config()方法，我们可以对模块的加载行为进行自定义。
<pre>require.config({ 　　　　baseUrl: "js/lib", 　　　　paths: { 　　　　　　"jquery":"jquery.min",　　　　　　 "underscore":"underscore.min",　　　　　　 "backbone": "backbone.min" 　　　　} 　　});</pre>

5、模块写法——AMD规范
模块必须采用特定的define()函数来定义。
第一个参数必须是一个数组，指明该模块的依赖性。如果一个模块不依赖其他模块，那么可以直接定义在define()函数之中。
<pre>define(['param1'],function(param1){ function foo(){param1.dosth();} return{ foo : foo }; })();</pre>

6、加载非规范的模块
理论上，require.js加载的模块，必须是按照AMD规范、用define()函数定义的模块。
非规范的模块在用require()加载之前，要先用require.config()方法（shim属性，专门用来配置不兼容的模块）。

7、require.js提供的插件

• domready插件，可以让回调函数在页面DOM结构加载完成后再运行。
• text和image插件，则是允许require.js加载文本和图片文件。