html5 移动开发框架

html-css07

html5 移动开发框架,第1张

下面再来总结下HTML5还有哪些框架是适合面向手机设备的开发的。

1、jQuery Mobile

jQuery

Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile

不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery

Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。

2、jQTouch

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

3、DHTMLX Touch

 

 DHTMLX

Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。

DHTMLX Touch UI

Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。在其主页上提供一些示例可以展示DHTMLX

Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop

(一个电子书店应用)。

常用的移动APP开发框架:

框架:PhoneGap

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。

优点:

可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。

提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。

可利用成熟javascript框架。如:Ext js、jQuery。

缺点:

性能差。运行速度慢,UI反应延时。

不能完全跨平台。不同平台代码需要微调。

内存消耗,调试难度大。

框架:Ionic

Ionic 是一个强大的 HTML5 应用程序开发框架, Ionic 主要关注外观和体验,以及应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。

优点:

轻量级框架,运行速度快。

于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护。

通过 SASS 构建应用程序,接近原生。

缺点:

Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用。

需要结合插件使用。

框架:Hbuilder(国产)

HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势。

优点:

跨平台:同时支持iOS、Android、Symbian、Windows Phone。

开发工具:基于Eclipse的开发工具,集成UI控件与应用管理。

本地打包:无需配置环境,无需编译,本地一键打包。

代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码。

技术支持:技术支持及时响应,重视开发者建议和反馈。

缺点:

AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。

AppCan采用封装的组件,依赖性比较高。不是开源代码。

ppCan 不能很好的解决原生代码的功能。

Wex5(国产)

WeX5应用快速开发框架(含完整的SDK API及全部源码),一次开发、跨端运行。

优点:

高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。

基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。

可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示。

缺点:

使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等。

用户量小,存在不稳定因素。

总结:

跨平台方面:大部分框架针对android和ios平台,需要做或多或少的代码调整,不能达到完全跨平台。

性能方面:根据不完全统计,Ionic的性能会更好一点。

PhoneGap出现最早,国内框架都是基于Phonegap开发出来的。

注意:

各框架在实现过程中都会遇到不同程度的坑,请根据框架的侧重点谨慎选择应用的框架。如果要基于Html5开发App,还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。

jquery mobile和bootstrap都是较好的框架

jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。

Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。