HTML5 webapp框架

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框架相关推荐

android转 web 开发者,转战 WebApp: 最适合 Android 开发者的 WebApp 框架
为什么需要转战WebApp开发随着移动端设备越来越多, 微信应用号即将发布, 越来越多的页面需要被移动浏览器承载, HTML5开发大热, 我们需要掌握Web开发的技能来适应时代变化. 合适的WebA ...
android原生app转成web,转战WebApp: 最适合Android开发者的WebApp框架
原文出处:林法鑫的博客. ps:原以为又是一篇前端从业者人云亦云的水文,其实是篇干货,文中提到的AndroidUI4Web也是作者开发的. 为什么需要转战WebApp开发随着移动端设备越来越多, 微 ...
webapp php框架,WebAPP框架资源你知道几个？
<WebAPP框架资源你知道几个?>要点: 本文介绍了WebAPP框架资源你知道几个?,希望对您有用.如果有疑问,可以联系我们. 下面是开发WEBAPP会用到的框架资源.比如light7是 ...
【CSON原创】HTML5游戏框架cnGameJS开发实录（外部输入模块篇）
返回目录 1.为什么我们需要外部输入模块? 在游戏中我们常常用到类似这样的操作:鼠标点击某位置,玩家对象移动到该位置,或者按鼠标方向键,玩家向不同方向移动,等等.这些操作无一不用与外部输入设备打交道. ...
前端html5的框架有哪些,10大html5前端框架
10大html5前端框架 Bootstrap 首先说Bootstrap,估计你也猜到会先说,或者一定会有这个了,这是说明它的强大之处. 拥有框架一壁江山的势气. 自己刚入道的时候,本着代码任何一个字母 ...
【CSON原创】HTML5游戏框架cnGameJS开发实录（精灵对象篇）
返回目录 1.什么是精灵对象(sprite)? 所谓的精灵对象,就是游戏中的一个具有行为的元素,以超级玛丽为例,玛丽,敌人都算是一个精灵对象.在cnGameJS框架中,精灵对象如下几个特点: 1.添加 ...
前端 html5 css3 框架,UI,分享,CSS3,HTML5,前端框架
随着HTML5和CSS3以及网页设计布局的全面翻新创新改革.让很多网页设计者和界面设计师都知道一个道理.就是去掌握一套对应的工具包.这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果.界面 ...
android ui web,AndroidUI4Web：最适合Android开发者的WebApp框架
AndroidUI4Web框架 AndroidUI4Web是一个高性能的WebApp框架, 在移动浏览器上有与原生App一致的体验.对Android开发者们来说, 更重要的是:框架移植自Android ...
html 游戏精灵,HTML5游戏框架cnGameJS开发实录-精灵对象篇
返回目录 1.什么是精灵对象(sprite)? 所谓的精灵对象,就是游戏中的一个具有行为的元素,以超级玛丽为例,玛丽,敌人都算是一个精灵对象.在cnGameJS框架中,精灵对象如下几个特点: 1.添加 ...

HTML5 webapp框架

HTML5 webapp框架相关推荐

最新文章

热门文章