使用Sencha Touch和jQuery Mobile开发移动应用教程

移动开发
Sencha Touch和jQuery Mobile开发移动应用是本文要介绍的内容,主要是来了解HTML5在移动开发领域的两个优秀框架:Sencha Touch 和 jQuery Mobile,来看详细内容。

Sencha TouchjQuery Mobile开发移动应用是本文要介绍的内容,主要是来了解HTML5在移动开发领域的两个优秀框架:Sencha TouchjQuery Mobile,来看详解内容讲解。

HTML5虽然离全面普及还有很长的时间,但在一些开发领域,HTML5已经崭露头角。比如在移动开发中,HTML5更能体现其跨平台的特性 (Flash虽然积极努力,但仍然被iOS等系统拒之门外),说到这里,不得不提一下HTML5在移动开发领域的两个优秀框架:Sencha Touch 和 jQuery Mobile。

本文将站在一个Flash开发者的角度,以一个简单的RSS阅读器实例(这个实例已经在这篇文章《走进Android[1]:如何开发基于Adobe AIR的Android应用》中实现过),初步为大家介绍一下使用这两个框架构建移动应用的差异。

前置知识

首先您需要大致了解Sencha Touch 和 jQuery Mobile。

Sencha Touch简介:

前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库,推出适用于最前沿Touch Web的Sencha Touch框架,该框架是世界上***个基于HTML5的移动应用框架。进入Sencha Touch官方网站查看更多介绍。

jQuery Mobile简介:

为了让移动设备也能用上jQuery,jQuery开发团队发布了jQuery移动设备版开发项目jQuery Mobile Project(http://jquerymobile.com)。jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。

工具

工欲善其事,必先利其器,开发之前,要先准备好开发工具和调试工具。

IDE:可以使用任意文本编辑器,随您哪个顺手就用哪个,本文将使用Eclipse+Spket,这是一个非常不错的,主要用于开发Ext应用的插件,但经过配置也可用于jQuery开发,点击这里查看详细介绍。

调试工具:很遗憾Firefox对Sencha Touch的渲染效果非常差,所以我们不能使用Firebug来调试。可以使用谷歌浏览器,其调试工具也不逊色,而对这两款框架的支持程度都尚好。而为了 验证Sencha Touch的效果无偏差,***再装一个Safari浏览器,它对Sencha Touch的渲染是***的。

最终运行效果(点击查看大图)

使用Sencha Touch和jQuery Mobile开发移动应用教程

使用Sencha Touch和jQuery Mobile开发移动应用教程 

在线预览(请使用Safari或谷歌浏览器观看):

Sencha Touch版:

  1. http://www.riameeting.com/examples/sencha/ 

jQuery Mobile版:

  1. http://www.riameeting.com/examples/jqmobile/ 

小结:使用Sencha TouchjQuery Mobile开发移动应用的内容介绍完了,希望通过本文的学习能对你有所帮助!

责任编辑:zhaolei 来源: 互联网
相关推荐

2011-09-01 10:09:04

2011-09-05 13:45:25

jQuery MobiSencha Touc移动Web UI框架

2012-02-28 14:48:41

2011-09-02 16:42:51

Sencha ToucWeb应用

2011-09-05 11:23:26

EclipseSencha Touc框架

2012-01-10 14:10:26

Sencha Touc

2011-09-02 15:18:49

Sencha Touc

2012-03-21 09:36:33

ibmdw

2011-09-05 11:27:17

Sencha Touc框架HTML5

2011-07-21 15:37:40

jQuery MobiJQMJSON

2011-07-25 16:21:22

Sencha touc

2011-07-26 10:21:25

Sencha Touc

2011-07-26 10:44:15

Sencha Touc

2011-12-12 10:08:39

jQuery MobiHTML5

2011-06-30 09:46:59

jQuery MobiRails

2011-07-26 09:41:50

Sencha Touc特性HTML 5

2010-11-22 10:31:17

Sencha touc

2011-07-25 15:55:21

Sencha ToucHtml 5

2011-09-05 10:27:02

Sencha Touc手机应用Android

2011-09-05 14:17:54

Sencha ToucMVC
点赞
收藏

51CTO技术栈公众号