Sencha Touch 和 jQuery Mobile 的比较

英文原文：Sencha Touch vs jQuery Mobile

103人收藏此文章, 我要收藏oschina 推荐于 2年前 (共 7 段, 翻译完成于 08-02) (23评) 
 
参与翻译(1人)：

很多人问我Sencha Touch (百度百科Sencha Touch译者加) 和jQuery Mobile哪个更好。事实上，它两的区别就像是Web后台编程，PHP和Java。它们都能完成同样的功能，但其实它们是为不同的目的而创造的。

Sencha Touch基于web-kit浏览器并做了优化，而jQuery Mobile适用于一般浏览器。因为Sencha Touch做了优化，很多人觉得它比jQuery Mobile更棒。混合移动应用(类似用用Webview编程，译者注)会让Sencha Touch熠熠生辉，它会让移动应用非常流畅就像是用原生API开发的一样。但jQuery Mobile也会在不同的地方发光发彩的。与Sencha Touch只支持web-kit不同，jQuery Mobile在支持HTML5的浏览器工作的也是相当的漂亮。无论你是使用Windows，MAC OS，Android或是iOS系统，jQuery Mobile都能吸引你的眼球。

yale8848
翻译于 2年前

3人顶

 

顶 翻译的不错哦!

Sencha Touch vs jQuery Mobile

下面我将以我个人经验来谈谈它们的不同，这也许不会很客观。就个人而言我不会偏袒任何一方，下面的章节经按组进行比较，每组都有胜者。

第一组-行销和平台支持

Sencha Touch和jQuery Mobile都以HTML5框架著称。jQuery Mobile谦虚的说自己只是内建于所有流行的移动设备平台，而Sencha Touch则说自己是唯一能让为开发者在iOS，Android，BlachBerry，Windows Phone等更多的OS上开发漂亮应用的框架。老实说，这种夸大其词的广告让我失望。我还没有发现它说的那样好，Sencha Touch只能孤芳自赏了。

  • 只支持web kit内核浏览器(据说这会在未来有所变化)
  • 大家知道的，有很多移动应用框架比Sencha Touch好

jQuery Mobile

  • 很多框架都不会为某一特定的平台做优化的，包括jQuery Mobile(据说1.4版本会做一些优化)

结论：jQuery Mobile胜

yale8848
翻译于 2年前

0人顶

 

顶 翻译的不错哦!

第二组-UI和视觉映像

正如您所见，Sencha Touch和jQuery Mobile在UI视觉是有些区别的。一个是完全的javascript驱动，而另一个是用HTML驱动的。这两种方式都可以展示漂亮的UI，但是Sencha 的UI更像是用原生API开发的一样(在混合应用程式中)。很不幸，它两在复杂UI程式中表现的就很糟糕了，尤其是jQuery Mobile.

Sencha Touch

  • 在移动设备上，Sencha会比jQuery更加的流畅
  • Sencha遵循MVC哲学，它不会让你写任何HTML代码，一切基于javascript
  • Sencha 提供更多的UI元素和组件，比如说旋转
  • Sencha支持SVG(可缩放矢量图形，译者注)，对于游戏来说是个好事
  • Sencha Touch IDE是付费的，虽然这个和UI没有关系。

jQuery Mobile

  • 于Sencha不同，jQuery Mobile UI更像是web UI
  • 要想展现jQuery Mobile UI只要在HTML中加入jQuery Mobile CSS即可，就像是jQuery UI框架的使用一样
  • 使用Ajax会让有些开发者在页面特效处理方面感到困惑
  • 使用CSS会让一些UI看起来很相似，要让UI表现的不一样得额外花费时间来处理。比如说SongMeanings.com网站中的mobile内容。
  • 与Sencha Touch不同，jQuery Mobile得让你好好关心页面的构成，有时这是很麻烦的。所有都绑在了一起，这，时好时坏说不定。1.4版本也许会有所改善。

结论：Sencha Touch 胜

yale8848
翻译于 2年前

0人顶

 

顶 翻译的不错哦!

第三组-可用性，使用的难易

这是个完全不同的比较。jQuery Mobile是标记语言驱动，它是依赖于jQuery并很容易控制的。如果你喜欢MVC模式，那你就得选择Sencha Touch。当然这会带来付费的问题，至少这会让不喜欢用javascript的人不顺心的。最后，咱这组比较就是比较使用的难易的。

Sencha Touch

  • 全都是javascript，新手会有些迷惑
  • 很难debug
  • 不容易上手

