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. javascript知识点记录(2)

    1.js 异步加载和同步加载 异步加载模式也叫非阻塞模式,浏览器在下载js的同时,同时还会执行后续的页面处理, 在script标签内,用创建一个script元素,并插入到document中,这样就是异 ...

  2. Proxy settings in TortoiseSVN and command line svn client

    The server file is created when you install TortoiseSVN, Eclipse or command-line Subversion. Use the ...

  3. iOS:抽屉侧滑动画两种形式(1、UIView侧滑 2、ViewController侧滑)

    前言: 在iOS中抽屉动画是很常用的一种技术,使用它有很炫的体验效果,为app增添特色,形式就两种,一个是UIView的侧滑,另一个就是ViewController的侧滑. 实现方式: 抽屉侧滑动画有 ...

  4. [logstash-input-file]插件使用详解(转)

    最小化的配置文件 在Logstash中可以在 input{} 里面添加file配置,默认的最小化配置如下:       1 2 3 4 5 6 7 8 9 10 11 input {     file ...

  5. Android EditText 改变边框颜色

    第一步:为了更好的比较,准备两个一模一样的EditText(当Activity启动时,焦点会在第一个EditText上,如果你不希望这样只需要写一个高度和宽带为0的EditText即可避免,这里就不这 ...

  6. 选择年份 php的写法要比js简洁一些

    所以遇到下拉框默认选择的情况,用php写比较方便一些 <select type="text" class="form-control_2" name=&q ...

  7. ZooKeeper常见问题(转)

    这段时间来,也在和公司里的一些同学交流使用zk的心得,整理了一些常见的zookeeper问题.这个页面的目标是解答一些zk常见的使用问题,同时也让大家明确zk不能干什么.页面会一直更新. 客户端 1. ...

  8. MIConvexHull

    http://miconvexhull.codeplex.com/ 可以生成2.3维的最小凸包.可以进行狄洛尼三角剖分,生成Voronoi多边形. This project is a convex h ...

  9. MongoDB操作

    创建.删除数据库 格式 use DATABASE_NAME 如果不存在,则创建,否则直接切换到该数据库 显示当前所在的数据库 db 显示所有数据库 show dbs 删除数据库 db.dropData ...

  10. 10 个顶尖的 Linux 开源人工智能工具

    在这篇文章中,我们将介绍几个顶级的开源 Linux 生态系统的人工智能(AI)工具.目前,AI 是科学和技术中不断进步的领域之一,很多人都在致力于构建软件和硬件来解决诸如医疗,教育,安全,制造业,银行 ...