文章出處
文章列表
//index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<!--
<script data-main="js/main" src="require.js"></script>
-->
<script data-main="js/test" src="js/require.js"></script>
</head>
<body>
<script>
</script>
</body>
</html>
//test.js
requirejs.config({
//默認相對于html頁面, baseUrl指定為相對頁面下的js目錄
baseUrl : "js",
//這個可以是縮寫
paths : {
},
//這個里面指定的是順序，就像backbone需要jq和underscore一樣；
shim : []
});
//加載lib目錄下的test1，并執行返回對象下的App
requirejs(["lib/test1"],function(test1){
test1.App();
})
test1.js
//依賴模塊m1 和 m2
//如果依賴是以".." “/”做開頭或者是“.js"作結尾查詢目錄的方式就不是根據正常的查找了
define(["model/m1","model/m2"],function (m1,m2) { return { App : function(){ console.log( m1 ); m2; return "App is runing" } }; });
model/m1.js
define(function(){
return "m1"
})
model/m2.js
//這個又是依賴控制器c1 和 c2了;
//這個是變成當前目錄上的目錄下的/controller/xx define(["../controller/c1","../controller/c2"],function(c1,c2){ console.log( c1 ) console.log( c2 ); return "m2" })
//controller/c1.js
define(function(){
return "this is c1"
})
//controller/c2.js
//這個又開始依賴view目錄下的v1了，
define(["view/v1"],function(v1){ return "this is c2" })
//如此就變成一個個模塊了，開發就方便一些了，代碼就不會一大堆了
文章列表
全站熱搜
留言列表
