js模塊化

重新?lián)炱饋?lái)代碼

看一些原來(lái)用過(guò)的知識(shí)筐付,有一種豁然開(kāi)朗的感覺(jué)

類似于啊片,考上大學(xué)以后再回頭看高中的知識(shí)? ?

原來(lái)對(duì)js模塊化的認(rèn)識(shí)比較淺涛浙,僅僅是能理解的程度说庭,AMD/CMD很多面試中都問(wèn)過(guò)我

在阿里媽媽實(shí)習(xí)的時(shí)候然磷,導(dǎo)師跟我說(shuō)過(guò),騰訊面試的時(shí)候也問(wèn)過(guò)刊驴,那個(gè)時(shí)候就真的只是知道AMD CMD一個(gè)提前加載一個(gè)按需加載

工作以后姿搜,有個(gè)領(lǐng)導(dǎo)說(shuō)過(guò),架構(gòu)不是學(xué)來(lái)的捆憎,是一步步演進(jìn)的

前端技術(shù)也是舅柜,知道它們?nèi)绾我徊讲窖葸M(jìn)的,更有利于理解和合理運(yùn)用躲惰。

廢話不多說(shuō)致份,以后要堅(jiān)持寫(xiě)博客,堅(jiān)持學(xué)習(xí)础拨!

演進(jìn)過(guò)程:

一:js代碼都寫(xiě)在html文件中

二:js代碼寫(xiě)在js文件中氮块,在html中<script>引用

三:js文件變得原來(lái)越多,互相之間關(guān)系越來(lái)越復(fù)雜诡宗,比如jQuery必須在使用了jQuery的js文件之前引用滔蝉,否則會(huì)報(bào)錯(cuò),而且變量會(huì)污染全局作用域

四:js模塊化僚焦,commonjs就是js模塊化的規(guī)范锰提,通過(guò) require 方法來(lái)同步加載所要依賴的其他模塊,然后通過(guò) exports 或者 module.exports 來(lái)導(dǎo)出需要暴露的接口。根據(jù)這個(gè)規(guī)范立肘,每一個(gè)文件就是一個(gè)模塊边坤,其內(nèi)部定義的變量是屬于這個(gè)模塊的,不會(huì)對(duì)外暴露谅年,也就是說(shuō)不會(huì)污染全局變量茧痒。?

五:AMD規(guī)范,AMD標(biāo)準(zhǔn)中融蹂,模塊可以異步加載旺订,并且允許指定回調(diào)函數(shù)。但是超燃,在使用require.js的時(shí)候区拳,我們必須要提前加載所有的依賴,然后才可以使用意乓,而不是需要使用時(shí)再加載樱调。

定義了下面兩個(gè)API:

require([module], callback)

define(id, [depends], callback)

  即通過(guò)define來(lái)定義一個(gè)模塊,然后使用require來(lái)加載一個(gè)模塊届良。 并且笆凌,require還支持CommonJS的模塊導(dǎo)出方式。?

六:CMD按需加載士葫,sea.js乞而,需要寫(xiě)加載邏輯,在用到模塊的時(shí)候慢显,再require

七:ES6模塊化,export和import導(dǎo)出和引用模塊爪模,一個(gè)js文件是一個(gè)模塊


參考https://www.cnblogs.com/zhuzhenwei918/p/7426904.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鳍怨,隨后出現(xiàn)的幾起案子呻右,更是在濱河造成了極大的恐慌,老刑警劉巖鞋喇,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件声滥,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡侦香,警方通過(guò)查閱死者的電腦和手機(jī)落塑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)罐韩,“玉大人憾赁,你說(shuō)我怎么就攤上這事∩⒊常” “怎么了龙考?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵蟆肆,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我晦款,道長(zhǎng)炎功,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任缓溅,我火速辦了婚禮蛇损,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘坛怪。我一直安慰自己淤齐,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布袜匿。 她就那樣靜靜地躺著更啄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪居灯。 梳的紋絲不亂的頭發(fā)上锈死,一...
    開(kāi)封第一講書(shū)人閱讀 49,031評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音穆壕,去河邊找鬼。 笑死其屏,一個(gè)胖子當(dāng)著我的面吹牛喇勋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播偎行,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼川背,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了蛤袒?” 一聲冷哼從身側(cè)響起熄云,我...
    開(kāi)封第一講書(shū)人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎妙真,沒(méi)想到半個(gè)月后缴允,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡珍德,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年练般,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锈候。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡薄料,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出泵琳,到底是詐尸還是另有隱情摄职,我是刑警寧澤誊役,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站谷市,受9級(jí)特大地震影響蛔垢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜歌懒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一啦桌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧及皂,春花似錦甫男、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至碍拆,卻和暖如春若治,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背感混。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工端幼, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人弧满。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓婆跑,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親庭呜。 傳聞我的和親對(duì)象是個(gè)殘疾皇子滑进,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

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

  • Javascript模塊化編程,已經(jīng)成為一個(gè)迫切的需求吉执。理想情況下疯淫,開(kāi)發(fā)者只需要實(shí)現(xiàn)核心的業(yè)務(wù)邏輯,其他都可以加載...
    zhoulujun閱讀 2,926評(píng)論 0 14
  • 一戳玫、函數(shù)的Rest參數(shù)和擴(kuò)展 二熙掺、Promise使用 三、modules.exports和ES6 import/e...
    puxiaotaoc閱讀 223評(píng)論 0 0
  • 模塊 函數(shù)式 模塊是實(shí)現(xiàn)特定功能的文件咕宿,將多個(gè)函數(shù)編寫(xiě)在同一個(gè)文件中就構(gòu)成了一個(gè)模塊币绩,加載文件即可調(diào)用文件中的函數(shù)...
    JunChow520閱讀 453評(píng)論 0 1
  • 一蜡秽、CSRF是什么 CSRF全稱為跨站請(qǐng)求偽造(Cross-site request forgery),是一種網(wǎng)絡(luò)...
    WWWKY閱讀 21,786評(píng)論 0 6
  • “早安缆镣!雖然再過(guò)半個(gè)小時(shí)就能看見(jiàn)你芽突,但我想我要對(duì)你說(shuō)的話不能遲過(guò)任何一分鐘!”“早安董瞻,別遲到了寞蚌,一會(huì)見(jiàn)”每天睜開(kāi)眼...
    如若我似貓閱讀 431評(píng)論 1 4