国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > JS > 正文

Sea.JS知識(shí)總結(jié)

2024-05-06 16:30:46
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
SeaJS是一個(gè)遵循CommonJS規(guī)范的JavaScript模塊加載框架。本文給大家分享sea.js知識(shí)總結(jié),感興趣的朋友一起學(xué)習(xí)吧
 

SeaJS是一個(gè)遵循CommonJS規(guī)范的JavaScript模塊加載框架。是一款現(xiàn)代的用于Web開發(fā)的模塊加載工具,提供簡(jiǎn)單、極致的模塊化體驗(yàn)。Sea.js 由阿里、騰訊等公司共同維護(hù)。

使用 Sea.js的好處:

Sea.js 追求簡(jiǎn)單、自然的代碼書寫和組織方式,具有以下核心特性:

簡(jiǎn)單友好的模塊定義規(guī)范:Sea.js 遵循 CMD 規(guī)范,可以像 Node.js 一般書寫模塊代碼。
自然直觀的代碼組織方式:依賴的自動(dòng)加載、配置的簡(jiǎn)潔清晰,可以讓我們更多地享受編碼的樂(lè)趣。
Sea.js 還提供常用插件,非常有助于開發(fā)調(diào)試和性能優(yōu)化,并具有豐富的可擴(kuò)展接口。

下面給大家介紹sea.js的三種編寫模塊的模式

使用exports,exports 是一個(gè)對(duì)象,用來(lái)向外提供模塊接口。

define(function (require, exports, module) {var a = require("./init");var fun1 = function () {return a.write("模塊main調(diào)用模塊init的write方法");};exports.fun1=fun1;}); 

除了給 exports 對(duì)象增加成員,還可以使用 return 直接向外提供接口。

define(function(require,exports,module){var a = require("./init");var fun1 = function () {return a.write("模塊main調(diào)用模塊init的write方法");};return{fun1:fun1}})

如果模塊沒(méi)有任何業(yè)務(wù)邏輯只是返回一個(gè)對(duì)象還可以簡(jiǎn)化為以下

define({fun1 : function () {alert("模塊main的fun1調(diào)用成功")}});

還有一種是通過(guò)module.exports對(duì)外提供一個(gè)統(tǒng)一的接口例如:

define(function(require,exports,module){var a = require("./init");// ./是當(dāng)前目錄 ../是上級(jí)目錄 /是根目錄var fun1 = function () {return a.write("模塊main調(diào)用模塊init的write方法");};exports.b=function(){ //沒(méi)有任何意義,賦值無(wú)效alert("bb")};module.exports={fun1:fun1}});

exports 僅僅是 module.exports 的一個(gè)引用。在 方法內(nèi)部給 exports 重新賦值時(shí),并不會(huì)改變 module.exports 的值。因此給 exports 賦值是無(wú)效的,以上的方法只暴漏給外部一個(gè)fun1,上面的b方法賦值是無(wú)效的,不能用來(lái)更改模塊接口。

exports.async() 
require.async(id||[], callback?)

require.async 方法用來(lái)在模塊內(nèi)部異步加載模塊,并在加載完成后執(zhí)行指定回調(diào)。callback 參數(shù)可選。

define(function(require,exports,module){require.async('./init',function(a){a.write("模塊main調(diào)用模塊init的write方法")});require.async(['./init',"./search"],function(a,b){a.write("模塊main調(diào)用模塊init的write方法");b.search("search模塊成功引入")});});

module module是一個(gè)對(duì)象,上面存儲(chǔ)了與當(dāng)前模塊相關(guān)聯(lián)的一些屬性和方法。 

1 module.id String

模塊的唯一標(biāo)識(shí)。

2 module.uri String

根據(jù)模塊系統(tǒng)的路徑解析規(guī)則得到的模塊絕對(duì)路徑,一般情況下(沒(méi)有在 define 中手寫 id 參數(shù)時(shí)),module.id 的值就是 module.uri,兩者完全相同。

3 module.dependencies Array

dependencies 是一個(gè)數(shù)組,表示當(dāng)前模塊的依賴。



注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到JavaScript/Ajax教程頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 襄汾县| 小金县| 衡山县| 丹棱县| 玉溪市| 怀仁县| 河间市| 越西县| 诸城市| 修文县| 望都县| 宁陕县| 榆林市| 神木县| 通山县| 德州市| 大悟县| 湘西| 马山县| 虎林市| 略阳县| 高碑店市| 卢龙县| 土默特左旗| 渭南市| 宣城市| 宜春市| 商丘市| 昭通市| 陆川县| 邛崃市| 遂宁市| 贵南县| 巴青县| 东安县| 双辽市| 文山县| 定州市| 乐清市| 达拉特旗| 尼木县|