初學RequireJS

cheng10 發布于2019-08-19 18:01 / 1039人閱讀

摘要：本文以初學身份對比和來說明前者的優點，若使用其它庫，可以眼動將替換為你所用的庫模塊化，實現某一功能的方法獨立化，使其可以復用這一高大上的名詞，按我的理解，和插件的功能一樣那為什么需要學習呢，是將定義為全局變量，在腳本的任何地方都能調用中的方

本文以初學身份對比RequireJS和jQuery來說明前者的優點，若使用其它庫，可以“眼動”將jQuery替換為你所用的js庫；

“模塊化”，實現某一功能的方法獨立化，使其可以復用；這一高大上的名詞，按我的理解，和jQurey插件的功能一樣；那為什么需要學習RequireJS呢？

jQuery，是將jQuery定義為全局變量，在腳本的任何地方都能調用jQuery中的方法；

對比于jQuery，RequireJS的優點就是，可以將各依賴關系（依賴關系---js庫，指你需要引用這個庫才能做其他功能）聲明，并將各個依賴關系作為函數參數處理，即可以把jQuery等js庫的作用域定義為局部(函數內部)；

RequireJS是為實現模塊化存在的，其核心功能有兩個：定義模塊define()和調用模塊require()；

定義模塊define()，建一個功能庫：

//推薦一個模塊為一個多帶帶的js文件；
無依賴關系的模塊：

define({
name1:"value1",
name2:"value2"
})

無依賴關系，但需要處理一些初始化任務：

define(function(){

})

有依賴關系的模塊：

define("module name",[],function(){

//第一個參數為模塊名稱，可選項--不建議命名；
//[]表示依賴關系的數組列表；
//function(){}回調函數，當指定模塊都加載成功后被調用；
//加載的模塊以參數形式傳入該函數中，從而在回調函數內部就可以使用這么模塊；
//參數和模塊的數量和次序要一一對應;
//或者通過arguments[]來調用依賴；
//
//require()加載這個模塊之前會先加載依賴關系；
//模塊應該返回一個本模塊/函數 return {
// 屬性名：值,
// 方法名：function(){}
//模塊名默認為腳本文件名；
//}

})

調用模塊require():

require([],function(){

//[]表示依賴關系的數組列表；
//function(){}回調函數，當指定模塊都加載成功后被調用；
//加載的模塊以參數形式傳入該函數中，從而在回調函數內部就可以使用這個模塊的屬性或方法；
//參數和模塊的數量和次序要一一對應;
//或者通過arguments[]來調用依賴；

})

云服務器 GPU云服務器 Requirejs requirejs例子 RequireJS入門 requirejs使用

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79104.html

RequireJS學習筆記

摘要：如果有疑惑的地方，歡迎討論，我是初學，希望能切磋和得到指點加載會阻塞頁面加載默認異步加載文件方法一把放到頁面底部加載方法二支持定義全局相對路徑方法一自定義屬性指定網頁程序的主模塊文件定義整個網頁代碼的入口文件的相對位置，以后此文件如果有疑惑的地方，歡迎討論，我是初學，希望能切磋和得到指點； js加載會阻塞頁面加載： //requirejs默認異步加載js文件；方法一...

hersion 2019-08-19 18:01 評論0 收藏0
前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
jQuery Boilerplate——流行的jQuery插件開發模板

摘要：這里也提供了幾種不同模式的組件開發方式，你可以選擇一個適合你的使用輕量級基礎模式為初學者提供的一個簡單通用的基礎模板，包括基礎的默認對象簡單的構造函數默認參數和傳遞參數的合并以及防止對象多次實例化的構造函數的簡單封裝。在初次進行jquery插件開發時，我們往往無從下手，當然我們可以按照jquery官方提供的格式進行簡單的插件開發，但是很多時候往往不盡完美，一不小心，就造出一個很...

ztyzz 2019-08-21 12:23 評論0 收藏0
RequireJS:一款優秀的AMD模塊加載器

摘要：概述是一款遵循規范協議的模塊加載器，不但能在瀏覽器端充分利用，同樣能在其他的運行時環境，比如和。使用像這樣的模塊加載器能提高代碼的質量和開發速度。一般放在頁面的入口出，用來加載其他的模塊。 RequireJS概述 RequireJS是一款遵循AMD規范協議的JavaScript模塊加載器，不但能在瀏覽器端充分利用，同樣能在其他的JavaScript運行時環境，比如Rhino和No...

syoya 2019-08-21 10:21 評論0 收藏0
seajs和requirejs的那些事兒

摘要：遵循的是異步模塊定義規范，遵循的是通用模塊定義規范。規范的不同，導致了兩者的不同。在嘗試讓第三方類庫修改自身來支持，目前只有少數社區采納。是沒有明顯的，是明顯沒有。無這方面的支持。發布之后發現存在一個顯示的問題，大家可以移步到我的簡書參考，謝謝大家！！！我的簡書《seajs和requirejs技術指導文檔》昨天到今天，老衲翻閱數十篇技術文檔，為了搞明白seajs（CMD）和 req...

zorpan 2019-08-22 10:44 評論0 收藏0