RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用,但它也可以用在其他脚本环境,就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。实现模块化加载。
使用方法:
1、引入require.js,官网下载地址:
http://requirejs.org/docs/download.html#requirejs
<script data-main="js/main" src="js/require.js"></script>
其实data-main属性是reqireJS 封装的“主数据”的功能。意指引入我们在页面上需要引入的JS文件。统一配置在main.js。js后缀名可省略。路径指向文件路径。
2、main.js 的配置:
require([
"../js_/a",
"../js_/b",
"../js_/c"
],function() {
alert("资源加载完毕");
})
基本就是这样实现模块化资源加载。这里引入了a.js 、b.js、c.js 三个文件。我们发生Require 很好的解决了“JS阻塞浏览器渲染”的问题。使网页加载不受JS 加载的影响。
附件Demo,简单实用的栗子。
http://download.csdn.net/detail/china_guanq/9921355