seajs中最常用的7個(gè)功能、配置示例
本文實(shí)例講述了seajs中最常用的7個(gè)功能、配置。分享給大家供大家參考,具體如下:
1. seajs.config
seajs.config({ // 設(shè)置路徑,方便跨項(xiàng)目調(diào)用 paths: { 'path1': '....', 'path2': '....' }, // 設(shè)置別名,方便調(diào)用 alias: { 'class1': '...', 'class2': '...' } });
2. seajs.use
用來(lái)在頁(yè)面中加載一個(gè)或多個(gè)模塊
// 加載一個(gè)模塊 seajs.use('./a'); // 加載一個(gè)模塊,在加載完成時(shí),執(zhí)行回調(diào) seajs.use('./a', function(a) { a.doSomething(); }); // 加載多個(gè)模塊,在加載完成時(shí),執(zhí)行回調(diào) seajs.use(['./a', './b'], function(a, b) { a.doSomething(); b.doSomething(); });
3. define
用來(lái)定義模塊。
define(function(require, exports, module) { // 模塊代碼 });
4. require
用來(lái)獲取指定模塊的接口
define(function(require) { // 獲取模塊a的接口 var a = require('./a'); // 調(diào)用模塊a的方法 a.doSomething(); });
5. require.async
用來(lái)在模塊內(nèi)部異步加載一個(gè)或多個(gè)模塊
define(function(require) { // 異步加載一個(gè)模塊,在加載完成時(shí)執(zhí)行回調(diào) require.async('./b', function(b) { b.doSomething(); }); // 異步加載多個(gè)模塊,在加載完成時(shí)執(zhí)行回調(diào) require.async(['./c', './d'], function(c, d) { c.doSomething(); d.doSomething(); }); });
6. exports
用來(lái)在模塊內(nèi)部對(duì)外提供接口
define(function(require, exports) { // 對(duì)外提供foo屬性 exports.foo = 'bar'; // 對(duì)外提供doSomething方法 exports.doSomething = function() {}; });
7. module.exports
用來(lái)在模塊內(nèi)部對(duì)外提供接口
define(function(require, exports, module) { // 對(duì)外提供接口 module.exports = { name: 'a', doSomething: function() {}; }; });
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript擴(kuò)展技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- seajs下require書(shū)寫(xiě)約定實(shí)例分析
- seajs實(shí)現(xiàn)強(qiáng)制刷新本地緩存的方法分析
- seaJs使用心得之exports與module.exports的區(qū)別實(shí)例分析
- SeaJS中use函數(shù)用法實(shí)例分析
- seajs模塊壓縮問(wèn)題與解決方法實(shí)例分析
- seajs中模塊依賴的加載處理實(shí)例分析
- seajs模塊之間依賴的加載以及模塊的執(zhí)行
- seajs學(xué)習(xí)之模塊的依賴加載及模塊API的導(dǎo)出
- seajs學(xué)習(xí)教程之基礎(chǔ)篇
- Seajs源碼詳解分析
相關(guān)文章
seaJs使用心得之exports與module.exports的區(qū)別實(shí)例分析
這篇文章主要介紹了seaJs使用心得之exports與module.exports的區(qū)別,結(jié)合實(shí)例形式分析了exports與module.exports具體功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2017-10-10Seajs是什么及sea.js 由來(lái),特點(diǎn)以及優(yōu)勢(shì)
這篇文章主要介紹了Seajs的相關(guān)知識(shí)和和學(xué)習(xí)心得,適合剛接觸SeaJS的同學(xué),需要的朋友可以參考下,有更好的新手教程或文檔,歡迎推薦、分享2016-10-10seajs模塊壓縮問(wèn)題與解決方法實(shí)例分析
這篇文章主要介紹了seajs模塊壓縮問(wèn)題與解決方法,結(jié)合實(shí)例形式分析了seajs模塊壓縮過(guò)程中出現(xiàn)的問(wèn)題及相應(yīng)的解決方法,需要的朋友可以參考下2017-10-10詳解Sea.js中Module.exports和exports的區(qū)別
最近在看Seajs時(shí),看到了exports.doSomething和module.exports,想對(duì)這兩者的區(qū)別一探究竟。所以下面這篇文章主要介紹了Sea.js中Module.exports和exports的區(qū)別,需要的朋友可以參考借鑒,一起來(lái)看看吧。2017-02-02Seajs 簡(jiǎn)易文檔 提供簡(jiǎn)單、極致的模塊化開(kāi)發(fā)體驗(yàn)
這篇文章主要介紹了Seajs 簡(jiǎn)易文檔 提供簡(jiǎn)單、極致的模塊化開(kāi)發(fā)體驗(yàn),非官方文檔,整理來(lái)自己官方文檔的文字與實(shí)例,方便速查。需要的朋友可以參考下2016-04-04