h5混合开发框架初识

混合开发框架比较

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

h5混合开发框架初识相关推荐

flutter优缺点_混合开发框架最全对比，为什么我更推荐Flutter？
点击上方的终端研发部,右上角选择"设为星标" 每日早9点半,技术文章准时送上公众号后台回复"学习",获取作者独家秘制精品资料转自:https://www.l ...
混合开发框架的对比，Flutter更胜一筹？
Flutter开发简介与其他的混合开发的对比为什么要使用Flutter? 跨平台技术简介 Hybrid技术简介 QT简介 Flutter简介为什么要使用Flutter? Flutter有什么优势? ...
混合开发框架最全对比，为什么我更推荐Flutter？
前言 Flutter开发简介与其他的混合开发的对比为什么要使用Flutter? 跨平台技术简介 Hybrid技术简介 QT简介 Flutter简介为什么要使用Flutter? Flutter有什么 ...
移动端H5混合开发设置复盘与总结
此篇接上一篇: 移动端H5混合开发,Touch触控,拖拽,长按, 滑屏实现方案 https://www.cnblogs.com/buoge/p/9346699.html app 场布设置已经上线了, ...
招募技术合伙人（H5混合开发+秒开流应用）
本司因技术开发的需要,特向社会.高校招募技术合伙人,希望不甘于工薪收入,有志创业的人士踊跃报名,无需投资.无需离开原单位. 要求:擅长H5混合开发,会秒开(流应用)的优先邮箱:Mr.liao@ali ...
qt框架的开发模式_Flutter 混合开发框架模式探索
Flutter 混合开发框架模式探索由于 Google 官方提供的 Flutter 混合式开发方案过于简单,仅支持打开一个 Flutter View 的能力,而不支持路由间传参.统一的生命周期.路由 ...
androidh5混合开发_Android H5混合开发（3）：原生Android项目里嵌入Cordova
前言如果安卓项目已经存在了,那么如何使用Cordova做混合开发? 方案1(适用于插件会持续增加或变化的项目): 新建Cordova项目并添加Android平台,把我们的安卓项目导入Android平 ...
h5封装去底部_Appium—Native+H5混合APP的自动化
前言小编所在项目的客户端是比较奇怪的一个APP,大部分页面Android和iOS的客户端只提供了webview的功能,都是由H5处理业务逻辑和用户交互.H5承担了和服务端.和客户端的交互. 虽然在开 ...
吕文翰 php,自己动手打造基于 WKWebView 的混合开发框架（二）——js 向 Native 一句话传值并反射出 Swift 对象执行指定函数...
自己动手打造基于 WKWebView 的混合开发框架(二)--js 向 Native 一句话传值并反射出 Swift 对象执行指定函数 2015-9-2 / 阅读数:39757 / 分类: iOS & ...
Android封装sdk页面为h5,Android/H5混合 SDK 集成文档
Android /H5 混合SDK 该SDK用于Android Hybrid 模式下,H5页面的以下情形: * 用户以app或单个设备为单位,进行H5页面的试验 * 离线缓存模式H5页面的试验 SDK ...