轻量级、稳定、可配置 HTML5 框架:Mob 框架
jopen
9年前
轻量级、稳定、可配置 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 + ']'); } } });