名词百科
什么是 H5 开发？
一句话定义
H5 开发指用 HTML、CSS、JavaScript 构建运行在浏览器中的网页应用。跨平台、免安装、可通过链接直接访问，但系统级能力受限。
它到底是什么
H5 原本是 HTML5 的简称，在国内语境里已泛化为「移动端网页」的统称。它的核心优势是链接即入口：发一条消息、贴一个二维码就能到达，不需要安装，也不经过任何审核。
它的限制来自浏览器沙箱：不能随意读写本地文件、不能后台常驻、推送能力弱、部分硬件接口需要用户显式授权且兼容性参差。这些限制决定了它适合「一次性到达」的场景，不适合需要长期驻留的业务。
怎么运作的
渲染：浏览器解析 HTML 构建 DOM，CSS 决定布局与样式，JavaScript 处理交互。现代框架（Vue、React）在其上做组件化与状态管理，最终仍输出这三样。
通信：通过 HTTP 接口与后端交换数据，常见 JSON 格式。跨域、鉴权、缓存策略是这一层的核心问题。
适配：用响应式布局、视口设置、弹性单位适配不同屏幕。移动端还要处理安全区、软键盘顶起、一像素边框等细节。
性能：首屏时间取决于资源体积与网络，常用手段是代码分割、图片压缩、CDN、服务端渲染。移动端网络波动大，性能预算要比桌面更严。
容易混的几个概念
- 响应式网站：一套页面适配多种屏幕，属于 H5 的一种实现方式。
- SPA：单页应用，页面切换不刷新，是前端架构模式而非 H5 本身。
- 小程序：运行在宿主内，能力更强但受平台规则约束。
- PWA：在 H5 基础上增加离线缓存与桌面入口。
常见问题
H5 和原生 App 的体验差距在哪？
主要在交互响应和动画流畅度：H5 的滚动、转场、手势反馈受浏览器渲染限制，复杂动画容易掉帧。内容型页面差距不明显，重交互页面差距明显。
H5 能做支付吗？
能，但路径依平台而定。微信内需要走 JSAPI 支付并配置授权域名；外部浏览器通常走 H5 支付，需在商户平台单独开通。支付回调必须由服务端校验，不能依赖前端结果。
B 前端终端 · 同组词条
原生开发原生开发是用平台官方语言和工具分别实现 iOS 与 Android 应用；混合开发是在原生外壳内嵌网页内容，或用跨平台框架共享大部分代码。两者在性能与开发成本上取向相反。响应式网站响应式网站是用一套代码自动适配桌面、平板、手机等不同屏幕尺寸的网站。它通过弹性布局与媒体查询改变排版，而不是为每种设备单独做一个站点。APP开发App 开发是面向手机操作系统（iOS、Android）构建可安装应用的开发方式。应用通过应用商店分发，能调用系统级能力，离线可用性和性能上限高于网页形态。企业官网企业官网建设是围绕企业展示、品牌传达和获客转化搭建官方网站的工作，通常包含信息架构设计、视觉设计、前端实现、内容管理和基础 SEO 配置。支付宝小程序支付宝小程序与抖音小程序是另外两家平台的应用形态，运行环境、开放接口和分发逻辑与微信小程序不同，代码不通用。公众号开发公众号开发是在微信公众平台的框架内，围绕图文推送、自定义菜单、用户消息和网页授权等能力进行的开发工作。它属于内容与消息载体，不是应用容器。微信小程序微信小程序是运行在微信内的应用形态，由微信提供运行环境和开放接口。用户无需下载安装，通过搜索、扫码、分享或公众号入口打开。跨平台开发跨平台开发是用一套代码构建多个平台应用的方式，代表框架有 uni-app、Flutter、React Native、Taro。它降低重复开发成本，但平台差异仍需单独适配。