1.require.js出現(xiàn)的原因
1)實(shí)現(xiàn)js文件的異步加載崖堤,避免網(wǎng)頁失去響應(yīng)啸盏; ? 2)管理模塊之間的依賴性,便于代碼的編寫和維護(hù)
2.http://requirejs.org/
3.主模塊的寫法 ?main.js
①主頁面 ? ?<script src="js/require.js" data-main="js/main"></script>
②main.js文件 ?
?require(['moduleA', 'moduleB', 'moduleC'], function (moduleA, moduleB, moduleC){
});
4.模塊的加載
主模塊的依賴模塊是['jquery', 'underscore', 'backbone']箱亿。默認(rèn)情況下涣澡,require.js假定這三個(gè)模塊與main.js在同一個(gè)目錄贱呐,文件名分別為jquery.js,underscore.js和backbone.js入桂,然后自動(dòng)加載奄薇。使用require.config()方法,可以對(duì)模塊的加載行為進(jìn)行自定義抗愁。require.config()就寫在主模塊(main.js)的頭部馁蒂。參數(shù)就是一個(gè)對(duì)象,這個(gè)對(duì)象的paths屬性指定各個(gè)模塊的加載路徑蜘腌,例如:
require.config({
paths: {
"jquery": "jquery.min",
"underscore": "underscore.min",
"backbone": "backbone.min"
}
});
參考文章:http://www.ruanyifeng.com/blog/2012/11/require_js.html