對requirejs的簡單整理

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

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

requirejs

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

主文件


//data-main 入口文件

入口文件

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

模塊[]

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

AMD/CMD

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

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

js文件的加載順序

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/90301.html

相關(guān)文章

HTML&&CSS基礎(chǔ)知識點整理

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

Jeff 2019-08-02 11:38 評論0 收藏0
HTML&&CSS基礎(chǔ)知識點整理

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

lindroid 2019-08-30 15:54 評論0 收藏0
JS學習筆記 - 模塊化

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

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

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

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

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

harryhappy 2019-08-21 10:38 評論0 收藏0