清晰明了告诉你RequireJS 的使用。

来源:互联网 发布:淘宝账号为什么会被盗 编辑:程序博客网 时间:2024/05/16 18:35

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

原创粉丝点击