1.Sencha Touch


注:jQTouch主要用于手机上的web Kit浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。

Raphael:强大的矢量图形库。

特点:

1.触控体验佳:针对触屏设计,让应用读的懂手势,如单击/双击、抓捏、拖动、旋转等。

2.跨平台:Sencha开发出的Web应用运行于苹果的iOS与谷歌的Android。

3. 性能:比JQuery Mobile会微快一点点。

4. 难易度:界面布局用js实现,学习周期长。

应用于如:纽约时报,Adobe,谷歌和苹果

 

总结:号称最好的HTML5移动APP框架,丰富的交互,但学习周期长不适合快速开发。

2.Phone Gap

1.跨平台:iOS、Android、BlackBerry、Symbian、Palm、Windows Phone等。

2.测试方便性:可以直接在浏览器中进行测试。

3.UI不足:PhoneGap重点是访问本地设备的API,没有显示层的API。

4.运行效率:PhoneGap应用程序的运行是寄托于移动设备上各平台的内置浏览器WebKit的,受到WebKit处理速度影响,以及各个平台的硬件与软件的性能制约,其程序运行的速度会比原生的程序慢,在用户体上较原生应用程序会稍差。

5.不能完整调用原生API特性:

PhoneGap应用程序对平台API的使用依赖于PhoneGap框架本身,目前还只支持各平台基础的API特性。对于各平台新升级发布或者特殊的API特性,只有依靠PhoneGap新版本的升级或插件来满足使用上的需求。

 

3. jQuery Mobile

1.跨平台:iOS、Android、BlackBerry、Palm WebOS、Symbian、Windows Phone等。

2.难易度:熟悉jQuery 语法的开发者能通过最小的学习曲线迅速掌握。

3.框架大小:jquery.mobile-1.3.2.min.js 141KB jquery.mobile-1.3.2.min.css96KB

4.效率高:App控件直接可以用。native操作硬件。屏幕自适应,一键切换主题。

动画,手势得又不及sencha touch

4. LungoJS

利用这框架开发的应用程序可运行所有流行的平台包括:iOS, Android, Blackberry 和 WebOs

它还支持触摸事件如:tap, double-tap和swipe。整个框架没有用到任何图片包括图标,所有都矢量化。

可以在这个框架中使用HTML5拥有的一些特性如:WebSQL, 地理位置定位,历史或设备方向等。

Lungo.js是一个模块化并且完全可定制的框架。

总结:从需求出发做选择

1.      功能简单,门槛低可使用jQuery Moblie 框架

2.      丰富的交互,熟悉extjs,选择Sencha Touch

HTML5 webapp框架的更多相关文章

  1. webapp框架集合

    1.GoAngualrjs homepage  github GoAngular 可让你轻松使用 AngularJS 和 GoInstant 构建实时.多用户的应用程序. 2.JingleV home ...

  2. 转战WebApp: 最适合Android开发者的WebApp框架

    随着移动端设备越来越多, 微信应用号即将发布, 越来越多的页面需要被移动浏览器承载, HTML5开发大热, 我们需要掌握Web开发的技能来适应时代变化. 合适的WebApp框架 AndroidUI4W ...

  3. HTML5 UI框架Kendo UI Web中如何创建自定义组件(二)

    在前面的文章<HTML5 UI框架Kendo UI Web自定义组件(一)>中,对在Kendo UI Web中如何创建自定义组件作出了一些基础讲解,下面将继续前面的内容. 使用一个数据源 ...

  4. Razor 在WebApp 框架的运用

    前面有两章介绍了WebApp框架<WebApp MVC,“不一样”的轻量级互联网应用程序开发框架>和<WebApp MVC 框架的开发细节归纳>,其中视图引擎是用的Nveloc ...

  5. html5 webApp常用Meta标签

    Html5 webApp常用Meta标签 <meta charset="UTF-8"> <meta name="viewport" conte ...

  6. 【推荐】HTML5 UI框架 推荐

    笔者的男装网店:http://shop101289731.taobao.com .冬装,在寒冷的冬季温暖你.新品上市,环境选购 最近自己瞎搞一下web网页的东西.想开发先找资源. 整理了一下HTML5 ...

  7. WebApp 框架

    Razor 在WebApp 框架的运用   前面有两章介绍了WebApp框架<WebApp MVC,“不一样”的轻量级互联网应用程序开发框架>和<WebApp MVC 框架的开发细节 ...

  8. HTML5 前端框架和开发工具【下篇】

    HTML5 前端框架和开发工具[下篇] 快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带 ...

  9. 主流HTML5游戏框架的分析和对比

    本文主要选取了Construct2.ImactJS.LimeJS.GameMaker.CreateJS.lycheeJS.Crafty.three.js.melonJS.Turbulenz.Quint ...

随机推荐

  1. out 和 ref 之间的区别整理

    ref和out都是C#中的关键字,所实现的功能也差不多,都是指定一个参数按照引用传递. 对于编译后的程序而言,它们之间没有任何区别,也就是说它们只有语法区别. 总结起来,他们有如下语法区别: 1.re ...

  2. iOS7跳转AppStore地址

    跳转AppStore地址改变: 由 itms-apps://ax.itunes.apple.com/WebObjects/MZStore.woa/wa/viewContentsUserReviews? ...

  3. day04-java-循环结构(while、do-while、for)

    循环结构(while.do-while.for) 任何复杂的程序逻辑都可以通过三种结构来实现:1)顺序结构:从上往下逐行执行,每句必走2)分支结构:有条件的执行某语句一次,并非每句必走3)循环结构:有 ...

  4. iOS:详细的正则表达式

    1.简介: 在项目中,正则的使用是很普遍的,例如登录账号和密码(手机号.邮箱等).用到的方法就是谓词对象过滤:NSPredicate. 2.什么是正则表达式: 正则表达式,又称正规表示法,是对字符串操 ...

  5. box2d.js

    https://github.com/kripken/box2d.js/ Demo: http://kripken.github.io/box2d.js/webgl_demo/box2d.html 演 ...

  6. 用仿ActionScript的语法来编写html5——第七篇,自定义按钮

    第七篇,自定义按钮这次弄个简单点的,自定义按钮.其实,有了前面所定义的LSprite,LBitmap等类,定义按钮就很方便了.下面是添加按钮的代码, function gameInit(event){ ...

  7. mysql高负载的问题排查

    http://dngood.blog.51cto.com/446195/1150031 log_slow_queries = /usr/local/mysql/var/slow_queries.log ...

  8. javascript中argument1 === void 0的意思

    今天看代码时看到 if (argument1 === void 0 || typeof argument1 === 'object') { 啥意思? 概述 void 运算符会对它的操作数表达式进行求值 ...

  9. MySQL: ERROR13(HY000):Can't get stat of

    在mysql中load data数据 mysql> load data infile '/home/a.txt' into table table_a;ERROR 13 (HY000): Can ...

  10. 为什么要在block用weak self

    block会给内部所有的对象引用计数加一,这一方面会带来潜在的retain cycle,不过我们可以通过Weak Self的手段解决.另一方面比较重要就是,它会延长对象的生命周期. 在block前面写 ...