RequireJS 依賴關(guān)系的實(shí)例(推薦)
更新時(shí)間：2017年01月21日 09:32:27 投稿：jingxian
下面小編就為大家?guī)硪黄猂equireJS 依賴關(guān)系的實(shí)例(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
現(xiàn)在看看RequireJS帶來的整潔的特點(diǎn)：
下面有個(gè)html頁面：
<html> <head> <title>configuration</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link type="text/css" href="../master/plugin/artDialog4.1.6/skins/blue.css" rel="stylesheet"/> <script data-main="../master/script/app/config" src="../master/script/third_party/require.js"></script> </head>
最有一個(gè)script語句引入了require.js文件，并且在data-main中指定了另一個(gè)js文件：config.js，我定義如下：
require.config({
paths: {
"jquery": "../third_party/jquery-1.8.0.min",
"jquery.validate": "../../plugin/jquery-validation-1.9.0/jquery.validate",
"jquery.artDialog": "../../plugin/artDialog4.1.6/jquery.artDialog"
}
});
require(["jquery"], function(util) {
require(["jquery.validate", "jquery.artDialog"], function(util) {
require(["masterUI", "masterSite", "configuration"], function(util) {
$(document).ready(function() {
window.configuration.init();
})
});
});
});
require.config中配置了引入的第三方的js庫的js文件所在位置，包括jquery, jquery.validate和jquery.artDialog
之后三個(gè)require調(diào)用，一層套一層，注意依賴順序就是內(nèi)層依賴外層。最先要被加載的就寫到最外層。
最里面寫了一個(gè)調(diào)用，$(document).ready(...) 本來一般寫在html頁面里面來的，這樣好了。又和html解耦了。
以上這篇RequireJS 依賴關(guān)系的實(shí)例(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
AngularJS中的包含詳細(xì)介紹及實(shí)現(xiàn)示例
本文主要介紹AngularJS 包含,這里對(duì)相關(guān)資料做了詳細(xì)整理,并附代碼實(shí)例和效果圖,有需要的朋友可以看一下2016-07-07
對(duì)比分析AngularJS中的$http.post與jQuery.post的區(qū)別
這篇文章主要給大家對(duì)比分析AngularJS中的$http.post與jQuery.post的區(qū)別，十分的詳細(xì)，是篇非常不錯(cuò)的文章，這里推薦給小伙伴們。2015-02-02
angularJs使用$watch和$filter過濾器制作搜索篩選實(shí)例
本篇文章主要介紹了angularJs使用$watch和$filter過濾器制作搜索篩選實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
AngularJS中的Module類負(fù)責(zé)定義應(yīng)用如何啟動(dòng)，它還可以通過聲明的方式定義應(yīng)用中的各個(gè)片段。我們來看看它是如何實(shí)現(xiàn)這些功能的2015-12-12
這篇文章主要介紹了Angular中支持SCSS的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
下面小編就為大家?guī)硪黄狝ngularJS中的指令全面解析(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
本文主要介紹了Angular的結(jié)構(gòu)性指令模塊和樣式，對(duì)此感興趣的同學(xué)，可以參考下。2021-05-05
下面小編就為大家?guī)硪黄狽odeJs——入門必看攻略。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
本篇文章主要介紹了解決AngualrJS頁面刷新導(dǎo)致異常顯示問題的方法。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
angular6.0使用教程之父組件通過url傳遞id給子組件的方法
這篇文章主要介紹了angular6.0使用教程之父組件通過url傳遞id給子組件的方法,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06