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