Sencha Touch和jQuery Mobile的比较

2013-8-2 10:37| 发布者: joejoe0332| 查看: 6088| 评论: 0|原作者: yale8848|来自: oschina

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

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

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

Sencha Touch

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

jQuery Mobile

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

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

　　最终比较

　　jQuery Mobile

优点

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

缺点

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

使用场合

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

代码例子

01<!DOCTYPE html>
02<html>
03    <head>
04        <title>jQM Complex Demo</title>
05        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
06        <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"/>
07        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
08        <!--<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>-->
09        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>    
10    </head>
11    <body>
12        <div data-role="page" id="index">
13            <div data-theme="b" data-role="header">
14                <h1>Index page</h1>
15            </div>
16  
17            <div data-role="content">
18  
19            </div>
20        </div>    
21    </body>
22</html>

Sencha Touch

优点

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

缺点

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

使用场合

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

代码例子

01new Ext.Application({
02    name: 'MyApp',
03  
04    launch: function() {
05        this.viewport = new Ext.Panel({
06            fullscreen: true,
07  
08            id    : 'mainPanel',
09            layout: 'card',
10            items : [
11                {
12                    html: 'Welcome to My App!'
13                }
14            ]
15        });
16    }
17});

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

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

12 / 2 页在本页阅读全文

酷毙

雷人

鲜花

鸡蛋

漂亮

收藏分享邀请

快毕业了，没工作经验，
找份工作好难啊？
赶紧去人才芯片公司磨练吧!!

帐号		自动登录	找回密码
密码			注册

Sencha Touch和jQuery Mobile的比较

最新评论