Requirejs有什么用?
加载js,让文档更干净
1.下载资源
下载资源,构建如下目录结构
2.写index文件
<!doctype html> <html> <head> <title>requirejs入门(一)</title> <meta charset="utf-8"> <script data-main="js/main" src="require.js"></script> </head> <body> </body> </html>
<script data-main="js/main" src="require.js"></script>中的data-main是文件主入口,main.js是下面这样的
3.配置和加载
require.config({ baseUrl: 'js', paths:{ jquery:'jquery-1.7.2-min' } }); require(['a','jquery'], function(a) { });
baseUrl可以是绝对path和相对path,相对路径是相对于载入requirejs的文档,index.html
加载了a和jquery的js文件,回调函数的参数应该对应数组的参数的返回值
4.依赖加载
a.js的文件是这样的
define(['b'],function (b){ m(); });
b.js是这样的
function m(){
alert('bbb');
};
这里表示依赖a文件依赖b
参考资料:http://www.ruanyifeng.com/blog/2012/11/require_js.html
http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html