摘要:是一個文件和模塊加載器。除了可以在瀏覽器中使用外,還可以用或等端環境。最新版可以在這里下載。基本用法假設你的工程目錄結構如下首先,將放入目錄。然后,在中引入用來加載。
RequireJS是一個JavaScript文件和模塊加載器。除了可以在瀏覽器中使用外,還可以用Node或Rhino等Server端環境。
最新版可以在這里下載。
基本用法假設你的工程目錄結構如下:
project
index.html
js
- lib - jquery.js - app - sub_app.js - app.js
首先,將requirejs.js放入js/lib目錄。
project
index.html
js
- lib - jquery.js - require.js - app - sub_app.js - app.js
然后,在index.html中引入用來加載require.js。
在app.js中,使用require方法加載其他腳本
requirejs.config({ // 默認從js/lib目錄加載 baseUrl: "js/lib", // 如果模塊ID以app開頭,則從js/app目錄加載 // paths相對于baseUrl設定 // 不要指定".js"后綴,因為paths可以是一個目錄 paths: { app: "../app", jquery: "jquery.min", } }); // app入口 require(["app/sub_app"], function (sub) { sub.hello(); });
在sub_app.js中定義一個module
// define相對于baseUrl設定 define(["jquery"], function ($) { return { log: function (msg) { if (window.console && console.log) { console.log(msg); } else { alert(msg); } }, hello: function () { this.log("Hello, I"m powered by jQuery " + $().jquery + "!"); } }; });
現在,打開瀏覽器的控制臺,應該能看到我們自定義的module成功使用jQuery輸出了下面這句話:
Hello, I"m powered by jQuery 1.8.3!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78560.html
摘要:模塊化工具學習文檔作為一個開發者,原來寫代碼都是流水賬式的,一直想寫出模塊化的,但是前端工具多如牛毛,確都是針對于的打包工具。之中導入對應模塊即可。如果設為,則禁用等待超時。 JS模塊化工具 requirejs 學習文檔 作為一個Java開發者,原來寫js代碼都是流水賬式的,一直想寫出模塊化的js,但是前端工具多如牛毛,確都是針對于nodejs的打包工具。但是我在實際的開發過程中,并沒...
摘要:概述強大靈活的運用是通過配置文件決定的。下面通過示例來進行深度的探討配置文件的使用。配置文件的位置配置文件的位置和聲明用法是相對于這個腳本文件來決定的。配置文件參數的介紹所有模塊的查找根路徑。 概述 Requires強大靈活的運用是通過配置文件決定的。通過配置文件我們可以給模塊取別名、給模塊加上版本標識、設置模塊依賴、包裝非模塊等強大功能。同時RequireJS的優化器也大量使用了配...
摘要:如果有疑惑的地方,歡迎討論,我是初學,希望能切磋和得到指點加載會阻塞頁面加載默認異步加載文件方法一把放到頁面底部加載方法二支持定義全局相對路徑方法一自定義屬性指定網頁程序的主模塊文件定義整個網頁代碼的入口文件的相對位置,以后此文件 如果有疑惑的地方,歡迎討論,我是初學,希望能切磋和得到指點; js加載會阻塞頁面加載: //requirejs默認異步加載js文件; 方法一...
摘要:還記得一年半前轉向后端的那種無助的感覺,獨自一人摸黑走路,學習各種前端知識,走了不少彎路,現在終于算是入門了前端我相信不少人也有我當時同樣的無助,所以我在空閑時間整理了下所用到的知識,便編寫了一個手腳架,希望能給其他正學習前端的同學一些參考 還記得一年半前轉向后端的那種無助的感覺,獨自一人摸黑走路,學習各種前端知識,走了不少彎路,現在終于算是入門了前端~我相信不少人也有我當時同樣的無助...
摘要:最近一段時間在學習,由于覺得直接使用它需要加載很多的文件,因此想使用來實現異步加載,并動態注入控制器。手動啟動,特別說明此處的不是那個框架,而是的一個手動啟動框架的函數中完成了各模塊的初始化,并且引入了。 最近一段時間在學習angularjs,由于覺得直接使用它需要加載很多的js文件,因此想使用requirejs來實現異步加載,并動態注入控制器。簡單搜索了下發現好多教程寫的都很復雜,所...
閱讀 6908·2021-09-22 15:36
閱讀 5702·2021-09-02 10:20
閱讀 1878·2019-08-30 15:44
閱讀 2659·2019-08-29 14:06
閱讀 1162·2019-08-29 11:17
閱讀 1609·2019-08-26 14:05
閱讀 3102·2019-08-26 13:50
閱讀 1559·2019-08-26 10:26