這篇文章主要介紹了使用RequireJS優化JavaScript引用代碼的方法,RequireJS是一款人氣JS庫,需要的朋友可以參考下
RequireJS是一個提高你的javascript代碼速度和質量的有效方法,同時它還讓你的代碼更容易閱讀和維護。
在本文中,我會為你介紹RequireJS和應該如何使用它。我們討論引入文件和定義模塊,甚至還會接觸優化方面的知識。
簡單的說,require.js是一個腳本載入程序,允許你把你的javascript代碼獨立成文件和模塊,同時管理每個模塊間的依賴關系。
引入文件
在開始使用RequireJS前,我們需要先下載它的庫和Asynchronous Module Definition(AMD)文件。然后在文檔頭部鏈接到require.js文件,就如:
?
1 2 <script src="require.js" data-main="main"></script>你可能會問data-main屬性是什么,使用RequireJS意味著當你在文檔的頭部調用require的時候,你同時也會鏈接到你的javascript應用的主文件,在這個例子里面就是main.js(請注意,RequireJS自動添加.js后綴到文件名的后面)
在main.js文件里面,需要為RequireJS做配置,載入模塊和定義一個base路徑,以便在引入文件時使用。
Require函數
RequireJS使用一個簡單的require函數去導入腳本,在這個例子里面,RequireJS導入的是JQuery:
?
1 2 3 require(["jquery"], function($) { $(‘#mydiv”).html(‘Hello this is RequireJS talking”); });新聞熱點
疑難解答