资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/Lettuce 移动框架 for Romantic

Lettuce 移动框架 for Romantic

Batkid / 1595人阅读

摘要：是一个小的强大的移动开发框架在线演示用法类模板路由单页面应用创建实例定义数据创建路由函数添加路由示例其他待我代码编成，娶你为妻可好

Lettuce是一个小的(~6kb)、强大的移动开发框架 for Romantic.

在线演示 http://phodal.github.io/lettuce.

Usage(用法) Class(类) 
</>复制代码 
  1. javascriptvar L = new lettuce();
  2. var zero = function(){
  3. };
  4. var sub = new L.Class(zero);
Template(模板) 
</>复制代码 
  1. javascriptvar L = new lettuce();
  2. var data = {
  3.     "title": "JavaScript Templates"
  4. };
  5. var result = L.Template.tmpl("
  6. {%=o.title%}
  7. !@#$%^&*()-=", data);
Router(路由) 
</>复制代码 
  1. javascriptvar L = new lettuce();
  2. var check = L.Router
  3.             .add(/#about/,log)
  4.             .add(/#what/, log)
  5.             .add(/#why/, log)
  6.             .load();;
Promise 
</>复制代码 
  1. javascriptfunction late(n) {
  2.     var L = new lettuce();
  3.     var p = new L.Promise();
  4.     return p;
  5. }
  6. late(100).then(
  7. ).then(
  8. ).done();
Ajax 
</>复制代码 
  1. javascriptlettuce.get("/bower.json", function(result){
  2.     equal(result["name"], "lettuce");
  3.     done();
  4. })
</>复制代码 
  1. javascriptlettuce.post("http://127.0.0.1:5000/some", "something", function(data){
  2.     console.log(data)
  3. })
Single Page Application Example(单页面应用)

1.创建实例

</>复制代码 
  1. javascriptvar L = new lettuce();

2.定义数据

</>复制代码 
  1. javascriptvar data = {
  2.     about: "Template",
  3.     what: "This about A Mobile Framework For Romantic",
  4.     why: "Why is a new Framework"
  5. };

3.创建路由函数

</>复制代码 
  1. javascriptvar aboutPage = function(){
  2.     var aboutPage = new L.SimpleView();
  3.     var templates = L.Template.tmpl("
  4. {%=o.about%}
  5. ", data);
  6.     return aboutPage.render(templates, "results");
  7. };
  8. var whyPage = function(){
  9.     var whyPage = new L.SimpleView();
  10.     var templates = L.Template.tmpl("
  11. {%=o.why%}
  12. ", data);
  13.     return whyPage.render(templates, "results");
  14. };
  15. var whatPage = function(){
  16.     var whatPage = new L.SimpleView();
  17.     var templates = L.Template.tmpl("
  18. {%=o.what%}
  19. ", data);
  20.     return whatPage.render(templates, "results");
  21. };

4.添加路由

</>复制代码 
  1. javascriptL.Router
  2.     .add(/#about/, about)
  3.     .add(/#what/, what)
  4.     .add(/#why/, why)
  5.     .load();
示例

http://valentine.phodal.com/
http://lettuce.phodal.com/

其他

Github: https://github.com/phodal/lettuce

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

GPU云服务器 云服务器 Romantic Lettuce 移动端框架 移动前端框架

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91475.html

相关文章

  • 一步步搭建JavaScript框架——初始化项目

    摘要：虽然还不够，但是开始了。一步步搭建框架项目名称一开始我做的次是是的一开始什么也没做，除了从和上注册了一个叫做的库然后在我们还没有开始写代码的时候版本就已经是这个速度好快。。生成项目框架为了简化这一个痛苦的过程，我们还是用。 从开始打算写一个MV*，到一个简单的demo，花了几天的时间，虽然很多代码都是复制/改造过来的，然而It Works(nginx的那句话会让人激动有木有)。现在他叫...

    omgdog 评论0 收藏0

  • 极客爱情: 情人节礼物大作战

    摘要：故而总结如下编成的代码浪漫的环境亲手制作的礼物注意请将下面的程序员的情人节礼物换成语言。言归正传程序员的情人节礼物入门之材料构思情人节礼物之设备展示想着在这个移动盛行的时代，再用电脑就不太合适了。 是时候应该反击了 当我看到@鄢得諼草 的那几篇黑我黑到体无完肤的#极客爱情# @Phodal 故事的时候，我发现我竟无言以对。或许，作为一名程序员，我们或多或少都有这样的共性。 ...

    XGBCCC 评论0 收藏0

  • Spring整合Lettuce自定义缓存简单实现

    摘要：于是，在这里，我稍微往回走一点，研究一下从版本出现的自定义缓存实现机制，并使用效率更高的连接，实现方法级自定义缓存。 0. 前言 Spring框架提供了一系列丰富的接口帮助我们更快捷的开发应用程序，很多功能仅需要在配置文件声明一下或者在代码写几行就能够实现了，能够使我们更注重于应用的开发上，某种意义上助长了我们的偷懒行为。关于缓存，很多时候我们使用Hibernate或Mybatis框架...

    DirtyMind 评论0 收藏0

  • 一起来学SpringBoot | 第九篇：整合Lettuce Redis

    摘要：相比它支持存储的类型相对更多字符哈希集合有序集合列表，同时是线程安全的。基于的连接实例，可以在多个线程间并发访问，且线程安全，满足多线程环境下的并发访问，同时它是可伸缩的设计，一个连接实例不够的情况也可以按需增加连接实例。 SpringBoot 是为了简化 Spring 应用的创建、运行、调试、部署等一系列问题而诞生的产物，自动装配的特性让我们可以更好的关注业务本身而不是外部的XML...

    yacheng 评论0 收藏0

发表评论

登陆后可评论

0条评论

Batkid

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<