Mobile Framework for Romantic. 简约的移动开发框架
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist fix bug Jun 17, 2016
docs Add simple dom selector & fix #3 Jun 2, 2015
specs small fix in test Jun 8, 2015
src fix bug Jun 17, 2016
.editorconfig add basic framework Jan 3, 2015
.gitignore Add simple parser Jan 15, 2015
.jshintrc Add Rotuer & Url Test Jan 4, 2015
.npmignore update the .npmignore Jan 4, 2015
.travis.yml chaneg node version Jan 27, 2015
Gruntfile.js Add simple dom selector & fix #3 Jun 2, 2015
LICENSE.txt remove lettuce.css Jan 26, 2015
README.md fix github markdown update Apr 4, 2017
bower.json Update README.md Jun 1, 2015
package.json Update README.md Jun 1, 2015

README.md

Build Status Version Code Climate Test Coverage Node npm LICENSE

Lettuce

Lettuce, Mobile Framework for romantic#

Lettuce is a Small & Powerful Framework for Romantic.

Lettuce 是一个轻巧的移动开发学习框架。

Lettuce Usage(用法)

Class(类)

var L = new lettuce();
var zero = function(){};
var sub = new L.Class(zero);

Template(模板)

var L = new lettuce();
var data = {
    "title": "JavaScript Templates"
};
var result = L.Template.tmpl("<h3>{%=o.title%}</h3>\n!@#$%^&*()-=", data);

Router(路由)

var L = new lettuce();
var check = L.Router
            .add(/#about/,log)
            .add(/#what/, log)
            .add(/#why/, log)
            .load();;

Effect(效果)

淡出

L.FX.fadeOut(document.getElementById('content'), {
    duration: 2000, complete: function () {
    }
});

淡入

L.FX.fadeIn(document.getElementById('content'), {
    duration: 2000, complete: function () {
    }
});

Promise

function late(n) {
    var L = new lettuce();
    var p = new L.Promise();
    return p;
}
late(100).then(
).then(
).done();

Ajax

lettuce.get('/bower.json', function(result){
    equal(result["name"], "lettuce");
    done();
})
lettuce.post("http://127.0.0.1:5000/some", "something", function(data){
    console.log(data)
})

AMD

RequireJS Config

require.config({
  baseUrl: 'app',
  paths: {
    lettuce: 'lib/lettuce'
  }
});

App.js

define(['lettuce'],
  function (Lettuce) {
    var lettuce = new Lettuce();
  };
});    

Single Page Application Example(单页面应用)

1.new a instance

var L = new lettuce();

2.define data

var data = {
    about: "Template",
    what: "This about A Mobile Framework For Romantic",
    why: "Why is a new Framework"
};

3.create function for router

var aboutPage = function(){
    var aboutPage = new L.SimpleView();
    var templates = L.Template.tmpl("<h3>{%=o.about%}</h3>", data);
    return aboutPage.render(templates, "results");
};
var whyPage = function(){
    var whyPage = new L.SimpleView();
    var templates = L.Template.tmpl("<h3>{%=o.why%}</h3>", data);
    return whyPage.render(templates, "results");
};

4.Add router

L.Router
    .add(/#about/, about)
    .add(/#why/, why)
    .load();

ShowCase

License

© 2015 Phodal Huang. This code is distributed under the MIT license. See LICENSE.txt in this directory.

待我代码编成,娶你为妻可好