RequireJS用法簡(jiǎn)單示例
更新時(shí)間：2018年08月20日 11:40:08 作者：u013063153
這篇文章主要介紹了RequireJS用法,結(jié)合簡(jiǎn)單實(shí)例形式分析了RequireJS項(xiàng)目文件結(jié)構(gòu)、相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
本文實(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來定義模塊，則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īng)用實(shí)例分析
- 在Html中使用Requirejs進(jìn)行模塊化開發(fā)實(shí)例詳解
- RequireJS使用注意細(xì)節(jié)
- 使用requirejs模塊化開發(fā)多頁面一個(gè)入口js的使用方式
- requirejs + vue 項(xiàng)目搭建詳解
- 在JavaScript應(yīng)用中使用RequireJS來實(shí)現(xiàn)延遲加載
- 詳解RequireJS按需加載樣式文件
- 使用RequireJS庫加載JavaScript模塊的實(shí)例教程
相關(guān)文章
發(fā)一個(gè)分頁的js...2006-11-11
這篇文章主要給大家介紹了關(guān)于微信小程序瘦身的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-05-05
Javascript中產(chǎn)生固定結(jié)果的函數(shù)優(yōu)化技巧
分享一個(gè)Javascript編寫函數(shù)的優(yōu)化技巧;適用的函數(shù)應(yīng)該要滿足以下條件;產(chǎn)生固定結(jié)果;復(fù)雜或較耗時(shí)等等，感興趣的朋友可以了解下2013-01-01
jQuery實(shí)現(xiàn)動(dòng)態(tài)文字搜索功能
本文主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)文字搜索功能的分析過程，文章底部提供了完整的代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
JavaScript模板引擎實(shí)現(xiàn)原理實(shí)例詳解
這篇文章主要介紹了JavaScript模板引擎實(shí)現(xiàn)原理,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript模板引擎原理、定義、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
一文詳解JavaScript如何安全的進(jìn)行數(shù)據(jù)獲取
這篇文章主要為大家介紹了JavaScript如何安全的進(jìn)行數(shù)據(jù)獲取方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要介紹了JS?Date時(shí)間格式化的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
JS實(shí)現(xiàn)橫向與豎向兩個(gè)選項(xiàng)卡Tab聯(lián)動(dòng)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)橫向與豎向兩個(gè)選項(xiàng)卡Tab聯(lián)動(dòng)的方法,涉及JavaScript遍歷及動(dòng)態(tài)修改頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)顯示和隱藏某個(gè)控件功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)顯示和隱藏某個(gè)控件功能,涉及微信小程序事件響應(yīng)及樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
實(shí)例詳解display:none與visible:hidden的區(qū)別
這篇文章主要介紹了實(shí)例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-03-03