aimee-app

1.0.1 • Public • Published

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;

Readme

Keywords

Package Sidebar

Install

npm i aimee-app

Weekly Downloads

0

Version

1.0.1

License

GPL

Last publish

Collaborators

  • gavinning