【模塊化】 RequireJS入門教程總結與推薦

之因此學習RequireJS，確定對 模塊化有必定的理解。這裏有幾篇學習 RequireJS的文章，推薦給你們去學習。

1. Javascript模塊化編程（一）：模塊的寫法
2. Javascript模塊化編程（二）：AMD規範
3. Javascript模塊化編程（三）：require.js的用法 【require的使用，paths，baseUrl，shim 以及 deps，exports】
4. ~~~~~~~~~~~~~上面這三篇是阮一峯老師的文章，【簡單易懂】~~~~~~~~~~~~~~~~
5. 可是對 requirejs 講的內容，感受少了點東西
6. 快速理解RequireJs 【看後面做者遇到的坑，以及 shim 中的 init 方法】

---

總結：【只須要了解幾個屬性就能夠用起來啦】【源碼】github 源碼

1. 參數1：依賴的模塊，數組形式， 

   參數2：回調函數，參數：跟每一個 依賴模塊exports的對象順序是一致的

   require(['module1','module2'],function(){
   //TODO:
   })

require.config({
     baseUrl:'  ' ,
     paths:{  ' jquery' : 'lib/jquery'  },
     shim:{     }
})

1. 什麼叫AMD規範，如何編寫AMD規範的腳本
   1. define([依賴的模塊],function(){
          //TODO: 本身想寫的方法，或者屬性，可是要對外輸出，則須要有一個 return, return 出來的，其餘模塊能夠拿來用
      })

---

詳細：【相對詳細一點，哈】

學習了上面的幾篇文章以後，嘗試作了一個實踐了一下，來理解如何使用RequireJS，其實真的不難。

1. RequireJS是基於AMD來實現的
   1. 什麼事AMD，是什麼CommonJS？
   2. CommonJS 【針對服務端】
      1. Node做爲一個服務端語言，若是沒有模塊化的化，根本沒辦法進行復雜性的編程。
      2. So，NodeJS就參照了 CommonJS規範實現了 模塊系統

      3. CommonJS中 有一個全局方法 require，來加載模塊

   3. AMD 【有了服務端的，當前也要有前端的】
      1. 爲何不用CommonJS，而還須要去選AMD呢？
         1. 由於CommonJS不適用於瀏覽器端，由於JS腳本，來自服務端，請求腳本到瀏覽器須要時間，若是等待加載完，在執行下一步，那麼整個頁面渲染就卡住了，應用就停住了。
         2. So，瀏覽器端不能用  同步加載 ， 而要用 異步加載。
      2. AMD是"Asynchronous Module Definition"的縮寫，意思就是"異步模塊定義"
      3. 異步加載AMD
         1. 異步加載模塊的話，那麼就存在一個問題了，若是像CommonJS只有一個參數，那麼確定是不行的，由於怎麼知道它何時加載完啊。
         2. So, 瀏覽器端，還須要一個  回調函數
            
         3. 這邊有兩個參數，第一個參數是一個數組，表示依賴的模塊，回調函數的參數，跟依賴模塊的數組順序必須是一致的。
2. 每次加載模塊，總要輸入相對路徑，或者絕對路徑，長長的一大串，坑爹啊，若是多個地方調用了，那後期文件修改了位置，那豈不是修改到吐？
   1. So，paths 就是必須的，跟模塊取一個別名。
      
3. 啥，你說你的JS模塊文件，都是 某個指定的路徑下？  baseUrl 就出來了
4. 我要是早期腳本，不是按照AMD來寫的，那腫麼辦呢？  shim 屬性
   1. 符合AMD規範的，能夠直接requirejs 進來使用，可是不符合 AMD規範的，則須要配置 shim 屬性和shim中的 exports屬性
   2. 若是不符合AMD規範的，還依賴其餘控件，須要配置 shim屬性裏面的 deps 屬性