seajs中最常用的7個(gè)功能、配置示例
更新時(shí)間：2017年10月10日 10:41:40 作者：Jredreamer
這篇文章主要介紹了seajs中最常用的7個(gè)功能、配置,結(jié)合實(shí)例形式簡(jiǎn)單分析了seajs中常用的項(xiàng)目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下
本文實(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
用來在頁(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
用來定義模塊。
define(function(require, exports, module) {
// 模塊代碼
});
4. require
用來獲取指定模塊的接口
define(function(require) {
// 獲取模塊a的接口
var a = require('./a');
// 調(diào)用模塊a的方法
a.doSomething();
});
5. require.async
用來在模塊內(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
用來在模塊內(nèi)部對(duì)外提供接口
define(function(require, exports) {
// 對(duì)外提供foo屬性
exports.foo = 'bar';
// 對(duì)外提供doSomething方法
exports.doSomething = function() {};
});
7. module.exports
用來在模塊內(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ì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了把jQuery的類、插件封裝成seajs的模塊的方法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了seajs中最常用的7個(gè)功能、配置,結(jié)合實(shí)例形式簡(jiǎn)單分析了seajs中常用的項(xiàng)目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下2017-10-10
詳解Sea.js中Module.exports和exports的區(qū)別
最近在看Seajs時(shí)，看到了exports.doSomething和module.exports，想對(duì)這兩者的區(qū)別一探究竟。所以下面這篇文章主要介紹了Sea.js中Module.exports和exports的區(qū)別，需要的朋友可以參考借鑒，一起來看看吧。2017-02-02
seaJs使用心得之exports與module.exports的區(qū)別實(shí)例分析
這篇文章主要介紹了seaJs使用心得之exports與module.exports的區(qū)別,結(jié)合實(shí)例形式分析了exports與module.exports具體功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2017-10-10
這篇文章主要介紹了LABjs、RequireJS、SeaJS的區(qū)別、JS文件加載器、JS塊加載器等知識(shí),需要的朋友可以參考下2014-03-03
這篇文章主要介紹了SeaJS入門教程,講述了SeaJS的由來,JavaScript傳統(tǒng)開發(fā)模式和模塊化開發(fā)的對(duì)比,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了SeaJS入門教程系列之完整示例,演示了一個(gè)完整的SeaJS開發(fā)例子,需要的朋友可以參考下2014-03-03
做前端項(xiàng)目已經(jīng)離不開SeaJS了，現(xiàn)在的很多的網(wǎng)站都用了SeaJS，對(duì)這個(gè)JS模塊加載器原理的越來越感興趣。這篇文章我們來一起學(xué)習(xí)seajs模塊之間依賴的加載以及模塊的執(zhí)行，感興趣的朋友們下面來一起看看吧。2016-10-10
seajs學(xué)習(xí)之模塊的依賴加載及模塊API的導(dǎo)出
SeaJS是一個(gè)遵循 CommonJS 規(guī)范的模塊加載框架，可用來輕松愉悅地加載任意JavaScript模塊和css模塊樣式。SeaJS接口和方法也非常少，SeaJS 就兩個(gè)核心：模塊定義和模塊的加載及依賴關(guān)系。本文將詳細(xì)介紹模塊的依賴加載及模塊API的導(dǎo)出，有需要的朋友們可以參考借鑒。2016-10-10
這篇文章主要介紹了seajs模塊壓縮問題與解決方法,結(jié)合實(shí)例形式分析了seajs模塊壓縮過程中出現(xiàn)的問題及相應(yīng)的解決方法,需要的朋友可以參考下2017-10-10