RequireJS基礎知識

2022-04-16 02:49:15 字數 1417 閱讀 5587

requirejs的目標是鼓勵**的模組化，它使用了不同於傳統這裡的mian是指令碼的入口，相當於c語言的main()主函式, 所有的模組都要集中在這裡被解析. 預設載入的都是js檔案,所以就不用加.js

之前我們引用js**就會是這樣, 依賴順序不能顛倒, 這樣就非常麻煩,

//and規範的寫法


require(['依賴一', '依賴二', '依賴三'], function(依賴一的別名, 依賴三的別名, 依賴三的別名))
require很好的解決了這個**依賴的問題,它採用amd(非同步模組載入)規範載入指令碼檔案.

比如:

require(['jquery', 'underscore', 'bankbone'], function($, _, backbone) )
有的模組肯定是不符合amd規範的,那麼我們就需要配置一下,shim屬性就是配置不符合amd規範的**的,require.config()引數是乙個物件,寫在頁面的最頂部.

require.config(


shim: 


}})
define(['依賴'], function(依賴別名) )
define(function(a, b) 


return add


});//這樣寫只能返回乙個方法


//在main.js裡用該模組的名字(a,b)呼叫
還可以用下面的方法寫

define(function(a, b) 


var x = function(a, b) 


return 


});//這樣寫只能返回多個方法


//在main.js裡用該模組的名字.add(a,b)或者模組名字.x(a,b)呼叫
bower install r.js
在build.js的檔案目錄下執行node r.js -o build.js

構建完後會有乙個main-built.js檔案

這裡有一篇詳細介紹打包的文章

(,


],　　fileexclusionregexp: /^(r|build)\.js|.*\.scss$/,　　 //正則匹配過濾檔案，匹配到的檔案將不會被輸出到輸出目錄去，這裡過濾掉的是 r.js、build.js、*.scss三類檔案


optimizecss: 'standard',


removecombined: true, //如果為true，優化器將從輸出目錄中刪除已合併的檔案


paths: ,


shim:,


"backbone": ,


} })

requireJS入門基礎

參考 require.js詳解 1.引用requirejs的html檔案 第7行,使用和約定的屬性data main和src引入require.js模組,所有的require配置在這裡寫在目錄js下的main.js,即require物件會到目錄js下尋找main.js檔案,require物件約定js...

C 基礎知識整理 基礎知識（2） 類

類，是物件導向語言的基礎。類的三大特性 封裝 繼承 多型。最基本的特性就是封裝性。程式設計師用程式描述世界，將世界的所有事物都看成物件，怎麼描述這個物件？那就是類了。也就是用類來封裝物件。用書上的話說，類是具有相同屬性和行為的物件的抽象。寶馬汽車 別克汽車 五菱之光汽車.基本具有相同的屬性和行為，所...

C 基礎知識整理 基礎知識（2） 類

類，是物件導向語言的基礎。類的三大特性 封裝 繼承 多型。最基本的特性就是封裝性。程式設計師用程式描述世界，將世界的所有事物都看成物件，怎麼描述這個物件？那就是類了。也就是用類來封裝物件。用書上的話說，類是具有相同屬性和行為的物件的抽象。寶馬汽車 別克汽車 五菱之光汽車.基本具有相同的屬性和行為，所...