jQuery Mobile

  • 如果你和大多人一样喜欢jQuery，你也会喜欢jQuery Mobile的
  • 语法简单
  • 可以用Backbone.js或Knockout.js来弥补MVC设计方面的缺陷
  • 支持很多不同的主题，而且一切都可以用CSS来操作
  • 任何IDE都可以开发

结论：jQuery Mobile胜

yale8848
翻译于 2年前

0人顶

 

顶 翻译的不错哦!

第四组-文档

再好的产品也会因此而被人们遗忘。它们两的文档都不错。Sencha Touch官方文档相当不错，jQuery Mobile文档的封面都是很漂亮的。但是，Sencha Touch的文档比jQuery Mobile的更好。

Sencha  Touch

  • 比jQuery Moblie文档更好，而且不会让人困惑。
  • 内容不多
  • 官方支持可不免费，也不会涉及IDE

jQuery Mobile

  • 没达到Sencha Touch官方文档的水准
  • 有博客，文章，论坛，Stackoverflow...等方式的支持
  • 封面很漂亮

结论：Sencha Touch 胜

yale8848
翻译于 2年前

0人顶

 

顶 翻译的不错哦!

第五组-工具，插件，第三方支持

这个话题也是很重要的,好的开发工具和插件会让开发者更容易上手。

Sencha Touch

  • 支持自家本地应用程序
  • 支持主题包
  • IDE要付费

jQuery Mobile

  • Phonegap是支持本地应用的开发包，用jQuery Mobile开发Phonegap会让人感到有些怪
  • 支持主题包，但支持的不全面，因为一些核心的CSS元素不容易更改，比如说已经被激活的元素
  • 支持大量第三方插件，与jQuery插件兼容
  • 比Sencha Touch更容易扩展

结论：平局，jQuery Mobile略胜一筹

yale8848
翻译于 2年前

0人顶

 

顶 翻译的不错哦!

最终比较

jQuery Mobile

优点

  • 易开发
  • 不错的第三方支持，插件就是知识，知识就是力量
  • 易调试
  • Stackoverflow

缺点

  • 比Sencha Touch慢
  • APP几乎是同样的UI，如果你是个能忍的UI设计师，那你就可以接受这种呆滞的UI
  • 官方文档缺少一些东西，因为其在UI方面介绍的太多而欠缺在架构方面的介绍

使用场合

  • 移动网站
  • 简单的混合应用程序

代码例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
    <head>
        <title>jQM Complex Demo</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
        <!--<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>-->
        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>   
    </head>
    <body>
        <div data-role="page" id="index">
            <div data-theme="b" data-role="header">
                <h1>Index page</h1>
            </div>
  
            <div data-role="content">
  
            </div>
        </div>   
    </body>
</html>

Sencha Touch

优点

  • 运行非非常流畅，有中像是原生API开发的一样
  • 有MVC结构
  • 文档很完美

缺点

  • 对于缺乏经验的开发者来说过于复杂
  • 第三方支持太少
  • 由于只支持webkit，所以除过混合应用程序外，对于一般程序来说作用不大
  • IDE和支持都得付费

使用场合

  • 建议在复杂的混合应用程序，特别是要求看起来像是原生API开放的程序中使用

代码例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
new Ext.Application({
    name: 'MyApp',
  
    launch: function() {
        this.viewport = new Ext.Panel({
            fullscreen: true,
  
            id    : 'mainPanel',
            layout: 'card',
            items : [
                {
                    html: 'Welcome to My App!'
                }
            ]
        });
    }
});

它们两都是成熟的框架。jQuery Mobile 容易使用而且在大部分场合都能工作良好，但是如果你想优化优化混合移动应用程序，那你就选择Sencha Touch吧。

其它值得看看的HTML5移动应用框架:

