前端的模塊管理（RequireJS、AMD、CMD、CommonJS、ES6）

iOS122 發(fā)布于2019-08-23 17:02 / 1205人閱讀

摘要：是一個(gè)小巧的模塊載入框架，壓縮后，具有輕量級(jí)異步加載模塊等特點(diǎn)。通過(guò)和關(guān)鍵字，旨在建立客戶端和服務(wù)器端通用的加載規(guī)范。

隨著應(yīng)用復(fù)雜度的攀升，常規(guī)的JavaScript引入方式（script標(biāo)簽）已經(jīng)不能滿足需求，模塊化管理成為團(tuán)隊(duì)協(xié)作的高效方法，現(xiàn)在的模塊化管理主要有RequireJS、AMD、CMD、CommonJS、ES6四種模式。

RequireJS是一個(gè)小巧的JavaScript模塊載入框架，壓縮后14k，具有輕量級(jí)、異步加載模塊等特點(diǎn)。

AMD是Asynchronous Module Definition的縮寫，是模塊加載規(guī)范，提倡提前加載、依賴前置，RequireJS就是AMD是實(shí)踐者。

CMD是國(guó)內(nèi)發(fā)展起來(lái)，Common Module Definition的縮寫，提倡延遲加載、依賴后置。

CommonJS主要用于服務(wù)器端模塊管理，是同步加載模塊，因?yàn)榉?wù)器端程序(nodejs)和模塊都運(yùn)行在磁盤上，加載延遲可以忽略，客戶端使用需考慮網(wǎng)絡(luò)延遲，效果一般。

ES6通過(guò)import和export關(guān)鍵字，旨在建立客戶端和服務(wù)器端通用的加載規(guī)范。

GPU云服務(wù)器云服務(wù)器 amd_cmd區(qū)別 amd模塊加載異步模塊加載機(jī)制-amd 前端模塊

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103700.html

相關(guān)文章

前端模塊化開(kāi)發(fā)

摘要：來(lái)源于阿賢博客模塊化今天給大家寫一篇關(guān)于前端模塊化開(kāi)發(fā)知識(shí)點(diǎn)。前端模塊化開(kāi)發(fā)那點(diǎn)歷史模塊化是指在解決某個(gè)復(fù)雜混雜問(wèn)題時(shí)，依照一種分類的思維把問(wèn)題進(jìn)行系統(tǒng)性的分解以之處理。來(lái)源于：阿賢博客 javascript模塊化今天給大家寫一篇關(guān)于前端模塊化開(kāi)發(fā)知識(shí)點(diǎn)。前端模塊化開(kāi)發(fā)那點(diǎn)歷史模塊化：是指在解決某個(gè)復(fù)雜、混雜問(wèn)題時(shí)，依照一種分類的思維把問(wèn)題進(jìn)行系統(tǒng)性的分解以之處理。模塊...

tianhang 2019-08-23 16:44 評(píng)論0 收藏0
JS學(xué)習(xí)筆記 - 模塊化

摘要：在開(kāi)發(fā)大型的項(xiàng)目中，可能會(huì)使用到管理的模塊化工具。說(shuō)道，學(xué)習(xí)過(guò)的同學(xué)會(huì)比較熟悉，是服務(wù)器模塊的規(guī)范，采用了這個(gè)規(guī)范?？赡苁俏磥?lái)模塊化解決方案的首選。本文章記錄本人在學(xué)習(xí) JavaScript 中理解到的一些東西，加深記憶和并且整理記錄下來(lái)，方便之后的復(fù)習(xí)。在開(kāi)發(fā)大型的web項(xiàng)目中，可能會(huì)使用到管理js的模塊化工具。但是在前端輪子漫天飛的時(shí)代。那一款js模塊化工具真正適合我...

CntChen 2019-08-22 10:57 評(píng)論0 收藏0
JS模塊化——CommonJS AMD CMD UMD ES6 Module 比較

摘要：即盡早地執(zhí)行依賴模塊。阮一峰輸出值的引用模塊是動(dòng)態(tài)關(guān)聯(lián)模塊中的值，輸出的是值得引用。的加載實(shí)現(xiàn)阮一峰運(yùn)行時(shí)加載靜態(tài)編譯模塊是運(yùn)行時(shí)加載，模塊是編譯時(shí)輸出接口。模塊化開(kāi)發(fā) 優(yōu)點(diǎn) 模塊化開(kāi)發(fā)中，通常一個(gè)文件就是一個(gè)模塊，有自己的作用域，只向外暴露特定的變量和函數(shù)，并且可以按需加載。依賴自動(dòng)加載，按需加載。提高代碼復(fù)用率，方便進(jìn)行代碼的管理，使得代碼管理更加清晰、規(guī)范。減少了命名沖...

shadowbook 2019-08-26 13:40 評(píng)論0 收藏0
前端模塊化詳解

摘要：提倡依賴前置，在定義模塊的時(shí)候就要聲明其依賴的模塊。適用場(chǎng)景按需加載條件加載動(dòng)態(tài)的模塊路徑注關(guān)于模塊化，詳細(xì)見(jiàn)阮一峰的入門模塊與模塊化區(qū)別模塊化的規(guī)范和兩種。模塊化開(kāi)發(fā)方便代碼的管理，提高代碼復(fù)用性，降低代碼耦合，每個(gè)模塊都會(huì)有自己的作用域。當(dāng)前流行的模塊化規(guī)范有CommonJS，AMD，CMD，ES6的import／export CommonJS的主要實(shí)踐者就是nodejs,一般...

zhangfaliang 2019-08-23 17:11 評(píng)論0 收藏0
前端模塊化詳解(完整版)

摘要：二模塊化規(guī)范概述應(yīng)用由模塊組成，采用模塊規(guī)范。模塊化語(yǔ)法命令用于規(guī)定模塊的對(duì)外接口，命令用于輸入其他模塊提供的功能。前言在JavaScript發(fā)展初期就是為了實(shí)現(xiàn)簡(jiǎn)單的頁(yè)面交互邏輯，寥寥數(shù)語(yǔ)即可；如今CPU、瀏覽器性能得到了極大的提升，很多頁(yè)面邏輯遷移到了客戶端（表單驗(yàn)證等），隨著web2.0時(shí)代的到來(lái)，Ajax技術(shù)得到廣泛應(yīng)用，jQuery等前端庫(kù)層出不窮，前端代碼日益膨脹，此時(shí)...

Sanchi 2019-08-02 13:56 評(píng)論0 收藏0