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

 

一、總結
什麼require:
模塊化加載器

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

二、命名的衝突

三、加載的速度

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

經過一個入口文件將全部的js進行提早加載

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

三、requireJS使用的步驟

一、引入requireJS

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

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

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

})
})

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