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、模块的配置

Javascript模块化编程-require.js

标签：

原文地址：http://www.cnblogs.com/fang-beny/p/4785129.html