輕量級、穩定、可配置 HTML5 框架:Mob 框架

jopen 9年前發布 | 11K 次閱讀 Mob 框架 HTML5 前端技術

輕量級、穩定、可配置 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 + ']');
    }
  }
});

項目主頁:http://www.baiduhome.net/lib/view/home/1444985606575

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