require.js 初探
/*
引入優先級
命名沖突
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 初探