阅读更多

6顶
0踩

Web前端

转载新闻 10个顶级Web移动开发JavaScript框架

2011-08-21 23:01 by 资深记者 jforever 评论(9) 有22429人浏览

这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站。

 

1. jQuery Mobile

jQuery Mobile

jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。它是当前最流行的移动开发框架。

jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新,但开发人员可以用jQuery Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用。

查看jQuery Mobile实战应用,可以在这里看它的示例

假如你不熟悉jQuery,可以选择 MooTools Mobile, 一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是Dojo Mobile, 这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。

 

2. Titanium Mobile

Titanium Mobile

这是一个强大的,健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用。

作为一个越来越大的移动Web框架,它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。
Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。

 

3. The-M-Project

The-M-Project

The-M-Project是另外一个强大的JavaScript框架,它利用HTML5新的特性来更好和更简便地开发移动应用。

这个框架遵循著名的MVC软件架构模式。
它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南).

可以查看The-M-Project提供的示例来对该项目有一个初目的了解。这些示例包括:ToDo App(待办事项目应用) 和 KitchenSink (这个示例包括这个框架提供的所有UI元素)。

 

4. Jo

Jo

Jo这个框架可用于开发那支持HTML5的移动设备,如iOS, webOS, Android和Chrome OS等平台。

它拥有标准,类原生的UI元素比如用于屏幕登录的Web表单控件,还有弹出小部件可用于在用户点击界面时提供一些额外的信息。

可以查看其网站提供的示例页面,它例子展示了在多种移动设备平上的Jo应用情况。

 

5. xui.js

xui.js

有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,Ajax和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。



6. EmbedJS

EmbedJS

EmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。

EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的EmbedJS Build tool工具实现。

EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是你最佳的选择。

 

7. zepto.js

zepto.js

zepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。
它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。

zepto.js的语法借鉴并且兼容jQuery

 

8. DHTMLX Touch

DHTMLX Touch

DHTMLX Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。

DHTMLX Touch UI Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。

在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。

 

9. Mobilize.js

Mobilize.js

Mobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。

这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。

Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。

对于WordPress用户可以使用其提供的Mobilize.js WordPress plugin插件。
这个本站之前也有介绍过可以看这里

 

10. ChocolateChip Mobile

ChocolateChip Mobile

ChocolateChip Mobile是一个移动Web应用开发JavaScript框架。它的语法类似于jQuery和Prototype。

与jQuery相似并不仅停留在语法上。比如可以像jQuery一样通过绑定和定义事件处理。并拥有像.css.toggleClass这样的方法。

你可以从source code off GitHub获得ChocolateChip Mobile的源码。


原文:http://sixrevisions.com/javascript/mobile%C2%A0web-development-frameworks/

  • 大小: 23 KB
6
0
评论 共 9 条 请登录后发表评论
9 楼 dagmom 2011-10-21 14:23
呵呵,我也是sencha touch的使用者
8 楼 jforever 2011-08-22 14:00
为了方便大家以后查找这类移动开发框架。我整理了一个列表http://www.open-open.com/ajax/Mobile_Framework.htm。包括了大家说的Sencha Touch这个项目。
7 楼 wesker0918 2011-08-22 12:17
所有DEMO看了一圈,感觉不管在电脑还是手机上还是senchatouch流畅啊。。。无奈
6 楼 jforever 2011-08-22 09:58
让你笑了 写道
是呢..竟然没有senchatouch


直译的,大家可以看原文。
5 楼 taoge2121 2011-08-22 09:40
sencha touch好像是别这些都沉重,但是也应该有个排名啊!!!
4 楼 让你笑了 2011-08-22 09:20
是呢..竟然没有senchatouch
3 楼 KimHo 2011-08-22 09:20
fly2wind 写道
怎么没有sencha touch?

sencha在这里经常受歧视,动不动就被说性能差重量级……
2 楼 毕竟红尘 2011-08-22 09:06
fly2wind 写道
怎么没有sencha touch?

