Require.js详解
程序员文章站
2022-05-12 23:32:45
...
这次给大家带来Require.js详解，使用Require.js详解的注意事项有哪些，下面就是实战案例，一起来看一下。
index.html
<!DOCTYPE html><html>
<head>
</head>
<body>
<span>body</span>
</body>
//将require引入，放在html页面最下方，或设置异步请求
//即： <script src="js/lib/require.js" defer async="true"></script>
<script src="js/require.js" data-main="js/main"></script></html>
main.js
require.config({ //配置路径
paths: { "jquery": ["http://libs.baidu.com/jquery/2.0.3/jquery", "jquery.min.js"], "a": "a"
}
})require(["jquery", "a"], function($,a) {
$(function() { //调用即可，此处的a并无意义，仅为指示，与引入文件顺序有关，即若
//function($,a)中a换了一种称谓，这里调用时保持一致即可
a.fun1();
alert("load finished");
})
})
a.js
function fun1(){
alert("it works");
} //切记，如果需要在调用该函数，一定要记得返回，个人理解为暴露接口return { fun1: fun1
};
})```
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
以上就是Require.js详解的详细内容，更多请关注其它相关文章！
上一篇： PHP编译过程中常见错误信息的解决方法
下一篇： Jade模板引擎有什么优势