Aimee-app

UZ构建工具app模块，用于生成Aimee-app的类，依赖Zepto or jQuery v2+，可选依赖mock.js

// Aimee-app由4个基本文件组成
nav
├── nav.jade 			// app的jade模板，构建过程中会被编译成amd模块进行调用
├── nav.js 				// app功能js文件
├── nav.json.js 		// app模拟数据，基于mock规则，用于测试
├── nav.less 			// app的样式文件
└── img 				// app的图片文件夹

// 基本使用，定义一个 aimee-app
var app, moc;

moc = require('mock').mock;
app = require('app').define({
	name: 'nav',
	version: '1.0.0',
	mock: moc(require('./nav.json')),
	template: require('./nav.jade')
});

module.exports = app;

// 高级使用，定义一个 aimee-app
var app, moc;

moc = require('mock').mock;
app = require('app').define({
	name: 'nav',
	version: '1.0.0',
	mock: moc(require('./nav.json')),
	template: require('./nav.jade'),

	// app渲染到页面之前执行，用于预处理渲染内容
	preprocess: function(content){
		var tmp = $(document.createElement('div'));
		tmp.html(content);
		tmp.find('li').eq(0).addClass('selected');
		// 必须将处理后的内容返回给框架，便于下个插件继续处理
		return tmp.html();
	},

	// app渲染到页面之后执行
	postprocess: function(element){
		// element是app的父级dom的Zepto对象
	},

	// app通用事件绑定在这里
	bind: function(element){
		// element是app的父级dom的Zepto对象
	}
});

// app渲染之前触发，类似于preprocess方法
app.fn.on('before', function(data){
	return data
});

// app渲染之后触发，类似于postprocess方法
app.fn.on('after', function(element){
	// your code 
});

module.exports = app;