commonjs -> 同步
cmd -> 异步
下载压缩版的requirejs文件
文件目录
CMD异步
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var startTime = new Date().getTime();
console.log("第一步:"+startTime);
</script>
<script src="js/require.js" defer async="true" data-main="js/main"></script>
<script type="text/javascript">
var startTime = new Date().getTime();
console.log("异步的:"+startTime);
</script>
</head>
<body>
<a href="http://www.cnblogs.com/chenguangliang/p/5856701.html" id="qq">666</a>
</body
</html>
main.js
require(['jquery', 'underscore', 'backbone','jq'], function() {
var startTime = new Date().getTime();
console.log("最后回调:" + startTime);
$("#qq").css({ "color": "red", "background": "blue" });
});
require.config({
//jq文件不兼容 requirejs 用shim处理
shim: {
'jq': ['jquery'],
},
paths: {
"jquery": "lib/jquery.min",
"underscore": "lib/underscore.min",
"backbone": "lib/backbone.min",
"jq":"https://cdn.bootcss.com/jquery/3.2.1/jquery"
}
});
backbone.min.js
var startTime = new Date().getTime();
console.log("backbone.min:"+startTime);
jquery.min.js
var startTime = new Date().getTime();
console.log("jquery.min:"+startTime);
underscore.min.js
var startTime = new Date().getTime();
console.log("underscore.min:"+startTime);
异步结果
参考资料