当前位置:首页 > 技术知识 > 正文内容

小程序、H5、App、Web?一图看懂你用的是什么!

maynowei10个月前 (08-12)技术知识94

手机里五花八门的应用,你知道它们到底有啥不同吗?

  • App (原生应用): 你从应用商店下载安装的“正经”软件,功能最全、速度最快(像微信、抖音本体),但占空间大,更新要手动。
  • 小程序: “寄生”在大App里的轻应用(如微信里的美团、滴滴),无需下载,即用即走,体验接近App,依托平台(如微信)生态,分享方便。功能受限于“宿主”。
  • H5/网页版: 你在手机浏览器里打开的页面(比如活动页、新闻移动版)。无需安装,输网址即看,开发快、跨平台,但功能较弱,性能一般,依赖网络。
  • Web (网站): 更广泛概念,包含H5和PC网页。核心是浏览器访问。

简单总结:

  • 要最强功能/性能?App
  • 图方便、快速用、好分享?小程序 (尤其在微信/支付宝里)。
  • 看信息、做活动、怕下载? 打开浏览器用 H5/网页版

下次用服务,留意一下入口,你就知道自己用的是哪种“形态”啦!

维度

小程序

H5 (移动Web页)

Web (网站/Web应用)

App (原生应用)

本质

平台内的轻应用

移动端优化的网页

基于浏览器的应用

安装在设备上的原生程序

运行环境

微信/支付宝/百度等超级App内

手机浏览器

各种设备浏览器

操作系统 (iOS, Android)

安装

无需安装,即用即走

无需安装

无需安装

需要应用商店下载安装

存储空间

占用宿主App缓存,很小

占用浏览器缓存,很小

占用浏览器缓存,很小

独立安装包,占用设备存储空间较大

能力调用

依赖宿主App提供的API (如支付、定位等)

依赖浏览器标准API

依赖浏览器标准API

直接调用操作系统所有原生API

开发技术

JS + WXML/WXSS (类Web) 或平台特定语言

HTML5 + CSS3 + JavaScript

HTML + CSS + JavaScript

iOS: Swift/Obj-C; Android: Java/Kotlin; 跨平台: Flutter/React Native

性能

介于H5和原生之间

一般

一般

最高

更新

后台静默更新,用户无感知

即时更新

即时更新

需用户手动更新

用户入口

宿主App内(扫码、搜索、下拉等)

浏览器地址栏输入URL

浏览器地址栏输入URL

设备桌面图标

跨平台

需适配不同小程序平台

需为不同OS单独开发或使用跨平台框架

获客成本

依托宿主生态,相对较低

高(依赖推广)

高(依赖推广)

高(需应用商店推广)

审核发布

需平台审核,较灵活快速

无需审核

无需审核

需应用商店严格审核,周期长

相关文章

打通 JAVA 与内核系列之 一 ReentrantLock 锁的实现原理

写JAVA代码的同学都知道,JAVA里的锁有两大类,一类是synchronized锁,一类是concurrent包里的锁(JUC锁)。其中synchronized锁是JAVA语言层面提供的能力,在此不...

大厂 Go 编程规范(二):mutex(编程大厂是什么意思)

mutex 是golang 的互斥锁,可以保障在多协程的情况下,数据访问的安全。1、零值有效我们并不需要mutex指针mu := new(sync.Mutex) mu.Lock()直接可以使用mute...

如何在Go中同步线程(go语言同步锁)

单线程代码已经带来头痛。添加第二个线程,就是从基础头痛升级了。解决方案?互斥锁:线程和数据的交通警察。一旦你理解了它们,线程同步就变成了第二本能,语言无关。在C++和Go中工作,我遇到过所有常见的混乱...

Navicat Premium 连接 Oracle 数据库

Navicat Premium是一个可多重连接的数据库管理工具,它可让你以单一程序同時连接到 MySQL、SQLite、Oracle 及 PostgreSQL 数据库,让管理不同类型的数据库更加方便。...

6 张图带你彻底搞懂分布式事务 XA 模式

XA 协议是由 X/Open 组织提出的分布式事务处理规范,主要定义了事务管理器 TM 和局部资源管理器 RM 之间的接口。目前主流的数据库,比如 oracle、DB2 都是支持 XA 协议的。mys...

面试官:说说Oracle数据库result cache的原理是什么?

概述前面已经用实验给大家介绍了Result Cache相关内容,今天主要讨论一下Oracle 11g Result Cache的深层原理。从参数看,Oracle提供了Client Result Cac...