移动web app开发——JO、 jQ mobile和Sencha touch技术对比

sencha touch作为世界上第一个支持 HTML5 和 CSS3 标准的移动应用框架，它是Web 开发者的梦想在移动平台上不再遥远。但是随着时间的流逝，sencha touch却被后面的几种技术甩在了后面。不管怎么样，它还是有一些特征值得描述：

丰富的 UI 组件，个性化的动画效果，稳定的数据及事件处理机制，易扩展的编程模型。

由于其与原生app的用户体验差距较大，因此用途不是很大。如果想更深的了解它，可以查看：

使用 Sencha Touch 开发超炫的跨平台移动 Web 应用

用 Sencha Touch 构建移动 web 应用程序

Jo作为后起之秀，是一个专为HTML5 apps而设计的轻量级的JS framework。它能做：

1.包含了javaScript的对象模型以及松耦合类型本质

2.使用CSS3来处理更多的漂亮显示和动画；

3.在对象间提供一致的和模块化的事件模型；

4.封装DOM和指定设备事件到一个集合手势的系统中；

5.将开发者与不同的一致性存储方案隔离；

6.与类似PhoneGap之类的其他库文件可以结合使用

Jo不需要的：

使用很多资源；

依赖其他的frameworks；

有很多的依赖浏览器代码；

要求对DOM详细的知识；

了解更多的framework知识；

使用$ 和其他的不常用的符号来代替某种标志符

更多关于Jo的framework内容参考：JavaScript Framework for HTML5。

Jo的HTML5效果显示：demo

而jQuery衍生出来的两种jQuery Touch和jQuery Mobile各自的特点有：

jQuery Touch：

 1.jQuery Touch是jQuery 之上的一个简单插件；

2.接受了核心 web 技术以及使开发更为容易扩展了 jQuery 框架的理念；

3.添加大量移动优化的用户界面元素，使开发者可以轻松地将简单的 CSS 样式应用于 HTML，并获取较为成熟的结果；

4.通过提供一些主题和特性（比如页面转换）为应用程序带来了一种原生感觉。

缺点：

1.jQTouch 不能提取出工作流；

2.依赖功能强大的 jQuery 工具使得表单处理、Ajax、页面转换这类任务变得更为容易；

3.模块化较差：如果想采用一个更结构化的方法，那么开发者将不得不自己添加结构。这可能极大地改变了通常由一个开发团队来处理的巨大且复杂的应用程序。

jQuery Touch的详细说明参考

JQuery Mobile：

1.以jQuery核心为基础，跟jQuery的语法一致，降低了学习难度。同时使用jQuery UI代码和模式；

2.代码轻量级以及对于图片的速度依赖较小；

3. 优化用户创建使得仅仅包含某些应用需要的特征达到模块化架构；

4.响应的技术和工具设计允许使用同样的代码基础使得自动从智能手机扩展到桌面大小的屏幕；

5.触摸和鼠标事件支持触摸处理流线型，使用同样API来处理基于焦点的鼠标和指针的用户输入方法；

6.此框架还提供一个主题系统，允许您提供自己的应用程序样式；

7.在设计时考虑了访问能力，它拥有 Accessible Rich Internet Applications (WAI-ARIA) 支持，以帮助使用辅助技术的残障人士访问 web 页面。

更多的jQuery Mobile 简介参考

在移动的web开发中，现在用的比较多的是JO、 jQ mobile和Sencha touch。而3者的具体性能对比有：

                                                JO                          jQ mobile                    Sencha touch

渲染速度                               快                               慢                                  慢

页面跳转时间（s）             1                               3～5                            3～5

JS文件大小                          20kb                           90kb                                较大