国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript的RequireJS庫入門指南

2019-11-20 12:07:49
字體:
來源:轉載
供稿:網友

 簡介

如今最常用的JavaScript庫之一是RequireJS。最近我參與的每個項目,都用到了RequireJS,或者是我向它們推薦了增加RequireJS。在這篇文章中,我將描述RequireJS是什么,以及它的一些基礎場景。
異步模塊定義(AMD)

談起RequireJS,你無法繞過提及JavaScript模塊是什么,以及AMD是什么。

JavaScript模塊只是遵循SRP(Single Responsibility Principle單一職責原則)的代碼段,它暴露了一個公開的API。在現今JavaScript開發中,你可以在模塊中封裝許多功能,而且在大多數項目中,每個模塊都有其自己的文件。這使得JavaScript開發者日子有點難過,因為它們需要持續不斷的關注模塊之間的依賴性,按照一個特定的順序加載這些模塊,否則運行時將會放生錯誤。

當你要加載JavaScript模塊時,就會使用script標簽。為了加載依賴的模塊,你就要先加載被依賴的,之后再加載依賴的。使用script標簽時,你需要按照此特定順序安排它們的加載,而且腳本的加載是同步的。可以使用async和defer關鍵字使得加載異步,但可能因此在加載過程中丟失加載的順序。另一個選擇是將所有的腳本捆綁打包在一起,但在捆綁的時候你仍然需要把它們按照正確的順序排序。

AMD就是這樣一種對模塊的定義,使模塊和它的依賴可以被異步的加載,但又按照正確的順序。

201571114812111.png (398×342)

 CommonJS, 是對通用的JavaScript模式的標準化嘗試,它包含有 AMD 定義 ,我建議你在繼續本文之前先讀一下。在ECMAScript 6這個下一版本JavaScript 規范中,有關于輸出,輸入以及模塊的規范定義,這些將成為JavaScript語言的一部分,而且這不會太久。這也是關于RequireJS我們想說的東西。

RequireJS?

RequireJS是一個Javascript 文件和模塊框架,可以從 http://requirejs.org/下載,如果你使用Visual Studio也可以通過Nuget獲取。它支持瀏覽器和像node.js之類的服務器環境。使用RequireJS,你可以順序讀取僅需要相關依賴模塊。

RequireJS所做的是,在你使用script標簽加載你所定義的依賴時,將這些依賴通過head.appendChild()函數來加載他們。當依賴加載以后,RequireJS計算出模塊定義的順序,并按正確的順序進行調用。這意味著你需要做的僅僅是使用一個“根”來讀取你需要的所有功能,然后剩下的事情只需要交給RequireJS就行了。為了正確的使用這些功能,你定義的所有模塊都需要使用RequireJS的API,否者它不會像期望的那樣工作。

RequireJS API 存在于RequireJS載入時創建的命名空間requirejs下。其主要API主要是下面三個函數:

  1.     define 主站蜘蛛池模板: 淅川县| 娱乐| 眉山市| 梓潼县| 泊头市| 南丰县| 赤水市| 古丈县| 池州市| 通化县| 泊头市| 米易县| 和政县| 宜章县| 壶关县| 高雄县| 门头沟区| 许昌县| 通化市| 新沂市| 威海市| 江门市| 九龙坡区| 武城县| 青阳县| 晋中市| 永兴县| 任丘市| 上林县| 克山县| 达日县| 开平市| 深水埗区| 海林市| 汉阴县| 新津县| 汝阳县| 天门市| 昌黎县| 海兴县| 平南县|