同问?
如果说sencha touch是因为有商业授权而没入选的话,那么为什么Titanium Mobile入选。
1 楼 fly2wind 2011-08-22 08:17
怎么没有sencha touch?

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 《Python基础教程》内容总览篇(持续更新中)

    最近有几个学习很认真的同学们给我反馈,专栏博客帮助他解决了大模型、爬虫、Python基础等各类问题,但有时候找起来不太方便,希望能对专栏的文章进行分门别类的整理,这样就能提高检索效率。   优秀的建议必须...

  • 【Python】贝叶斯超参数优化

    贝叶斯超参数优化 bayes_opt 1. 定义目标函数 2. 定义参数空间 3. 优化目标函数的具体流程 4. 定义验证函数(非必须) 5. 调用 hyperopt 1. 建立benchmark 2. 定义参数init需要的算法 3. 目标函数 4. 参数空间 5. 优化...

  • python高阶函数

    """total=0不能放在这里,会出错,因为这里定义的变量不能在内部函数sum()里面被修改,除非使用nonlocal关键字""" def sum ( ) : total = 0 for i in args : total = total + i return total ...

  • Python实战之函数的一些奇技淫巧

    让一个函数接受任意数量的位置参数,python 可以使用一个 * 参数 在函数内部的处理机制中,rest会转化为所有其他位置参数组成的元组。所以我们可以直接当成了一个序列来使用在其他的语言中,这种语法也叫做,...

  • Python命令及使用方法

    有些地方不可以放空,如if:后面的语句,放空会报错,如果现在还没想好怎么写,可以先放个pass 可变参数 关键字参数:同可变参数链接 四种参数可以组合使用,在参数表中的顺序为:必选参数、默认参数、可变参数和...

  • ROR学习笔记1---render方法显示partial pages

    是不是说,如果使用collection 这个symbole来设定参数的话,partial页面必须得与所引用collection类名的相同的:比如_collection.html.erb才能正常引用,而其他的不同名partial页只能做一个迭代呢? (比如第二种在...

  • 函数编程html,函数式编程.html

    函数式编程 · GitBook前言基础字符串处理数据结构数据结构高级内容...由于 Python 允许使用变量,因此,Python 不是纯函数式编程语言。以函数为单元把复杂任务分解,这种分解称之为面向过程编程。函数式编程(Func...

  • 3.函数式编程

    函数式编程的一个特点就是,允许把函数本身作为参数传入另一个函数,还允许返回一个函数 Python对函数式编程提供部分支持。由于Python允许使用变量,因此,Python不是纯函数式编程语言。 高阶函数 变量可以指向函数

  • Jade —— 源于 Node.js 的 HTML 模板引擎

    Jade 是一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实现的,并且可以供 Node 使用。 试玩 你可以在网上试玩 Jade。 特性 客户端支持 代码高可读 灵活的缩进 块展开 Mixins 静态包含 ...

  • 4.flask核心机制

    3.使用 flask .current_app 时,会从_ app_ctx_stack .top 得到 app 对象 4.使用 flask .request 时, 会从_ request_ctx_stack .top 得到 Request 对象 回过头来再看一次flask.current的源代码: # context locals ...

  • 5.(基础)tornado异步

    反正包括我在内,都知道异步编程很强大,但是却很少在项目中使用它,我自己使用异步也仅仅是在爬虫当中。而很多人一提到Python中的异步,首先想到的便是gevent,tornado,twisted这些框架。然而异步真的会经常出现...

  • 慕课网Flask高级编程实战-4.flask核心机制

    解决这个问题的通常做法是使用 try-except-finally 但是在finally中更优雅的方式就是使用with语句中。我们可以把连接数据库的操作写在上下文管理器的__enter__方法里面,把业务代码写在with语句的代码块里面,把...

  • 你想要的Python面试题都在这里了!

    当然C++也可以做这些,不过由于C++的复杂性和标准问题,程序员还是更愿意使用C来做。C++更适合比较复杂但又特别需要高效率的设施,比如大型游戏,一些基础库, 大型桌面应用。 再来聊聊Java,这也是一门历史悠久的...

  • C# 语言历史版本特性(C# 1.0到C# 7.1汇总更新) C#各版本新特性 C#版本和.NET版本以及VS版本的对应关系...

    泛型是CLR 2.0中引入的最重要的新特性,使得可以在类、方法中对使用的类型进行参数化。 例如,这里定义了一个泛型类:   class MyCollection<T> { T variable1; private void Add(T param) { } } ...

  • 深入理解Java 8 Lambda

     提供了特化函数式接口,如果需要使用其它原始类型则需要进行类型转换)同样的我们也提供了一些针对多个参数的函数式接口,例如  BiFunction, U, R> ,它接收  T  对象和  U 对象,返回  R  对象。 3. ...

  • Python 面试中可能会被问到的30个问题

    而且,编出的程序全是些0和1的指令代码,直观性差,还容易出错。现在,除了计算机生产厂家的专业人员外,绝大多数的程序员已经不再去学习机器语言了。 机器语言是微处理器理解和使用的,用于控制它的操作二进制...

  • 廖雪峰Python 3.X 教程

    如果你正在使用Linux,那我可以假定你有Linux系统管理经验,自行安装Python 3应该没有问题,否则,请换回Windows系统。 对于大量的目前仍在使用Windows的同学,如果短期内没有打算换Mac,就可以继续阅读以下内容...

  • 基于springboot大学生就业信息管理系统源码数据库文档.zip

    基于springboot大学生就业信息管理系统源码数据库文档.zip

  • 基于java的驾校收支管理可视化平台的开题报告.docx

    基于java的驾校收支管理可视化平台的开题报告

  • 原木5秒数据20241120.7z

    时间序列 原木 间隔5秒钟 20241120

Global site tag (gtag.js) - Google Analytics