RequireJS用法簡(jiǎn)單示例
本文實(shí)例講述了RequireJS用法。分享給大家供大家參考,具體如下:
建立如下工程目錄:
|-test
|-index.html
|-index.js
|-main.js
|-require.min.js
|-test.js
其中,index.html如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Index</title> </head> <body> <script type="text/javascript" data-main="main.js" src="require.js"></script> </body> </html>
data-main為入口。
main.js如下:
define(['require','main'],function (require) {
require(['index','test'],function (index,test) {
console.log(index.index());
console.log(test.test());
});
});
index.js如下:
define(['require','index'],function (require) {
var index = {
index:function () {
console.log("index");
}
};
return index;
});
test.js如下:
define(['require','test'],function (require) {
var test = {
test:function () {
console.log("test");
}
};
return test;
});
當(dāng)要簡(jiǎn)單包裝CommonJS來(lái)定義模塊,則main.js改為:
define(function(require, exports, module) {
var index = require('index');
var test = require('test');
}
);
即可引入index.js 和 test.js。
希望本文所述對(duì)大家RequireJS程序設(shè)計(jì)有所幫助。
- 一篇文章掌握RequireJS常用知識(shí)
- 教你5分鐘學(xué)會(huì)用requirejs(必看篇)
- RequireJS入門一之實(shí)現(xiàn)第一個(gè)例子
- RequireJS多頁(yè)面應(yīng)用實(shí)例分析
- 在Html中使用Requirejs進(jìn)行模塊化開(kāi)發(fā)實(shí)例詳解
- RequireJS使用注意細(xì)節(jié)
- 使用requirejs模塊化開(kāi)發(fā)多頁(yè)面一個(gè)入口js的使用方式
- requirejs + vue 項(xiàng)目搭建詳解
- 在JavaScript應(yīng)用中使用RequireJS來(lái)實(shí)現(xiàn)延遲加載
- 詳解RequireJS按需加載樣式文件
- 使用RequireJS庫(kù)加載JavaScript模塊的實(shí)例教程
相關(guān)文章
ECharts柱狀圖過(guò)多添加滾動(dòng)條的步驟(親測(cè)可用)
這篇文章主要介紹了ECharts柱狀圖過(guò)多添加滾動(dòng)條的步驟(親測(cè)可用),添加echarts柱狀圖滾動(dòng)條,首先添加js用來(lái)判斷當(dāng)前視圖要顯示幾個(gè)及是否顯示滾動(dòng)條,本文結(jié)合實(shí)例代碼介紹的非常詳細(xì),需要的朋友參考下吧2024-01-01
使用JavaScript構(gòu)建JSON格式字符串實(shí)現(xiàn)步驟
這篇文章將幫助你使用javascript來(lái)創(chuàng)建json格式字符串如果你需要通過(guò)web項(xiàng)目來(lái)構(gòu)建json格式字符串的響應(yīng),感興趣的各位可以參考下哈,希望可以幫助到你2013-03-03
select2 ajax 設(shè)置默認(rèn)值,初始值的方法
今天小編就為大家分享一篇select2 ajax 設(shè)置默認(rèn)值,初始值的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
uniapp中table表格設(shè)置寬度無(wú)效的原因以及解決方法
項(xiàng)目中遇到table表格單元格不整齊、錯(cuò)位等情況,下面這篇文章主要給大家介紹了關(guān)于uniapp中table表格設(shè)置寬度無(wú)效的原因以及解決方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
js實(shí)現(xiàn)的捐贈(zèng)管理完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的捐贈(zèng)管理完整實(shí)例,包括了html頁(yè)面、js腳本及css樣式的完整實(shí)現(xiàn)代碼,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
解決給dom元素綁定click等事件無(wú)效問(wèn)題的方法
本文主要介紹了解決給dom元素綁定click等事件無(wú)效問(wèn)題的方法。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02
JS與HTML結(jié)合使用marquee標(biāo)簽實(shí)現(xiàn)無(wú)縫滾動(dòng)效果代碼
這篇文章主要介紹了JS與HTML結(jié)合使用marquee標(biāo)簽實(shí)現(xiàn)無(wú)縫滾動(dòng)效果代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07
js實(shí)現(xiàn)三張圖(文)片一起切換的banner焦點(diǎn)圖
這篇文章主要介紹了js實(shí)現(xiàn)三張圖(文)片一起切換的banner焦點(diǎn)圖,推薦給大家,有需要的小伙伴可以參考下。2015-08-08

