1. 程式人生 > >require.js 初探

require.js 初探

commonjs 地址 文件引入 node 需要 UNC 加載模塊 進行 所有

/*

引入優先級

命名沖突


a.js
var a = 10;
var b = 10;

b.js
alert(a)
var b = 30;


先入b 在引入a

模塊加載
模塊:功能

輪播圖 模塊 在面向對象的輪播圖當中 屬性和方法都是在局部進行書寫的


requireJS:
模塊加載器 加載js 會把js裏面的每一個功能都當做一個模塊 可以減少各個模塊之間的依賴

模塊化開發
requireJS seaJS commonJS ES6 module
玉伯 NOdejs的規範 ES6新增的模塊化

廢除掉了

require遵循的規範:
AMD規範 依賴前置 定義模塊的時候define定義

seaJS遵循的一個規範
CMD規範 依賴就近


COMMON遵循的規範
COMMONJS規範 引入require引入


ES6 module
引入import 導出的時候 exports

1、總結
什麽require:
模塊化加載器

解決的問題
1、文件引入的優先級

2、命名的沖突

3、加載的速度


2、對require的認識
遵循AMD規範 AMD的規範是依賴前置 意思就是提前加載模塊 采用的是異步加載的方式
定義模塊的時候用define進行定義


通過一個入口文件將所有的js進行提前加載


app.js
入口文件 require文件 config文件必須在同一目錄

3、requireJS使用的步驟

1、引入requireJS

2、加載入口文件(異步加載的文件) data-main="入口文件地址" 後綴不需要加js
defer async="true" 異步加載文件

3、配置config文件
baseUrl:公共的路徑
paths:
模塊所對應的路徑

4、app.js中引入config
require(["config"],function(){
require(["模塊A","模塊B"],function(模塊A,模塊B){

})
})

5、定義模塊
用define進行定義
導出 return導出一個對象
*/
</script>

require.js 初探