require.js的使用

简介：

    是一个JavaScript模块加载器，它非常适合在浏览器中使用，但它也可以用在其他脚本环境,使用RequireJS加载模块化脚本将提高代码的加载速度和质量。

    它使用了不同于传统<script>标签的脚本加载步骤，鼓励在使用脚本时以module ID替代URL地址。

RequireJS 优点:

1.防止js加载阻塞页面渲染

2.使用程序调用的方式加载JS，防止批量丑陋方式加载JS

使用：

【jsp页面】

<script type="text/javascript" data-main="js/requireJs/main" src="js/requireJs/require.js"></script>

【js代码】

// 定义模块

require.config({

         paths : {

                   "jquery" : [ "../jquery-1.7.2", "../jquery-1.7.2" ],

                   "textJs" : "../textDefine",

                   "Underscore" : "Underscore"

         }

});

 

// 使用模块，不需要再写类似onload的抬头代码。

require([ "jquery", "textJs", "Underscore" ], function() {

 

         // 这里是关于各个js包的代码，jquery和Underscore的代码完全可以混用。

 

});