基于Html5的移动端开发框架的研究

下面统计信息部分来自网络,不代表个人观点。请大家参考。

        基于Html5移动端开发框架调查          
                     
  序号 框架 简介 优点 缺点 备注 侧重点      
  1 PhoneGap   PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。 1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。
2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。
3.可利用成熟javascript框架。如:Ext
js、jQuery。
1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大)
2.不能完全跨平台。不同平台代码需要微调。
3.内存消耗大。
4.调试难度大。
官网:http://phonegap.com/ 侧重于对硬件的访问控制      
  2 Ionic   Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced
HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、
CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于
Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI
库在手机上运行缓慢的问题。
1.追求性能 运行速度快
2.轻量级框架
3.基于 Angularjs,支持
Angularjs的特性, MVC ,代码易维护
4.通过 SASS 构建应用程序。它提供了很多
UI 组件来帮助开发者开发强大的应用。
5.接近原生。
6.强大的命令行工具
1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用
2.需要结合插件使用。
官网:http://ionicframework.com/ 侧重于前端的交互      
  3 Hbuilder(国产) HBuilder是DCloud(数字天堂)推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。 1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。

2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。
3、强大到令你震惊的Jquery语法提示!
4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。
5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。

1.云端编译,无法保证安全性。
2.不能完全跨平台。不同平台代码需要微调。
官网:http://dcloud.io/ 侧重于编码实现      
  4 appcan(国产) AppCan是国内Hybrid
App混合模式开发的倡导者,AppCan应用引擎支持Hybrid
App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native
App的体验。
与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。
AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。
1.跨平台:同时支持iOS、Android、Symbian、Windows
Phone
2.原生体验:引入原生UI控件与交互支持(如Action
Sheet等)
3.开发工具:基于Eclipse的开发工具,集成UI控件与应用管理
4.UI框架:提供强大的UI框架,更加易于实现页面布局与交互
5.设备API:支持各种手机设备调用,如电话、相机、传感器、定位等
6.本地打包:无需配置环境,无需编译,本地一键打包
7.插件机制:支持第三方原生插件,支持JS插件
8.代码加密:基于密钥的加密方式,无法破解,像混编一样保护html代码
统计分析:应用分平台安装数统计,应用启动和使用情况统计
9.开放平台:更具本土优势,已经对接Sina、QQ、百度等开放平台
10.技术支持:技术支持及时响应,重视开发者建议和反馈
1.AppCan免费版因需要把源代码上传到厂商的服务器上打包,对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决,但企业版稳定尚待观察。
2.AppCan采用封装的组件,依赖性比较高。不是开源代码。
3.AppCan 不能很好的解决原生代码的功能。
官网;http://www.appcan.cn/        
  5 Wex5(国产) WeX5应用快速开发框架(含完整的SDK
API及全部源码),一次开发、跨端运行。
【定位】开发面向消费者和公众的开放应用系统
【适用】一般app、电商app、客服app、会员app、微店微商等
【前端】安卓app/苹果app/微信服务号/PC web app
【后端】后端数据处理组件,对接各主流技术平台
【费用】完全开源,彻底免费,无任何限制
1.高效精致的UI组件体系,基于jquery和bootstrap技术,采用增强的RequireJS模块化技术。
2.基于phonegap(cordova)框架,如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。
3.可视化拖拽式集成开发环境IDE,全能力的调试支持和智能代码提示
1.使用范围有限:适用:一般app、电商app、客服app、会员app、微店微商等
2.用户量小,存在不稳定因素。
官网:http://wex5.com/        
  6 ApiCloud(国产) APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。
1.提供开发的IDE。
2.提供数据云API、统计云API、推送云API
与Hbuilder存在版权问题,抄袭Hbuilder 官网:http://www.apicloud.com/        
                     
    结论:                
    1.跨平台方面:大部分框架针对android和ios平台,需要做或多或少的代码调整,不能达到完全跨平台。          
    2.性能方面:根据不完全统计,Ionic的性能会更好一点。            
    3.代码实现方面:Hbuilder具有更高的效率。              
    4.PhoneGap出现最早,国内框架都是基于Phonegap开发出来的。            
                     
    注意:                
    *关于框架的优缺点众说纷纭,从总体看,hybrid
app并没有达到native app的实现效果。
           
    *各框架在实现过程中都会遇到不同程度的坑,请根据框架的侧重点谨慎选择应用的框架。            
    *如果要基于Html5开发App,还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。          
                     
时间: 2024-08-05 08:41:49

基于Html5的移动端开发框架的研究的相关文章

基于html5手机移动端对话框特效

