HTML5开发工具

当前位置: HTML5技术网 > HTML5开发工具 > 简约不简单的移动开发框架Lettuce

简约不简单的移动开发框架Lettuce

Lettuce是一个小巧而有力的移动开发框架。本文简要介绍了Lettuce的示例,并放出了代码供大家下载使用。


Lettuce是一个小巧而有力的移动开发框架。


在线demo:http://phodal.github.io/lettuce.


示例

1.新建实例

           var L = new lettuce();

2.定义数据
           var data = {               about: "Template",               what: "This about A Mobile Framework For Romantic",               why: "Why is a new Framework"           };
3.创建router功能
           function about() {               var result = L.tmpl("<h3>{%=o.about%}</h3>", data);               document.getElementById("results").innerHTML = result;           };
           function what() {               var result = L.tmpl("<h3>{%=o.what%}</h3>", data);               document.getElementById("results").innerHTML = result;           }
           function why() {               var result = L.tmpl("<h3>{%=o.why%}</h3>", data);               document.getElementById("results").innerHTML = result;           }
4.添加router
           L.Router               .add(/#about/, about)               .add(/#what/, what)               .add(/#why/, why)               .load();过程
  • Done
  • Template
  • Router
  • Ajax
  • Class
  • Promise
  • Event
  • On Going
  • Model

简单视图
           var pageView = function(){};           pageView.prototype = {               init:function(){                   var result = L.tmpl("<h3>" + this.message + "</h3>", data);                  document.getElementById("results").innerHTML = result;               }           };
           var about = new L.Class(pageView);           about.prototype.message = data.about;           var what = new L.Class(pageView);           what.prototype.message = data.what;
           var why = new L.Class(pageView);           why.prototype.message = data.why;
许可此代码是在MIT许可下发布。看到这个目录license.txt。
github:https://github.com/phodal/lettuce

【简约不简单的移动开发框架Lettuce】相关文章

1. 简约不简单的移动开发框架Lettuce

2. 移动开发者必知10大移动Web开发框架

3. 跨平台开发:初探AppCan移动开发框架

4. Sencha Touch 2 开发者预览版发布,基于HTML5的移动应用框架

5. Ionic - 先进的 HTML5 移动开发框架和 SDK

6. HTML5的仿本地应用移动端UI互动开发框架

7. 支付宝“技术风云会”:HTML5引发的移动开发变革

8. HTML5 游戏开发框架 Egret

9. 通过Ionic构建一个简单的混合式(Hybrid)跨平台移动应用

10. Letter Pile

本文来源:https://www.51html5.com/a80.html

点击展开全部

﹝简约不简单的移动开发框架Lettuce﹞相关内容

「简约不简单的移动开发框架Lettuce」相关专题

其它栏目

也许您还喜欢