摘要:如果是對象,此對象應該為模塊的輸出值在頁面上使用函數加載模塊函數接受兩個參數第一個參數是一個數組,表示所依賴的模塊第二個參數是一個回調函數,當前面指定的模塊都加載成功后,它將被調用。
個人總結:AMD規范主要是解決各個模塊之間的依賴關系,可以順序的加載js模塊,但是卻是異步加載,不會影響頁面的css和html標簽的加載。
AMD 即Asynchronous Module Definition,中文名是異步模塊定義的意思。它是一個在瀏覽器端模塊化開發的規范
由于不是JavaScript原生支持,使用AMD規范進行頁面開發需要用到對應的庫函數,也就是大名鼎鼎RequireJS,實際上AMD 是 RequireJS 在推廣過程中對模塊定義的規范化的產出
requireJS主要解決兩個問題
多個js文件可能有依賴關系,被依賴的文件需要早于依賴它的文件加載到瀏覽器
js加載的時候瀏覽器會停止頁面渲染,加載文件越多,頁面失去響應時間越長
看一個使用requireJS的例子
// 定義模塊 myModule.js
define(["dependency"], function(){ var name = "Byron"; function printName(){ console.log(name); } return { printName: printName }; }); // 加載模塊 require(["myModule"], function (my){ my.printName(); });
語法
requireJS定義了一個函數 define,它是全局變量,用來定義模塊
define(id?, dependencies?, factory);
id:可選參數,用來定義模塊的標識,如果沒有提供該參數,腳本文件名(去掉拓展名)
dependencies:是一個當前模塊依賴的模塊名稱數組
factory:工廠方法,模塊初始化要執行的函數或對象。如果為函數,它應該只被執行一次。如果是對象,此對象應該為模塊的輸出值
在頁面上使用require函數加載模塊
require([dependencies], function(){});
require()函數接受兩個參數
第一個參數是一個數組,表示所依賴的模塊
第二個參數是一個回調函數,當前面指定的模塊都加載成功后,它將被調用。加載的模塊會以參數形式傳入該函數,從而在回調函數內部就可以使用這些模塊
require()函數在加載依賴的函數的時候是異步加載的,這樣瀏覽器不會失去響應,它指定的回調函數,只有前面的模塊都加載成功后,才會運行,解決了依賴性的問題。
推薦文章:http://www.cnblogs.com/dolphinX/p/4381855.html
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79950.html
摘要:從到完美,寫一個庫庫前端組件庫之前講了很多關于項目工程化前端架構前端構建等方面的技術,這次說說怎么寫一個完美的第三方庫。使用導出模塊,就可以在使用這個庫的項目中構建時使用功能。 從 1 到完美,寫一個 js 庫、node 庫、前端組件庫 之前講了很多關于項目工程化、前端架構、前端構建等方面的技術,這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規范來寫代碼 js 模塊化的發展大致有...
摘要:從到完美,寫一個庫庫前端組件庫之前講了很多關于項目工程化前端架構前端構建等方面的技術,這次說說怎么寫一個完美的第三方庫。使用導出模塊,就可以在使用這個庫的項目中構建時使用功能。 從 1 到完美,寫一個 js 庫、node 庫、前端組件庫 之前講了很多關于項目工程化、前端架構、前端構建等方面的技術,這次說說怎么寫一個完美的第三方庫。 1. 選擇合適的規范來寫代碼 js 模塊化的發展大致有...
摘要:是另一種模塊化方案,它與很類似,不同點在于推崇依賴前置提前執行,推崇依賴就近延遲執行。 commonJS規范 隨著前端技術的不斷發展,項目越來越大,越來越不好管理,多人開發越來讓開發者頭疼,于是出現了命名空間,這沒有辦法的辦法,但是所有變量都是全局的話,管理非常混亂,而且在Node 出現前,javascript 在服務器端基本沒有市場,經過javascript 不斷努力,社區為 jav...
摘要:參考資料前端模塊化詳解完整版入門近一萬字的語法知識點補充徹底搞清楚中的和和詳解 前言 前端的模塊化之路經歷了漫長的過程,想詳細了解的小伙伴可以看浪里行舟大神寫的前端模塊化詳解(完整版),這里根據幾位大佬們寫的文章,將模塊化規范部分做了匯總和整理,希望讀完的小伙伴能有些收獲,也希望覺得有用的小伙伴可以點個贊,筆芯。 什么是模塊 將一個復雜的程序依據一定的規則(規范)封裝成幾個塊(文件)...
閱讀 1963·2021-10-25 09:48
閱讀 2782·2021-09-22 14:59
閱讀 1755·2019-08-29 16:52
閱讀 854·2019-08-29 16:07
閱讀 2298·2019-08-29 12:38
閱讀 1751·2019-08-26 13:23
閱讀 875·2019-08-26 11:49
閱讀 3264·2019-08-26 10:56