對(duì)requirejs的簡(jiǎn)單整理

FreeZinG 發(fā)布于2019-08-21 17:59 / 1315人閱讀

摘要：是的一個(gè)文件和模塊加載器兼容和標(biāo)準(zhǔn)瀏覽器模塊化開發(fā)可以重復(fù)調(diào)用，相對(duì)獨(dú)立動(dòng)態(tài)加載文件主文件入口文件入口文件依賴的文件模塊依賴的文件源于源于異步模塊定義通用模塊定義對(duì)于依賴模塊，提前執(zhí)行對(duì)于依賴模塊，延遲執(zhí)行推崇依賴前置推崇依賴就近注在從

requirejs

是js的一個(gè)文件和模塊加載器
兼容IE6+和標(biāo)準(zhǔn)瀏覽器
模塊化開發(fā)：可以重復(fù)調(diào)用，相對(duì)獨(dú)立
動(dòng)態(tài)加載js文件

主文件


//data-main 入口文件

入口文件

require([],function(){})
//[] 依賴的js文件

模塊[]

define([],function(){
    ......
    
    return ...;
})
//[] 依賴的js文件

AMD/CMD

AMD	CMD
源于requirejs	源于seajs
異步模塊定義(asynchronization module define)	通用模塊定義（common module define）
對(duì)于依賴模塊，提前執(zhí)行	對(duì)于依賴模塊，延遲執(zhí)行
推崇依賴前置	推崇依賴就近

注：在requirejs從2.0開始，也改成延遲執(zhí)行（根據(jù)寫法不同，處理方式不同）

js文件的加載順序

正常加載：解析HTML文件——>下載js文件——>執(zhí)行js文件——>接著執(zhí)行HTML文件
問題：若js文件過大，下載過程過長(zhǎng)，則HTML文件會(huì)卡在那里
async：一邊渲染HTML文件，一邊下載js文件——>執(zhí)行js文件——>接著執(zhí)行HTML文件
問題：若多個(gè)js文件，不能確保js文件的執(zhí)行順序
defer：一邊渲染HTML文件，一邊下載js文件，等到HTML都執(zhí)行完——>執(zhí)行js文件

注：async和defer都是解決js的異步加載問題；async是W3C在HTML5中提出的；defer是早期IE提出的；都不能用document.write

云服務(wù)器 GPU云服務(wù)器免費(fèi)的數(shù)據(jù)整理軟件數(shù)據(jù)的整理與展示數(shù)據(jù)的整理與分析服務(wù)器數(shù)據(jù)整理的意義

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

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

相關(guān)文章

HTML&&CSS基礎(chǔ)知識(shí)點(diǎn)整理

摘要：并減少對(duì)樣式的請(qǐng)求。缺點(diǎn)暴露了模塊成員，外部可以修改模塊內(nèi)部狀態(tài)。所有依賴這個(gè)模塊的語(yǔ)句，都定義在一個(gè)回調(diào)函數(shù)中，等到加載完成之后，這個(gè)回調(diào)函數(shù)才會(huì)運(yùn)行。 HTML&&CSS基礎(chǔ)知識(shí)點(diǎn)整理一、WEB標(biāo)準(zhǔn)：一系列標(biāo)準(zhǔn)的集合 1. 結(jié)構(gòu)（Structure）：html 語(yǔ)言：XHTML[可擴(kuò)展超文本標(biāo)識(shí)語(yǔ)言]和XML[可擴(kuò)展標(biāo)記語(yǔ)言] 2. 表現(xiàn)（Preasentation）:css...

Jeff 2019-08-02 11:38 評(píng)論0 收藏0
HTML&&CSS基礎(chǔ)知識(shí)點(diǎn)整理

摘要：并減少對(duì)樣式的請(qǐng)求。缺點(diǎn)暴露了模塊成員，外部可以修改模塊內(nèi)部狀態(tài)。所有依賴這個(gè)模塊的語(yǔ)句，都定義在一個(gè)回調(diào)函數(shù)中，等到加載完成之后，這個(gè)回調(diào)函數(shù)才會(huì)運(yùn)行。 HTML&&CSS基礎(chǔ)知識(shí)點(diǎn)整理一、WEB標(biāo)準(zhǔn)：一系列標(biāo)準(zhǔn)的集合 1. 結(jié)構(gòu)（Structure）：html 語(yǔ)言：XHTML[可擴(kuò)展超文本標(biāo)識(shí)語(yǔ)言]和XML[可擴(kuò)展標(biāo)記語(yǔ)言] 2. 表現(xiàn)（Preasentation）:css...

lindroid 2019-08-30 15:54 評(píng)論0 收藏0
JS學(xué)習(xí)筆記 - 模塊化

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

CntChen 2019-08-22 10:57 評(píng)論0 收藏0
JavaScript模塊化發(fā)展

摘要：所有依賴這個(gè)模塊的語(yǔ)句，都定義在一個(gè)回調(diào)函數(shù)中，等到所有依賴加載完成之后前置依賴，這個(gè)回調(diào)函數(shù)才會(huì)運(yùn)行。如果將前面的代碼改寫成形式，就是下面這樣定義了一個(gè)文件，該文件依賴模塊，當(dāng)模塊加載完畢之后執(zhí)行回調(diào)函數(shù)，這里并沒有暴露任何變量。模塊化是我們?nèi)粘ｉ_發(fā)都要用到的基本技能，使用簡(jiǎn)單且方便，但是很少人能說出來但是的原因及發(fā)展過程。現(xiàn)在通過對(duì)比不同時(shí)期的js的發(fā)展，將JavaScript模...

mengbo 2019-08-22 18:05 評(píng)論0 收藏0
requirejs模塊化編程：前端模塊化編程指南

摘要：好棒，應(yīng)該可以滿足絕大部分公司的變態(tài)需求了額。。可以在回調(diào)函數(shù)中調(diào)用其方法。。等下會(huì)大幅度減少滴。。。。百度搜索到官網(wǎng)點(diǎn)擊下載對(duì)應(yīng)著自己電腦的版本。。可最后的請(qǐng)求是這樣的由此可見，。序言 -# 公司大了，業(yè)務(wù)多了，前端代碼量也逐漸增大，我們漸漸的依賴js實(shí)現(xiàn)的交互越來越多，長(zhǎng)期以來會(huì)導(dǎo)致我們的代碼維護(hù)越來越困難，所以依賴的插件也越來越多。。比如這樣頁(yè)面中有大量的js外鏈引入。。 ...

harryhappy 2019-08-21 10:38 評(píng)論0 收藏0