首页 > 代码库 > 【RequireJS】requireJS的基础知识
【RequireJS】requireJS的基础知识
1. requirejs的优点
1）异步加载依赖的文件
2）管理文件加载顺序
3）管理文件加载的包路径
2. requirejs下载地点
https://github.com/jrburke/requirejs
3. requirejs demo
依赖文件如下：
1）index.html 主页面，引入requirejs ，指定整个页面js执行入口
2）main.js 页面执行入口，定义js的baseUrl 及公共包
3）lib.js main.js依赖的module
index.html
<!DOCTYPE html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>报表平台</title></head><body></body><script src="/resources/um_report/js/require.js" defer async="true" data-main=‘/resources/um_report/js/main.js‘></script></html>
main.js
requirejs.config({ baseUrl: ‘/resources/js/‘});require([‘lib‘],function(Lib){ console.log(‘Lib‘); Lib.say(‘hello‘); console.log(Lib.color);});
lib.js
define(function(){ var say1 = function(msg){ console.log(msg); } return { say: say1, color:‘red‘ };});
流程如下：
1）index.html加载require.js 获取入口data-main定义的main函数
2）main.js定义了所有js的基路径，后面引入的js都在基路径的相对路径,
还引入了基路径下的一个叫lib的module，并执行了lib的say方法，并打印了lib.color
3）lib.js定义了一个对象，返回了say方法和color对象
【RequireJS】requireJS的基础知识
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。