概念

是一個模塊載入框架，AMD規范的實現

優勢

• 防止js加載阻塞頁面渲染
• 使用程序調用方式加載js

API

• define 定義模塊
• require 加載模塊

示例

define(function(){ 
    function fun1(){ 
       alert("it works"); } 
     fun1();
})

require(["js/a"],function(){ 
  alert("load finished");
})

加載文件

//config:給模塊起一個更短更好記的名字
require.config({ 
  paths : { 
    //cdn庫沒有加載成功時，加載本地庫
    "jquery" : ["http://libs.baidu.com/jquery/2.0.3/jquery", "js/jquery"],  
    "a" : "js/a" 
  }
})
//不需寫后綴.js,$為jquery的輸出變量
require(["jquery","a"],function($, a){ 
  $(function(){ 
    alert("load finished"); 
  })
})

使用

• 上面的例子中重復出現了require.config配置，如果每個頁面中都加入配置，必然顯得十分不雅，requirejs提供了一種叫"主數據"的功能，我們首先創建一個main.js:
  require.config({
  paths : {
  "jquery" : ["http://libs.baidu.com/jquery/2.0.3/jquery", "js/jquery"],
  "a" : "js/a"
  }
  })
• 然后再頁面中使用下面的方式來使用requirejs：
  <script data-main="js/main" src="js/require.js"></script>