使用CommonJS，AMD以及CMD編寫模塊化JavaScripts

nifhlheimr 發(fā)布于2019-08-22 10:34 / 1812人閱讀

摘要：模塊化編程首先，我想說說模塊化編程這個(gè)概念當(dāng)我不清楚這個(gè)概念的時(shí)候，其實(shí)說什么模塊化編程多好多好都是懵逼的而我一直不覺得有多好，其實(shí)也是因?yàn)槲覐拈_始寫，就一直都在模塊化編程啊我們寫一個(gè)文件然后我們?cè)谖募幸肴缓笳{(diào)用方法哈哈這樣已經(jīng)是模塊化

模塊化編程

首先，我想說說模塊化編程這個(gè)概念
當(dāng)我不清楚這個(gè)概念的時(shí)候，其實(shí)說什么模塊化編程多好多好都是懵逼的
而我一直不覺得有多好，其實(shí)也是因?yàn)槲覐拈_始寫js，就一直都在模塊化編程啊

//我們寫一個(gè)文件check.js

function check(){
    return true;
}

//然后我們?cè)趆tml文件中引入

這樣已經(jīng)是模塊化編程了
其實(shí)我今天要探討的并不是如何模塊化編程
因?yàn)榛蚨嗷蛏傥覀兌际窃谀K化編程
但想要把一個(gè)項(xiàng)目
用模塊化編程的思想去處理
讓它變得易擴(kuò)展易維護(hù)
需要長(zhǎng)期的撲街爬起撲街爬起

今天想講的其實(shí)應(yīng)該是如何更有效的處理劃分引入js文件

CommonJS

像上述最原始的模塊化編程引入的方法
我們可以看到會(huì)有多行

云服務(wù)器 GPU云服務(wù)器 amd_cmd區(qū)別 amd模塊加載異步模塊加載機(jī)制-amd 亞馬遜云服務(wù)器租用以及使用

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/90842.html

下一篇：利用Vue.js實(shí)現(xiàn)拼圖游戲

相關(guān)文章

關(guān)于JavaScript模塊規(guī)范之CommonJSAMDCMD

摘要：所有依賴這個(gè)模塊的語(yǔ)句，都定義在一個(gè)回調(diào)函數(shù)中，等到加載完成之后，這個(gè)回調(diào)函數(shù)才會(huì)運(yùn)行。也采用語(yǔ)句加載模塊，但是不同于，它要求兩個(gè)參數(shù)第一個(gè)參數(shù)，是一個(gè)數(shù)組，里面的成員就是要加載的模塊第二個(gè)參數(shù)，則是加載成功之后的回調(diào)函數(shù)。本篇文章來自對(duì)文章《js模塊化編程之徹底弄懂CommonJS和AMD/CMD！》的總結(jié)，大部分摘自文章原話，本人只是為了學(xué)習(xí)方便做的筆記，之后有新的體會(huì)會(huì)及時(shí)補(bǔ)充...

binaryTree 2019-08-26 13:22 評(píng)論0 收藏0
淺談 JavaScript 模塊化編程

摘要：與在模塊化編程的世界中，有兩個(gè)規(guī)范不得不提，它們分別是和。所有依賴于某個(gè)模塊的代碼全部移到模塊加載語(yǔ)句的回調(diào)函數(shù)中去。的語(yǔ)句接受兩個(gè)參數(shù)在回調(diào)函數(shù)中，可以通過變量引用模塊。回調(diào)函數(shù)的返回值就是當(dāng)前對(duì)象的導(dǎo)出值。 JavaScript本身不是一種模塊化語(yǔ)言，設(shè)計(jì)者在創(chuàng)造JavaScript之初應(yīng)該也沒有想到這么一個(gè)腳本語(yǔ)言的作用領(lǐng)域會(huì)越來越大。以前一個(gè)頁(yè)面的JS代碼再多也不會(huì)多到哪兒去，...

wdzgege 2019-08-21 12:17 評(píng)論0 收藏0
模仿RequireJs的用法實(shí)現(xiàn)一個(gè)低配版的模塊加載器

摘要：我想自己可以嘗試一下寫一個(gè)低配版的模塊加載器來應(yīng)付一下我這個(gè)單頁(yè)網(wǎng)站，當(dāng)然只是大致模仿了主要功能。是這樣處理的模塊依賴，同時(shí)依賴，這種情況下的模塊函數(shù)被調(diào)用時(shí)，被傳入的是，所以需要自己在里面手動(dòng)一下。 Contents 前言回顧RequireJs的基本用法實(shí)現(xiàn)原理使用方法總結(jié) 前言前段時(shí)間一直想用單頁(yè)開發(fā)技術(shù)寫一個(gè)自己的個(gè)人網(wǎng)站(使用es2015)，寫了一部分之后，發(fā)現(xiàn)單...

WalkerXu 2019-08-22 13:48 評(píng)論0 收藏0
JS學(xué)習(xí)筆記 - 模塊化

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

CntChen 2019-08-22 10:57 評(píng)論0 收藏0
談?wù)凧s前端模塊化規(guī)范

摘要：依賴全部加載完成后，調(diào)用回調(diào)函數(shù)規(guī)范異步加載模塊規(guī)范和很相似，簡(jiǎn)單，并與和的規(guī)范保持了很大的兼容性在規(guī)范中，一個(gè)模塊就是一個(gè)文件。拋出問題：在開發(fā)中在導(dǎo)入模塊時(shí)經(jīng)常使用require和import；導(dǎo)出模塊時(shí)使用module.exports/exports或者export/export default; 有時(shí)候?yàn)榱艘靡粋€(gè)模塊會(huì)使用require奇怪的是也可以使用import？...

Steve_Wang_ 2019-08-29 16:22 評(píng)論0 收藏0