html    演示地址:http://www.w2bc.com/demo/201511/2015-11-01-html5-mobile-alter-info/index.html <center> <input type="button" id="success" value="成功" /> <input type="button" id="error" value=&quo

《基于模块化的前端开发框架的研究与实现》 论文阅读(十三)

一.基本信息 标题:基于Web前端的性能优化方案研究 时间:2017 来源:北京邮电大学 关键词:Web前端:模块化:JavaScript:Node.js:前端模板 二.研究内容 1.主要内容: 1.1研究背景与意义当今互.联网飞速发展,网络用户的需求变化既快又大,大部分网站的更新周期都是以日,小时甚至分钟为单位,在这种情况下,网站的前端就成了变化最频繁的部分川.随着互联网公司对前端开发的逐渐重视,前端开发人数也越来越多,但是技术人员的投入总是有限的,而前端开发领城并没有为开发者们提供一-种简洁

基于HTML5的PACS---JS调整窗宽窗位续

上一遍博文中(基于HTML5的PACS--HTML5图像处理(7)实现客户端JS调整窗宽窗位)中介绍了如何用后台解析出来的DICOM像素数据来生成要显示的图像及在JS端调整窗宽窗位.其中碰到几个问题: 1.对于(2050,0020)Presentation LUT Shape等于INVERSE 或者(0028,0004)Photometric Interpretation等于MONOCHROME1的灰度图像,使用文中的查找表算法,出来的图像其实是反色的图像.要对查找表进行修改增加是否反色的标记,

目前几款基于html5的前端框架:如Bootstrap、Foundation、Semantic UI 、Amaze UI

Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架,集合CSS 和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格.表格.按钮.表单.导航.提示,其核心就是基于Less框 架构建的CSS.Bootstrap框架拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟 的,也是其最受欢迎的条件之一. Foundation宣称是世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最

基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用

很久之前,当我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中如何使用这个组件进行文件上传的,当时上传文件的处理主要也是使用ashx一般处理程序来进行处理的.本文主要介绍我的Web开发框架中,在MVC4的环境中如何集成这个非常棒的文件上传组件的. 1.上传组件uploadify的说明及脚本引用 Uploadify 是 JQuery 一个著名的上传插件,利用 Flash

基于MVC4+EasyUI的Web开发框架形成之旅--框架总体界面介绍

在前面介绍了一些关于最新基于MVC4+EasyUI的Web开发框架文章,虽然Web开发框架的相关技术文章会随着技术的探讨一直写下去,不过这个系列的文章,到这里做一个总结,展示一下整体基于MVC4+EasyUI的界面效果,让大家对这款Web开发框架有一个形象的了解,界面设计以及相关思路可以借鉴提高,也可以对相关的内容进行相互探讨,共同提高. 技术特点:整个Web开发框架,界面部分采用较新的技术,包括MVC4,最新版本的EasyUI,以及zTree树形控件.Uploadify文件上传组件等模块,另外

基于HTML5的Web SCADA工控移动应用

在电力.油田燃气.供水管网等工业自动化领域Web SCADA的概念已经提出了多年,早先年的Web SCADA前端技术大部分还是基于Flex.Silverlight甚至Applet这样的重客户端方案,在HTML5流行前VML和SVG算是真正纯种Web方案也是有不少应用,近些年随着HTML5的流行,加上移动终端对HTML5支持的普及,越来越多新项目开始采用真正纯HTML5的方案,更具体的说大数据量应用性能高于SVG的Canvas方案,已经逐渐成为当今Web SCADA前端技术的首选标配方案. htt

基于MVC4+EasyUI的Web开发框架形成之旅(4)--附件上传组件uploadify的使用

大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中如何使用这个组件进行文件上传的,当时上传文件的处理主要也是使用ashx一般处理程序来进行处理的.本文主要介绍我的Web开发框架中,在MVC4的环境中如何集成这个非常棒的文件上传组件的. 1.上传组件uploadify的说明及脚本引用 Uploadify 是 JQuery 一个著名的上传插件,利用 Flash

基于MVC4+EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式

在基于MVC4+EasyUI的Web开发框架里面,大量采用了Jquery的方法,对数据进行请求或者提交,方便页面和服务器后端进行数据的交互处理.本文主要介绍利用Jquery处理数据交互的几种方式,包括获取数据并显示,插入新数据到服务器,更新数据,删除数据等操作. 1.利用Jquery获取数据并显示 为了顺利获取数据,我们需要保持页面端调用和服务器端保持一致,并相应的把数据转换或者封装为对象实体进行处理. 下面我们以一个简单的全国省份.全国城市.全国城市行政区的案例进行Demo代码的介绍.   总