精华内容
下载资源
问答
  • H5混合APP开发框架

    2019-01-24 15:24:00
    快速增长的APP应用软件市场,以及智能手机的普及,手机应用:Native(原生)APP快速占领了APP市场,成为了APP开发的主流,但其平台的不通用性,开发成本高,多版本开发等问题,一直困扰着专业APP开发企业,和APP服务...
    • 快速增长的APP应用软件市场,以及智能手机的普及,手机应用:Native(原生)APP快速占领了APP市场,成为了APP开发的主流,但其平台的不通用性,开发成本高,多版本开发等问题,一直困扰着专业APP开发企业,和APP服务提供商。 安卓和IOS的操作方式,开发模式,界面UI显示方面的差别,也使得原生APP的不同版本体验有很大的区别,光是做兼容性调测,都要花费开发企业不少的时间。
      近年来,另一种应用形态——基于HTML5技术的Web App也如 雨后春笋般出现,于是关于原生APP与HTML5 APP 谁将成为未来的王者,APP开发者们一直 争论不休
      html5最主要的优势:、一套HTML5 APP 即可同时适用安卓及IOS平台,甚至WP平台,适配性和统一体验较好。
      版本服务器端更新,用户永远看到的都是最新的APP端信息。
      手机客户端及存储数据较少,节约用户手机空间
      技术难度较低,开发工作量小,开发成本低。
      **局限性:**
      用户体验大幅落后于原生APP,操作的流畅度,程序的执行效率,与原生APP都有较大差距;HTML5 APP 受网速的影响较大,在网络情况较差的情况下,HTML5 APP 往往连打开都困难,而原生程序,基本都能顺利打开运行(只是速度较慢)。
      1.框架:PhoneGap 
      官网: http://phonegap.com/ 
      简介: PhoneGap是一个用基于HTML,CSS和 JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone, Android,Palm,Symbian,WP7,WP8,Bada和Blackberry 智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。 
      优点:1.可跨平台。phonegap框架帮我们解决了差异性, javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。 
      2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。 
      3.可利用成熟 JavaScript框架。如:Ext  jsjQuery。 
      缺点:1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大) 
      2.不能完全跨平台。不同平台代码需要微调。 
      3.内存消耗大。 
      4.调试难度大。

      2.框架:Ionic 
      官网:http://ionicframework.com/ 
      简介: 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.强大的命令行工具 
      3.可利用成熟javascript框架。如:Ext js、jquery。 
      缺点:1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用 
      2.需要结合插件使用。

      3.框架:Hbuilder(国产) 
      官网:http://dcloud.io/ 
      简介: HBuilder是DCloud推出一款支持HTML5的Web开发IDE。“快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块及很多配套,HBuilder能大幅提升HTML、js、css的开发效率。 
      优点:1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。 
      2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。 
      3、强大到令你震惊的Jquery语法提示! 
      4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。 
      5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。 
      缺点:1.云端编译,无法保证安全性。 
      2.不能完全跨平台。不同平台代码需要微调。

      4.框架:appcan(国产) 
      官网:http://www.appcan.cn/ 
      简介:AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用”不流畅”和”体验差”的问题。使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验。 
      与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制,让开发者可以像最传统的网页开发一样,通过页面链接的方式灵活的开发移动应用。基于这种机制,开发者可以开发出大型的移动应用,而不是只能开发简易类型的移动应用。 
      AppCan提供强大的设备调用能力,电话、短信、相机、LBS、传感器、数据库等常用的手机功能,开发者可以通过JS接口调用,轻松构建移动应用。 
      优点:1.跨平台:同时支持iOSandroid、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 不能很好的解决原生代码的功能。

      5.框架:Wex5(国产) 
      官网:http://wex5.com/ 
      简介: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.用户量小,存在不稳定因素。

      6.框架:ApiCloud(国产) 
      官网:http://www.apicloud.com/ 
      简介:APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。 
      APICloud致力成为中国领先的移动垂直领域云服务商,帮助传统软件公司从B/S架构成功走向APP,帮助中国数百万web开发者转化成移动APP专家!。 
      优点:1.提供开发的IDE。 
      2.提供数据云API、统计云API、推送云API 
      缺点:与Hbuilder存在版权问题,抄袭Hbuilder

      7、JQuery Mobile 
      1.官方网站:http://jquerymobile.com/ 
      2.性质:UI框架 
      3.说明:这个大名鼎鼎的JQuery的移动版本。跟JQuery一样是一个轻量级的JS库,一样使用HTML5+CSS+JS的技术。应为轻量级,所以在web加载时比Sencha有一点优势。缺点显而易见,UI控件太少了。因为JQuery Mobile 太普及了,也有很多第三方的扩展控件库例如JQuery Mobile Touch。比较有意思的是Sencha Touch 也融合了JQuery Mobile Touch。 
      4.授权:完全开源,放心使用

      不同的开发框架有不同的优缺点,使用哪个还需要根据需求针对性的选用

      转自:https://www.cnblogs.com/Free-Thinker/p/7380674.html

    转载于:https://www.cnblogs.com/dmwcq/p/10314719.html

    展开全文
  • h5混合开发框架初识

    千次阅读 2016-11-23 14:06:42
    混合开发框架比较Dcloud一、 开发工具 HBuilder 二、 框架 mui 三、 文档地址 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/95 四、 优缺点 优点: 1) Android低端机上流畅运行 2) 上手快,...

    混合开发框架比较

    Dcloud

    一、  开发工具 HBuilder 
    二、  框架 mui
    三、  文档地址 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/95
    四、  优缺点
    优点:
    1)  Android低端机上流畅运行
    2)  上手快,资料丰富
    3)  Hbuilder开发工具很方便 
    4)  Mui提供的前端插件很丰富 
    5)  有html5+底层加速器,比常规的webapp的性能要快 
    6)  5+的直接封装的跨平台api比较全,二维码、摇一摇、地图、微信分享、语音输入、推送这些常用api都是跨平台的,使用方便简单
            缺点:
    1)  基于webview,性能比传统的webapp的性能好,但是比原生的还是要差一点
    2)  影响力不如 reactNactive大
    

    React native

    一、  开发工具 不限
    二、  框架 依赖javascriptCore的非hybird app
    三、  文档地址 http://reactnative.cn/
    四、  优缺点
    优点:
    1)  不用Webview,彻底摆脱了Webview让人不爽的交互和性能问题
    2)  有较强的扩展性,这是因为Native端提供的是基本控件,JS可以自由组合使用 
    3)  可以直接使用Native原生的「牛逼」动画 
    4)  可以通过更新远端JS,直接更新app
            缺点:
    1)  前端的JavaScript用的语法是jsx,和JavaScript有一点的区别,界面布局和CSS完全不一样 
    2)   关于推送、第三方(比如微信分享、登陆、支付)估计要自己来实现
    Dcloud与reactNative之间比较:对流畅性要求不太高的,可以考虑MUI。开发速度快,成本低。对流畅性要求高的,推荐用reactNactive.
    

    Ionic

    一、  开发工具 不限
    二、  框架  基于AngularJS 一起开发。交互界面,有很多迷人的功能,包括集成的仿真器基于Cordova 的 app 打包器。
    三、  文档地址 http://ionicframework.com/docs/v2/api/components/button/Button/ 目前有版本1、版本2之分
    四、  优缺点
    优点
    1)  追求性能 运行速度快 
    2)  轻量级框架
    3)  基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护
    4)  通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。
    5)  接近原生。
    6)  强大的命令行工具
    7)  可利用成熟javascript框架。如:Ext js、jQuery。
            缺点:
    1)  Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用
    2)  需要结合插件使用
    

    phoneGap

    一、  开发工具 市场上比较多 phoneGap桌面开发工具
    二、  框架 PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。
    三、  文档地址 http://phonegap.com/
    四、  优缺点
    优点:
    1)  可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。
    2)  提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。
    3)  可利用成熟javascript框架。如:Ext js、jQuery。
            缺点
    1)  性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大)
    2)  不能完全跨平台。不同平台代码需要微调。
    3)  内存消耗大。
    4)  调试难度大。
    

    参考学习链接:
    http://www.bcty365.com/content-74-2640-1.html
    http://www.oschina.net/translate/comparing-the-top-frameworks-for-building-hybrid-mobile-apps-1
    http://www.cnblogs.com/kingboy2008/p/5261771.html
    http://www.cocoachina.com/webapp/20141222/10718.html

    展开全文
  • 官网直播网址http://www.dongyibiancheng.com/expand/4yg2w9 每天上午十点 ,下午三点,晚上八点,直播课程H5混合开发,框架MUI-H5+,微信小程序,Vue.js,PHP,JavaScript,ReactNative,
    官网直播网址 http://www.dongyibiancheng.com/expand/4yg2w9 每天上午十点 ,下午三点,晚上八点,直播课程H5混合开发,框架MUI-H5+,微信小程序,Vue.js,PHP,JavaScript,ReactNative,

    展开全文
  • H5混合开发 混合开发、原生开发、H5开发的区别: 简述:主流APP:原生APP、H5(webapp)、混合APP,相对应的定制研发即原生开发、H5开发、混合开发 原生APP开发优缺点: 可以访问手机的所有功能,可实现功能最...

    H5混合开发

    混合开发、原生开发、H5开发的区别:

    简述:主流APP:原生APP、H5(webapp)、混合APP,相对应的定制研发即原生开发、H5开发、混合开发

    原生APP开发优缺点:

    • 可以访问手机的所有功能,可实现功能最齐全
    • 运行速度快、性能高、用户体验较好
    • 兼容性高
    • 比较快速的使用设备端提供的接口,处理速度上有优势
    • 开发周期长、成本较高,可移植性较差
    • 内容有限制
    • 获得新版本必须要用户重新手动下载更新

    WEB APP开发:

    简述:HTML5开发,利用WEB技术进行的APP开发。可以在手机浏览器上打开的网站

    优缺点:

    1. 支持的设备范围广,一套代码可以同时在安卓、IOS、Windows上运行
    2. 开发成本低
    3. 无内容限制
    4. 适合展示大量的文字信息,且样式比较丰富的页面
    5. 用户可以直接使用最新版本(自动更新),而无需手动下载更新
    6. 不能直接访问手机硬件和连线缓存
    7. 对连网要求较高,离线不能做任何操作
    8. 功能有限

     混合开发(原生+H5):

    简述:将原生的代码利用WebView插件或者其他框架为H5提供容器,程序主要的业务实现、界面展示都是由H5完成

    优缺点:

    • 开发效率高、统一套代码安卓、IOS基本上都可以使用
    • 更新和部署都比较方便,每次升级版本只需在服务器端升级即可,不需上传到APP Store进行审核
    • 代码维护方便,版本更新快
    • 比Web版实现的功能多
    • 可以离线缓存
    • 加载缓慢,网络要求高:混合APP数据需要全部从后台服务器获取,每个页面都需要重新加载,因此打开速度慢,用户体验不是很好
    • 既懂原生又懂H5开发的工程师较少

    目前或者开发的两种模式:

    1、原生主导开发模式:需要安卓和IOS开发人员,整个APP既有原生开发又有H5开发,在需要H5页面时由原生开发人员实现内联

    2、H5主导的开发:只需H5开发工程师,借助一些封装好的工具实现应用的打包和调用原生设备的功能,比如Builder的云端打包功能

    如何区分H5开发和原生开发:

    页面下拉刷新时,如果没有明显的刷新现象,则是原生开发;H5会闪一下屏

    下拉页面的时候显示网址就是H5开发

    展开全文
  • 初识H5开发混合APP

    万次阅读 2016-05-03 14:27:25
    有两种形式,一种是原生应用(Native App), 具有体验好、开发成本高、维护更新复杂、不能跨平台等特点。另一种是混合模 式应用(Hybrid App),具有体验一般、开发成本低、维护更新简单、能跨平台等 特点。 ...
  • Android有无做表单的框架——或者类似于Java FreeMarker ![图片说明]...类似于这种 可以用H5和Android混合开发的 虽然原生的也可以做 。。。。表单太多 。。。也是无奈。。。。
  • 随着H5的功能不断完善,使用前端技术来开发安装在手机上的APP已经成为了许多人的选择,而且也有许多成熟的商业使用案例。本专栏注重实战,没有铺垫过多理论知识,因为实践出真知,实践是最好的学习方式。我选择了一...
  • Web App即是一种框架APP开发模式(HTML5 APP 框架开发模式),该开发具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部份构成,APP应用客户端只需安装应用的框架部份,而应用的数据则是每次打开APP...
  • 基于H5的移动端APP开发框架

    万次阅读 2018-07-05 12:02:26
    快速增长的APP应用软件市场,以及智能手机的普及,手机应用:Native(原生)APP快速占领了APP市场,成为了APP开发的主流,但其平台的不通用性,开发成本高,多版本开发等问题,一直困扰着专业APP开发企业,和APP服务...
  • AppInterface最近的工作主要是围绕APP与内嵌H5开发而展开的,所以写了个小框架,以期能提升客户端童鞋与前端童鞋的开发效率。具有Android与H5两部分内容,互相搭配使用,接口简洁,执行效率高,使用简便,能极大的...
  • android原生组件与h5混合开发
  • 比较几款跨平台移动端开发app框架hybrid app flutter React WeeX不看好这个 kotlin也不看好 cordova phoneGap ionic hbuilder(uni-app) HERO
  • CordovaPlugin插件使用说明: 打开文件对res/xml/config.xml文件为插件进行配置。...在开发插件时,先为此插件添加一个节点,在中绑定插件的后台执行文件。 feature name="video"> param name="android-pack
  • 混合开发app

    2020-12-07 19:20:27
    混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术进行实现的。比如京东、淘宝、今日头条等APP都是利用混合开发...
  • 新人学习手机 App 开发,一开始总要选择一条学习路径。如果你熟悉 Java 语言,可以学习安卓开发;如果熟悉脚本语言(比如 Python 或 Ruby),可以...所谓的 H5 页面,其实就是混合 App 的前端,外面是一个原生的壳,...
  • H5 移动APP 框架

    千次阅读 2016-06-18 14:05:50
    作为一名做为在前端死缠烂打6年并且懒到不行的攻城士,这几年我还是阅过很多同门从知名到很知名的各种前端框架,本来想拿15-20个框架来分享一下,但在跟几个前辈讨教写文章的技巧时果断被无情的打击了,所以这里我...
  • b) 原生:使用原生制作APP(Native app),即在基于目前的智能手机的操作系统(如安卓android、苹果IOS,另外还有windows phone)的基础上并且搭配原生的编程编写运行的第三方的移动应用程序,简称原生APP。...
  • 公司开发的一个项目为Android+H5混合开发,虽然开发量对于原生来说不大,但是针对于H5与android结合的各种坑让初次接手这种开发模式的新手简直不可描述可怜,同样的功能在iOS上面运行的好好的,在Android上面各种...
  • android+h5混合开发

    2021-08-18 12:50:47
    使用提供的名称将对象注入到网页的所有框架中,包括所有iframes。这允许从JavaScript访问Java对象的方法。对于以APIBuild.VERSION_CODES.JELLY_bean_MR1和更高版本为目标的应用程序,只有带有JavascriptInterface...
  • PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理...
  • H5混合开发二维码扫描以及调用本地摄像头
  • 前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享...过去一直从事.net web开发工作,直到几个月前,公司需要开发一个h5+,于是我...
  • APP,原生和H5开发技术混合开发

    千次阅读 2016-12-27 16:50:24
    评判一个APP用什么技术来开发...2.如果讲究APP反应速度(含页面切换流畅性),则选用原生开发,因为H5其本质是网页,换页时,基本要加载整个页面,就像是浏览器打开一个新页面一样,显得较慢,而原生系统则只加载变化部
  • 原生开发、H5开发与混合开发的区别

    千次阅读 2019-12-04 16:01:59
    目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢?下面我们就分别从这三者各自的优劣势来区分比较吧...
  • 就是使用Dcloud进行开发APP。通过几天的学习感觉这个混合app开发非常方便,我也开始总结一下开发小技巧进行记录,方便在以后的开发中可以进行使用。 在我们平常使用的APP中,一般操作菜单都是放在页面的底部,一般...
  • 混合App 框架选型

    2016-10-08 00:00:09
    后来就转到混合App阵营了混合App 定义Hybrid App混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”平台框架选择...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,520
精华内容 1,808
关键字:

h5混合开发app框架