輕量級、穩定、可配置 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 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!