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. inline-block元素的空白间距

    inline-block元素的空白间距 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...

  2. 忘记Mysql的root密码的处理办法

    1,停止MYSQL服务,CMD打开DOS窗口,输入 net stop mysql 2,在CMD命令行窗口,进入MYSQL安装目录 比如E:\Program Files\MySQL\MySQL Serv ...

  3. kinect for windows sdk

    https://msdn.microsoft.com/library/dn799271.aspx

  4. C# --2007Access链接字符串

    public static string connectionString = @"Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDi ...

  5. NHibernate 3.2+的 Map by Code 实例

    NHibernate 3.2+的 Map by Code 的文档真的很少,除了Fabio Maulo的2篇blog(顺带说李永京的翻译,没任何新的研究). 让人感慨NH的没落, 也许从没有流行过. 在 ...

  6. C++Primer 第一章

    /* 1.main函数的标准写法就只有两种,一种是带命令行的,一种是不带命令行的.其返回类型必须是int. 2.如果main函数最后没有return语句,则编译器会自动加上一句 return 0; * ...

  7. G面经prepare: X-Straight

    Define “X-Straight” as X cards with consecutive numbers (X >= 3). Determine if the deck can be fu ...

  8. C++(VS2012)DLL动态库的生成和调用

    DLL动态链接库的生成: 首先打开VS2012,新建——项目——Win32控制台应用程序(项目名称:ConsoleApplication1)——空项目 新建一个源文件source.cpp 先用控制台e ...

  9. table创建固定表头

    布局:两个div,上部内容将表头复制,高度固定,下部div内部将table设置为margin:-**px; 隐藏掉表头,下部div设置overflow,即可. 代码:

  10. const 关键字及作用

    1.const 修饰一般常量,可以把变量变成常量 例如: int  num=10; num=100; printf(“num=%d\n”,num); 输出的来得值为:100: 但是如果const in ...