requirejs 第一個實例

介紹：requirejs 是實現了模塊化加載和按需加載的js庫，防止了全局變量的污染。

一、安裝 require ： 在require 中文網下載 http://www.requirejs.cn/，而後導入到項目。

二、頁面引入requirejs ：在頁面中加入標籤 <script data-main="js/main" src="js/require.js"></script> 其中data-main 制定的是入口的js，
也就是能夠把你要寫的代碼所有寫在main.js 裏面。

三、使用require：在main.js中首先寫入require配置以下：
require.config({
//baseUrl: 'js',
paths:{
"mui":"mui.min", //制定mui.js 的路徑，後綴名能夠省略
"mui-picker":"mui.picker.min"
},
shim:{
"mui-picker":{
deps:['mui'], //配置mui-picker對mui的依賴
exports:"mui-picker" //配置導出對象名
}
}
});
其中paths 爲各個模塊的路徑，也就是所依賴的其餘js的路徑，默認是相對main的當前路徑，能夠在baseUrl中配置根路徑。可經過shim對非AMD（模塊化開發規範）的js庫定義加載順序，如本文中定義了mui-picker要依賴mui，因此要在mui加載以後加載。

四、加載模塊書寫業務邏輯：require(["模塊名稱"],function($){//業務代碼})；

五、對比下引入requirejs先後代碼：不使用時：

使用後：