輕量級、穩定、可配置 HTML5 框架:Mob 框架
輕量級、穩定、可配置 HTML5 框架。
安裝
Mob 不依賴任何第三方框架,可以按照 AMD 和 CommonJS 模塊化方式引入。當然你也可以通過直接引用下面鏈接的方式引入:
使用
文檔
模塊(Mob.Module)
define(Mob.defineModule)
定義模塊。
Mob.Module.define('mo/forTest1', function(require, exports, module) {
// 可以使用 exports ,導出單個方法
exports.add = function(a, b) {
return a + b;
};
});
Mob.Module.define('mo/forTest2', function(require, exports, module) {
var helpers = {};
helpers.sayHi = function() {
return 'hi';
};
// 可以使用 module.exports ,導出對象
module.exports = helpers;
});require
引入模塊。
在模塊外引入某個模塊。
// 在模塊外引入
Mob.Module.define('mo/here', function(require, exports, module) {
exports.print = function() {
return '-';
};
});
var here = Mob.Module.require('mo/here');
here.print();在某個模塊內部引入其他已定義的模塊。
Mob.Module.define('mo/forTest2', function(require, exports, module) {
// 直接通過 require 引入
var here = require('mo/here');
var helpers = {};
helpers.doublePrint = function() {
return here.print() + here.print();
};
module.exports = helpers;
});remove
刪除模塊。
Mob.Module.remove('mo/forTest2');map
查詢模塊
var moduleMap = Mob.Module.map();
日志打印(Mob.Logger)
useDefaults
使用默認方式(將日志打印到控制臺)打印日志。
// 日志信息會關聯到 window.console
Mob.Logger.useDefaults();
// 同樣可以配置
Mob.Logger.useDefaults({
logLevel: Logger.WARN,
formatter: function (messages, context) {
messages.unshift('[Application]');
if (context.name) {
messages.unshift('[' + context.name + ']');
}
}
}); 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!