seajs的使用方法

為什么使用 Sea.js 滑肉?

Sea.js 追求簡單黍图、自然的代碼書寫和組織方式尼摹,具有以下核心特性:

簡單友好的模塊定義規(guī)范:Sea.js 遵循CMD規(guī)范,可以像Node.js一般書寫模塊代碼钉嘹。

自然直觀的代碼組織方式:依賴的自動(dòng)加載鸯乃、配置的簡潔清晰,可以讓我們更多地享受編碼的樂趣。

Sea.js 還提供常用插件缨睡,非常有助于開發(fā)調(diào)試和性能優(yōu)化鸟悴,并具有豐富的可擴(kuò)展接口。

兼容性

Sea.js 具備完善的測(cè)試用例奖年,兼容所有主流瀏覽器:

Chrome 3+? ? ? ? ?

Firefox 2+? ? ? ? ?

Safari 3.2+? ? ? ?

Opera 10+? ? ? ? ?

IE 5.5+? ? ? ? ? ?

Sea.js 可運(yùn)行在 Mobile 端细诸,包括 Hybrid 模式的 App 上。理論上陋守,Sea.js 可以運(yùn)行在任何瀏覽器引擎上震贵。

下面簡單的說一下我在實(shí)際項(xiàng)目中運(yùn)用sea.js的兩種方式

一:

假設(shè)有一個(gè)hello.html頁面,在hello.html頁尾水评,通過script引入sea.js后(sea.js可以去官網(wǎng)下載)猩系,有一段配置代碼:

// seajs 的簡單配置

seajs.config({

base:"../sea-modules/",

alias:{

? ? ?"jquery":"jquery/jquery/1.10.1/jquery.js"

? ? ? ?}

})

// 加載入口模塊

seajs.use("main.js")


main.js的代碼如下:

define(name,function(require,exports,module){

// 通過 require 引入依賴

var$=require('jquery');

var Spinning=require('./spinning');

// 通過 exports 對(duì)外提供接口

exports.doSomething=...

// 或者通過 module.exports 提供整個(gè)接口module.exports=...

});


二:

在html底部引入<script src='main.js'></script>(先要引入sea.js),或者直接將seajs.use()部分放在底部

main.js中的代碼結(jié)構(gòu)如下

seajs.use(name,function(name1){})//name是在你要引入的模塊中燥,

seajs中使用的name是在define中寫入的為這個(gè)模塊取得名字寇甸,一般建議寫成相對(duì)地址的形式,方便通過相對(duì)地址查找代碼疗涉。

define(name,function(require,exports,module){

// 通過 require 引入依賴

var$=require('jquery');

var Spinning=require('./spinning');

// 通過 exports 對(duì)外提供接口

exports.doSomething=...

// 或者通過 module.exports 提供整個(gè)接口module.exports=...

});

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末拿霉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子博敬,更是在濱河造成了極大的恐慌友浸,老刑警劉巖峰尝,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件偏窝,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡武学,警方通過查閱死者的電腦和手機(jī)祭往,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來火窒,“玉大人硼补,你說我怎么就攤上這事⊙螅” “怎么了已骇?”我有些...
    開封第一講書人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長票编。 經(jīng)常有香客問我褪储,道長,這世上最難降的妖魔是什么慧域? 我笑而不...
    開封第一講書人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任鲤竹,我火速辦了婚禮,結(jié)果婚禮上昔榴,老公的妹妹穿的比我還像新娘辛藻。我一直安慰自己碘橘,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開白布吱肌。 她就那樣靜靜地躺著痘拆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪氮墨。 梳的紋絲不亂的頭發(fā)上错负,一...
    開封第一講書人閱讀 51,462評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音勇边,去河邊找鬼犹撒。 笑死,一個(gè)胖子當(dāng)著我的面吹牛粒褒,可吹牛的內(nèi)容都是我干的识颊。 我是一名探鬼主播,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼奕坟,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼祥款!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起月杉,我...
    開封第一講書人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤刃跛,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后苛萎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桨昙,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年腌歉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蛙酪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡翘盖,死狀恐怖桂塞,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情馍驯,我是刑警寧澤阁危,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站汰瘫,受9級(jí)特大地震影響狂打,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吟吝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一菱父、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦浙宜、人聲如沸官辽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽同仆。三九已至,卻和暖如春裙品,著一層夾襖步出監(jiān)牢的瞬間俗批,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來泰國打工市怎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留岁忘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓区匠,卻偏偏與公主長得像干像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子驰弄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Node.js是目前非陈樘火熱的技術(shù),但是它的誕生經(jīng)歷卻很奇特戚篙。 眾所周知五鲫,在Netscape設(shè)計(jì)出JavaScri...
    w_zhuan閱讀 3,613評(píng)論 2 41
  • 什么是模塊化開發(fā)? 前端開發(fā)中岔擂,起初只要在script標(biāo)簽中嵌入幾十上百行代碼就能實(shí)現(xiàn)一些基本的交互效果位喂,后來js...
    半世韶華憶闌珊閱讀 654評(píng)論 0 0
  • 參考資料 Modules/1.0——維基百科CommonJS Modules/1.0——伯樂在線js模塊化——博客...
    BeYanJin閱讀 3,059評(píng)論 0 5
  • 這周讀了 半生為人的我 雖然我如今才看了一半 但已是感覺到分外的壓抑 那個(gè)時(shí)代的悲劇 豈是政治書上寥寥數(shù)語能夠道的...
    就靜靜聽你說閱讀 589評(píng)論 0 0
  • cinderella熊閱讀 146評(píng)論 0 0