Javascript模块化编程-require.js

很多情况下，JS都是放到一个或者多个文件里，只要加载这些文件就可以了。

但是对于一些小型项目而言，这种写法是没有任何问题的。

但是对于某些大型网站，JS的量是很大的，如果还采用这种方式，网站时常在加载时，出现假死的现象。

为了解决这个问题，require.js应运而生。

1、require.js的核心

1、实现js文件异步加载，避免网站失去响应。

2、管理模块之间的依赖性，便于代码的编写和维护。

2、require.js的加载

在网页加载require.js时，需要实现如下写法：

<script src="js/require.js" defer async="true" data-main="js/jsname"></script>

defer是兼容IE异步加载require.js

async=“true”是兼容其它常规浏览器。

data-main属性的作用：加载当前网页的主模块。

3、主模块的写法

主模块即当前网页的主程序。

主模块依赖其它模块，此时，需要AMD规范定义require()函数。

Eg:

require([‘moduleA‘,‘moduleB‘,‘moduleC‘,function(moduleA,moudleB,moduleC){

//...

}]);

第一个参数：所依赖的各个模块的全局名称。

第二个参数：回调函数，当前模块加载成功后，该函数将被调用。加载模块会以参数的形式传入改函数。

4、模块的配置