微擎系統中,公共引用的js文件包括 `Jquery`、`Util` 在使用以上兩個`Js`文件時不需要`require`引用,使用其它Js文件需要遵循 `AMD` 的引用方式。
我們先介紹下 `AMD ( Asynchronous Module Definition )`——`“異步模塊定義”`。
require.js 是微擎系統默認采用的 AMD 加載類 采用異步方式加載模塊,模塊的加載不影響它后面語句的運行。所有依賴這個模塊的語句,都定義在一個回調函數中,等到加載完成之后,這個回調函數才會運行。
實現 AMD 規范的加載器其實很多,微擎系系統使用的是 `require.js` 。
微擎系統使用 `require.js` 的好處:
實現 js 文件的異步加載,避免網頁失去響應;
管理模塊之間的依賴性,便于代碼的編寫和維護。
注意系統中已經默認`jquery`、`bootstrap`、`angularjs`、`util`等`js`文件,無需要重復引用
了解`requirejs`
http://requirejs.org/
擴展自己的require
在模塊也可以使用 requirejs 動態加載自己的JS庫,方法如下:
```
<script type="text/javascript">
<!--
var requireExtend = require.config({
baseUrl: 'resource/js/app', //基礎目錄,將從此目錄引用JS
paths: {
'jquery': './jquery.min', //結尾不寫.js
},
shim:{
//依賴
'jquery' : {
exports: '$',
deps: ['../lib/jquery-1.11.1.min']
},
}
});
requireExtend(["jquery"]);
//-->
</script>
```