原生，html5，混合Hybird

app开发的三种模式：原生，html5，混合Hybird
- Native APP：就是所说的原生开发，Native Code编程，代码编译之后以2进制或者字节码的形式运行在OS上，直接调用OS的Device API；
- Web APP，以HTML+JS+CSS等WEB技术编程，代码运行在浏览器中，通过浏览器来调用Device API（取决于HTML5未来的支持能力）：
- Hybrid APP，就是混合开发。部分代码以WEB技术编程，部分代码由某些Native Container承担（例如PhonGAP插件，BAE插件），其目的是在HTML5尚未完全支持Device API和Network API的目前阶段，承担这部分职责。常用的技术就是webview+html5
- React Native 是 Facebook 推出的一个用 Java 语言就能同时编写 ios，android，以及后台的一项技术。用React Native 就是真正意义上的全栈，一个项目从头到尾可以一个人搞定
- React Native的优势：
  - 它可以做到实时热更新（就像网页一样，改了一个字体，随时可上线）
  - 相对Hybird app或者Webapp：
    - 不用Webview，彻底摆脱了Webview让人不爽的交互和性能问题
    - 有较强的扩展性，这是因为Native端提供的是基本控件，JS可以自由组合使用
    - 可以直接使用Native原生的「牛逼」动画（在FB Group这个app里面，面板滑出带一点果冻弹动，面板基于某个点展开这种动画随处可见，这种动画用Native code来做小菜一碟，但是用Web来做就难上加难）。
  - 相对于Native app：
    - 可以通过更新远端JS，直接更新app，不过这快成为各家大型Native app的标配了…
  - 劣势
    - 扩展性仍然远远不如web，也远远不如直接写Native code（这个不用废话解释了吧）
    - 从Native到Web，要做很多概念转换，势必造成双方都要妥协。最终web要用一套CSS的阉割版，Native要费劲地把这个阉割版转换成native原生的表达方式（比如iOS的Constraint\origin\Center等属性），两边都会不爽

时间： 2024-08-05 18:23:25

原生，html5，混合Hybird的相关文章

Android + HTML5 混合开发

摘要: 对于 Android + HTML5 混合开发以下的观点仅仅是我的个人观点,如果有什么不对的地方请指正简介: 混合开发的 App(Android + HTML5)就是在一个 App 中内嵌一个轻量级的浏览器(WebView),一部分原生的功能改为 HTML5 来开发,这部分功能不仅能够在不升级 App 的情况下动态更新,而且可以在 Android 或 iOS 的 App 上同时运行,让用户的体验更好又可以节省开发的资源. ##成品 APP: 超星慕课(一款包含 Java 和 C# 学习

原生HTML5 input type=file按钮UI自定义

原生<input type="file" name="file" />长得太丑提升一下颜值实现方案一.设置input[type=file]透明度为0,使用绝对定位遮罩在自定义的按钮标签层的之上. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>原生HTML5 input typ

原生 or 混合 ? 关于应用永不停息的争论

摘要:原生应用和混合应用的争论愈演愈烈.在移动技术的世界,我们需要了解本地应用和混合应用的利弊. [编者按]作者 Jose Maria Arranz是 ItsNat AJAX Java web .ItsNat Droid Android framework 等的网站的创始人,本篇文章中,Jose 通过对比原生应用和混合应用的诸多利弊,让更多的人了解到两者之间的区别,根据需求选择更适合的类型应用. 混合还是本地?这是一个问题.针对这一问题我也来说两句(以下纯属个人观点). 语言原生应用:使用「严

横向浅谈移动技术------（原生，混合，web --- 谁能问鼎移动开发的明天）

目前移动互联网基本采用了NativeApp.WebApp.HybridApp三种开发模式,很难说这三种模式那种更优越,目前的情况可以说是三分天下吧,不同的开发者可以根据自己的实际情况选择不同的开发模式.谈论那种模式最好实际上事非常无聊的事情. 1.1. APP三种开发模式智能手机之普及不用多说,手机APP渗投到各个行业:电商(淘宝.京东等).金融(各手机行业.P2P借贷等).医疗(智慧医疗).交通(滴滴.Uber等).教育(慕课网等).餐饮(饿了吗.美团等)……反正只要是个企业,无论规

web开发原生开发混合开发的区别优势

最近有人在讨论是原生开发好还是,混合开发好,以下是引用了数据来说: 最近原生应用.Web应用.混合应用的名字让我们听得比较熟悉了,现在我们就通过评析各种应用的优缺点来更进一步看看这三者的区别. 一.原生应用你使用过微软PowerPoint或者Word吧?这些可直接在你电脑上运行或者在智能手机上运行,简单来说,原生应用是特别为某种操作系统开发的,比如iOS.Android.黑莓等等,它们是在各自的移动设备上运行的. 优点: 可访问手机所有功能(GPS.摄像头): 速度更快.性能高.整体用户体验不

对不支持原生html5 websocket的浏览器进行兼容

结果: 转载请注明:TheViper 从github上的 web-socket-js(socket.io好像也是用这个做的他们的flash替代传输方式)改过来的.不过值得注意的是里面的flash websocket代理文件,文件实在是很大,有174k 很好奇,就反编译看下, 是flex做的,这点很不喜欢,因为我没有flex builder也不想因为去改代码重新装一个,然后mx包下面的是flex的组件,com包下是adobe封装的socket和两个加密包 . 最下面那个包才是最主要的,代码不是很复

Html5混合开发环境的搭建

工具:Android SDK,Java JDK,Node.js,Cordova.Ionic.python: 1.androd 需要配置:jdk路径和sdk 配置: jdk配置环境变量: JAVA_HOME:jdk安装目录,如:F:\Java\jdk1.8.0_11 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 2.Android sdk配置环境变量: ANDROID_HOME:为Android SDK的存放目录,如:E:\Android\sdk (ANDROID_HO

Vue+原生App混合开发手记#2 融云即时通讯

最近开发的一个医药项目中要求加入即时通讯,最后选择了融云IM即时通讯服务,融云即时通讯包含Android SDK,iOS SDK以及Web SDK,为了节省开发时间,使用了Web SDK,这样在Android平台和iOS平台上都能表现一致.这是部分界面的效果, 分为两类用户,一类是医生,接受患者的咨询,一类是患者,可以与医生交流: 医生用户看到的界面患者用户看到的界面聊天界面获取App Key 首先进入融云官网,找到Web SDK开发指南,按照提示先注册一个账号,拿到AppKe

Android混合开发，html5自己主动更新爬过的坑

如今使用混合开发的公司越来越多,尽管出现了一些新技术,比方Facebook的react native.阿里的weex,但依旧阻挡不了一些公司採用h5的决心.当然,这也是从多方面考虑的选择. 在三年前就使用过html5混合开发,当时做的是一款贵金属软件,涨跌五线谱.乾坤交易,还有各个股市的信息,那时候还是上波牛市爆发的前夕,哎... 近期公司让用h5混合开发.一些页面和功能有h5分担,最初时候放在本地assets目录下,后来因为前端同事频繁改动和更新.再加上数据安全方面考虑,决定把包放在serve