Sencha Touch 和 jQuery Mobile 的比较的更多相关文章

  1. (转)Sencha Touch和jQuery Mobile的比较

    原文:http://extjs.org.cn/node/664 Sencha Touch和jQuery Mobile的比较 Posted 周三, 08/07/2013 - 10:07 by admin ...

  2. Sencha Touch和jQuery Mobile的比较

    第一组-行销和平台支持 Sencha Touch和jQuery Mobile都以HTML5框架著称.jQuery Mobile谦虚的说自己只是内建于所有流行的移动设备平台,而Sencha Touch则 ...

  3. Sencha Touch vs jQuery Mobile

    Sencha Touch:重量级框架,类似于Flex SDK;组件封装较多;在各平台交互表现统一(内部封装);入门门槛较高 jQuery Mobile:轻量级框架,实质是jQuery插件;组件较少;交 ...

  4. 【初探移动前端开发05】jQuery Mobile (整合版)

    前言 为了方便大家看的方便,我这里将这几天的东西整合一下发出. 里面的例子请使用手机浏览器查看. 什么是jQuery Mobile? jquery mobile是jquery在移动设备上的版本,他是基 ...

  5. 【初探移动前端开发05】jQuery Mobile (下)

    前言 继续我们移动端的学习,今天到了List相关了. 本文例子请使用手机查看 List列表 在移动设备平台下,由于移动设备屏幕比较小,我们又是用手在上面点击的触屏方式,传统的列表模式在手机上就不太友好 ...

  6. jQuery Mobile (整合版)

    jQuery Mobile (整合版) 前言 为了方便大家看的方便,我这里将这几天的东西整合一下发出. 里面的例子请使用手机浏览器查看. 什么是jQuery Mobile? jquery mobile ...

  7. 【初探移动前端开发】jQuery Mobile 二

    本文例子请使用手机查看 List列表 在移动设备平台下,由于移动设备屏幕比较小,我们又是用手在上面点击的触屏方式,传统的列表模式在手机上就不太友好了. 虽然HTML5与CSS3提供了强大的界面实现方案 ...

  8. jQuery Mobile和Sencha Touch哪个更适合你？

    纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族 ...

  9. 移动Web框架:jQuery Mobile VS Sencha Touch

    最近常被问到是用 jQuery Mobile还是Sencha Touch,本人也比较关注这两个框架,试图从以下两方面发表点儿见解: 身家背景,都系出名门 1.jQuery Mobile 建立在jQue ...

随机推荐

  1. InfoPath本地发布及部署

    前言 最近在接触SharePoint项目,第一次接触,总感觉有些不适应.以前只是听过,现在要遇见了,有些小紧张.今天改了一下表单的东西,也是对sharepoint的慢慢熟悉过程,分享给初学,或者未学者 ...

  2. 大型情感类电视连续剧--Android高德之旅（3）地图交互

    总要说两句 前两篇讲到了地图的基础显示和地图类型,今天来记录下高德地图交互相关的设置.地图的绘制分很多层,层级的显示需要根据不同的场景来设置.地图的触摸事件也很丰富,有单击.双击.单指拖拽.双指拖拽. ...

  3. iOS狂暴之路---iOS的第一个应用中能学到哪些知识

    一.前文回顾 在之前已经介绍了 iOS的学习路线图,因为中间遇到一些Android开发问题,所以就耽搁了一段时间,那么接下来的这段时间我们将继续开始iOS的狂暴之路学习,按照国际惯例,第一个应用当然是 ...

  4. Android Capability 细粒度的权限控制

    1. 传统的UID/GID,权限颗粒度太大 2. Capability: 细粒度的权限控制 3. 进程的Capability 4. 文件的Capability 5. 进程的Capability Bou ...

  5. C# 数据结构 线性表（顺序表 链表 IList 数组）

    线性表 线性表是最简单.最基本.最常用的数据结构.数据元素 1 对 1的关系,这种关系是位置关系. 特点 (1)第一个元素和最后一个元素前后是没有数据元素,线性表中剩下的元素是近邻的,前后都有元素. ...

  6. HashMap遍历，推荐使用entrySet()

    之前map遍历,偶尔会先去keyset然后再遍历keyset 比如 Map map = new HashMap(); Iterator it = map.keySet().iterator(); wh ...

  7. shuffle ----- mr 董西城

    http://dongxicheng.org/framework-on-yarn/apache-spark-shuffle-details/

  8. Ubuntu版本介绍

    转自Ubuntu版本介绍 经常有人问起Ubuntu的版本选择问题,论坛中虽有帖子提及,但不是很详细,不集中,我就尝试把Ubuntu上的这点东东翻译一下,供大家参考,水平有限,敬请包涵.指正.  Ubu ...

  9. Java 8：如何使用流方式查询数据库？

    Speedment 是使用 ORM 方式操作数据库的一种选择,以前我们需要100行操作数据库的 Java 代码,在 Java 8中,可能只需要一行代码. 在90年代末,我使用 Java 开发数据库应用 ...

  10. elasticsearch spring 集成

    elasticsearch spring 集成 项目清单   elasticsearch服务下载包括其中插件和分词   http://download.csdn.net/detail/u0142011 ...