jmd.jsJavascript 模塊化管理庫
jmd.js 是極小型、高性能 Javascript 模塊化管理庫(瀏覽器端)。
特點(diǎn)
遵循規(guī)范，可以像Node.js 一樣來寫模塊代碼（參見：AMD、CMD）
完全異步，不對源碼做任何改動(dòng)、沒eval、setTimeout，全速加載!
干干凈凈，只有一個(gè)函數(shù)：define，連學(xué)習(xí)文檔都不需要了！
代碼小巧，壓縮后: 1.6kb，移動(dòng)平臺(tái)、各種瀏覽器都支持
用著放心，依賴關(guān)系自動(dòng)維護(hù)，井井有序，不存在重復(fù)加載等問題
如何使用
<html> <head> <script src="jmd.js"></script> <script src="main.js"></script> </head> <body> </body> </html>
main.js是你的程序的入口，名字也可任意的
定義模塊：
var dao = require('dao');
module.exports = {
//TODO:
};
與Node模塊完全一致, 需要在Grunt的插件concat做一下配置。
定義模塊(純?yōu)g覽器端）:
// main.js
define('main', function (require, module, exports){
var util = require('util');
var $ = require('jquery');
module.exports = {
//TODO:
};
});
// util.js
define('util', ['zip', 'md5'] , function (require, module, exports){
function trim(str){
}
module.exports.trim = trim;
});
模塊名稱就是文件的名稱, 多個(gè)模塊也可以寫在一個(gè)js文件中（例如最后壓縮成一個(gè)js文件也可以，不需要關(guān)心順序）。
配置
修改加載目錄:
define.config.findPath = './js/'; // 默認(rèn)為當(dāng)前頁面所在目錄(./)
開啟調(diào)試模式：
define.config.debug = true;
然后在控制臺(tái)查看包加載和依賴關(guān)系：
第三方j(luò)s庫:
// 假如第三方庫是jquery
var $ = require('jquery');
// 如果jquery沒有遵循CMD或者AMD，下面兩種寫法均可：
var bar = require('jquery'); // 寫法一
require('jquery'); // 寫法二
// 正常使用
$('div').css({});
module.exports = {
//TODO:
};
貢獻(xiàn)
僅僅一個(gè)不錯(cuò)的開始還不夠，還需要你的加入，F(xiàn)ork me！
評論
圖片
表情