Web App、Hybrid App与Native App
在这个App的时代,转战了前端,一直接触的都是pc, 离out不远了。
那么接下来,app是我接下来半年的重点,为什么是半年,因为时间不多了。
因为是前端,那么我的重心肯定是 Web App, Hybrid App,想起java都头疼。
关于写这篇博客,属于打标签,让自己初步的理解三种app.
Web App: 纯html5 + js + cs 编写的网页程序,活在浏览器里面,也就是我们原来说的wap。
Hybrid App: web-app、native-app这两者之间的app,它虽然看上去是一个Native App,里面访问的是一个Web App。
Native App: 采用Java/objective-c/C#等编写的运行在手机操作系统里面应用程,能直接调用系统各种资源,和windows桌面程序一个道道。
|
Web App(网页应用)
|
Hybrid App(混合应用)
|
Native App(原生应用)
|
|
| 开发成本 | 低 |
中
|
高
|
| 维护更新 |
简单
|
简单
|
复杂
|
| 体验 |
差
|
中
|
优
|
| Store或market认可 | 不认可 | 认可 |
认可
|
| 安装 | 不需要 |
需要
|
需要 |
|
跨平台
|
优
|
优
|
差
|
这里这么多,我觉得核心还是体验和成本的一个权衡。
web app的瓶颈就是性能,对本地资源(硬件存储等)的控制,反之也是Native app的优势。
相同条件下,体验好自然留得住人,那么潜在的收益就来了。
相同条件下,开发维护成本低,那么收益也大。ios的审核流程相对严格,可能细微的修改或者紧急的修复周期都不短。
体验和成本的比较下,体验还要占到优势。
优缺点比对过了,那么再看看适用场合,借用知乎孙杰的回答:
1. 偏交互的Native,偏浏览的Web:交互指复杂操作,输入/选择什么的
2. 已稳定的Native,试错中的Web:H5页面用来做低成本验证很好
3. 访问硬件Native,信息展示Web:指手机里的各种传感器什么的
4. 核心功能Native,周边辅助Web:把工作量多投在刀刃上
但是我自己也补充一点点:
不结合业务纯说技术就是耍流氓,浏览器一直在发展,H5/http2/worker等的出现让web app的开发更上一层楼,在native app为主的app时代,Hybrid形式只会更好。
参考:
聊聊Web App、Hybrid App与Native App的设计差异
Web App、Hybrid App与Native App的更多相关文章
- Native App, Hybrid App, Web App对比
Native App,Hybrid App和Web App简介 目前基本所有的移动互联网app可以分为三类:Native App,Hybrid App和Web App. Native App是基于智能 ...
- 【微信小程序项目实践总结】30分钟从陌生到熟悉 web app 、native app、hybrid app比较 30分钟ES6从陌生到熟悉 【原创】浅谈内存泄露 HTML5 五子棋 - JS/Canvas 游戏 meta 详解,html5 meta 标签日常设置 C#中回滚TransactionScope的使用方法和原理
[微信小程序项目实践总结]30分钟从陌生到熟悉 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05- ...
- web app 、native app、hybrid app比较
web app .native app.hybrid app比较 产品新人学习路 关注 2017.06.04 14:52* 字数 1887 阅读 11476评论 1喜欢 15 之前做讨论的时候,提出了 ...
- Hybrid APP基础篇(二)->Native、Hybrid、React Native、Web App方案的分析比较
说明 Native.Hybrid.React.Web App方案的分析比较 目录 前言 参考来源 前置技术要求 楔子 几种APP开发模式 概述 Native App Web App Hybrid Ap ...
- 移动端学习之理解WEB APP、Native APP、Hybrid APP以及React Native/uniapp包括H5、小程序等的区别与共通之处
因为工作需要,需要进一步了解移动端的开发,遂返回复习移动端的知识点,在开始学习之前,产生了疑惑WEB APP .Native APP .Hybrid APP.React Native.Uniapp.H ...
- WebApp与Native App有何区别
转:http://blog.sina.com.cn/s/blog_5f2df1e401018hjj.html 今天看的一篇关于html5的Web App与Native App的技术分析,真的很棒分享一 ...
- 详解WebApp与Native App的区别
一篇真的很棒关于html5的Web App与Native App的技术分析 ! 自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于 ...
- Native App、Web App 还是Hybrid App?
一.什么是Native App? Native App即原生应用,即我们一般所称的客户端,是针对不同手机系统单独开发的本地应用,如需使用需要先下载到手机并安装,下载Native App的最常见方法是访 ...
- 聊聊Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...
- 移动开发 Native APP、Hybrid APP和Web APP介绍
高速区分定义: Native App 以基于智能手机本地操作系统如IOS.Android.WP并使用原生程式(SDK)编写执行的须要用户安装使用的第三方应用程序; Web APP 以HTML+JS+C ...
随机推荐
- (一)—Linux安装与硬盘分区
相信很多人对linux充满了喜爱,尤其是技术人员,玩惯了windows更想尝试一下这个系统.关于它的优点多多,当然,你的好你的坏,用过才明白!下面我这个菜鸟也来玩装个玩玩. 我不会那么冲动,上来就把自 ...
- Windows和Linux环境下搭建SVN服务器
--------------------------Windows下搭建SVN服务器----------------------------- 一.安装SVN服务端 软件包Setup-Subversi ...
- 购买DigtalOcean VPS 安装Wordpress 攻略
前言:用虚拟主机用的有点不爽了.刚好DigitalOcean的VPS这么廉价,这次来玩下"高大上"的VPS. 1. 购买VPS 基于国内的VPS价格比較贵,加上要备案.就选择了国外 ...
- HVR又一次load的时候须要将schedule suspend掉
今天在进行HVR的又一次load的时候.报错了: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fi ...
- 基于C++11的线程池
1.封装的线程对象 class task : public std::tr1::enable_shared_from_this<task> { public: task():exit_(f ...
- python内置函数(四)
python内部提供了非常多内建函数. 以下让我们从a-z開始学习python的内建函数 1.1 id(object) 返回对象的id(身份),返回的这个是一个整数(integer)是唯一的,在这个对 ...
- kafka入门样例 for java
1,生产者 import java.util.Properties; import kafka.javaapi.producer.Producer; import kafka.producer.Key ...
- Jenkins具体安装与构建部署使用教程
Jenkins是一个开源软件项目.旨在提供一个开放易用的软件平台,使软件的持续集成变成可能. Jenkins是基于Java开发的一种持续集成工具,用于监控持续反复的工作,功能包含:1.持续的软件版本号 ...
- 搭建 Keepalived + Nginx + Tomcat 的高可用负载均衡架构
1 概述 初期的互联网企业由于业务量较小,所以一般单机部署,实现单点访问即可满足业务的需求,这也是最简单的部署方式,但是随着业务的不断扩大,系统的访问量逐渐的上升,单机部署的模式已无法承载现有的业务量 ...
- Javaweb 项目内所有页面都是404问题
这两天出现的问题:项目内所有的页面都是404 问题原因:Tomcat在启动时出现了问题导致服务器根本没启动起来 问题的根本原因: 由于之前用到了拦截器,然后拦截器没用了被我删掉了,但是web.xml文 ...