功能描述：
1.简单的require.js的运用
2.BaseUrl运用（加载不同文件夹下的路径）
3.shim运用（依赖：比如jquery-ui 需要依赖jquery）
4.require方法调用（包括回调方法使用）
1.文件的目录结构
main.js代码 require.config({
baseUrl:"js",
paths: {
jquery: ‘jquery-1.7.2‘,
bootstrap_alert:‘bootstrap-alert‘,
model1:‘model1/model1‘,
model2:‘model2/model2‘,
math:‘utils/math‘,
jquery_ui:‘jquery_plugin/jquery-ui‘,
},
shim:{
‘jquery_ui‘:{
deps: [‘jquery‘],//jquery_ui依赖jquery
exports:"jquery_ui"
}
}
});
//js文件加载完成后，执行的代码
require([‘jquery‘,‘bootstrap_alert‘,‘model1‘,‘model2‘,‘jquery_ui‘],
function($,bootstrap_alert,model1,model2,jquery_ui) {
alert($.ui.version);
});
var math = require([‘math‘],function(math){
math.add(1,3);
});
Chad.html代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script data-main="main" src="require.js"></script> </head> <body> <script type="text/javascript"> </script> </body> </html>
model1.js代码alert("model1文件夹 -->model1.js加载成功");
define("model1",[],function(){
//变量
var param1 = 1;
var param2 = "params";
//添加
function add(){
alert("add");
}
//删除
function del(){
alert("delete");
}
//编辑
function edit(){
alert("edit");
}
//查询
function find(){
alert("find");
}
return {
add:add,
del:del,
edit:edit,
find:find,
param1:param1,
param2:param2
};
});
model2.js代码 --->>
alert("model2文件夹 --> model2.js加载成功");
define("model2",["model1"],function(model1){
model1.del();
alert(model1.param1);
function page(){
alert("page");
}
return {
page:page
};
});
时间： 2024-10-10 09:06:04