您的位置：首页 > 产品设计 > UI/UE

RequireJS 加载 js 执行顺序

2016-04-26 14:51 411 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>商城首页</title>
<script src="//cdn.bootcss.com/require.js/2.1.22/require.js" data-main="js/main"></script>
</head>
<script>
alert("index-test前");
require(['test']);
alert("index-test后");
</script>
<body>
<div id="css"></div>
</body>
<script>
alert("body后");
</script>
</html>

main.js

require.config({
paths:{
jquery:"jquery.min"
},
shim:{
amazeui:{
deps:['jquery']
}
}
})

require(['jquery','amazeui'],function(){
alert("main")
var a = '测试';
});

test.js

define(['jquery.min','amazeui','require'],function(){
alert("test");
console.log($("#css").css({'width':'200px','height':'200px','background':'red'}));
});

执行index.html页面，测试得出弹出顺序为：

　　head => body后 => test.js => main.js

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航