名词百科
什么是 PWA？
一句话定义
PWA（Progressive Web App，渐进式网页应用）是在普通网页基础上增加离线缓存、桌面安装入口和消息推送能力的网页应用形态。它仍然运行在浏览器中，不需要应用商店。
它到底是什么
PWA 是给网页补上三项类应用能力：可安装（添加到主屏）、可离线（缓存资源与数据）、可推送（部分平台支持）。它没有改变网页的本质，只是把「打开浏览器输网址」这一步省掉了。
它的现实处境是平台支持不均：Android 与桌面 Chrome 支持完整；iOS 的支持长期受限，推送与后台能力弱。因此它更适合作为「App 的低成本替代」，而不是「App 的通用替代」。
怎么运作的
Service Worker：一段运行在浏览器后台的脚本，拦截网络请求，决定从缓存还是网络取数据。它是离线能力的基础。
Web App Manifest：一份配置文件，声明应用名称、图标、启动方式与主题色，决定「添加到主屏」后的呈现。
缓存策略：静态资源用长期缓存加版本号，接口数据用网络优先或缓存优先，需按业务决定。策略设计不当会出现「用户永远看到旧数据」。
推送：依赖浏览器与推送服务，国内 Android 环境支持参差，实际触达率通常不如原生推送。
容易混的几个概念
- H5：普通网页，无离线与安装能力。
- 小程序：运行在宿主内，能力来自宿主开放接口。
- 混合 App：原生外壳 + 网页，可上架应用商店。
- 离线包：App 内预置网页资源的方案，与 PWA 的浏览器缓存机制不同。
常见问题
PWA 在国内能替代 App 吗？
很难。iOS 支持受限，国内 Android 的推送通道也不统一，导致「安装后能被主动唤起」这个关键能力不可靠。它更适合作为补充入口。
PWA 对 SEO 有影响吗？
没有负面影响，页面仍是可抓取的 HTML。但要注意 Service Worker 缓存策略不能让爬虫拿到过期内容，否则会影响索引更新。
B 前端终端 · 同组词条
跨平台开发跨平台开发是用一套代码构建多个平台应用的方式，代表框架有 uni-app、Flutter、React Native、Taro。它降低重复开发成本，但平台差异仍需单独适配。前后端分离前后端分离是把界面展示与业务逻辑拆成两个独立部分开发的架构方式：前端负责页面与交互，后端提供接口与数据。两者通过 HTTP 接口通信。公众号开发公众号开发是在微信公众平台的框架内，围绕图文推送、自定义菜单、用户消息和网页授权等能力进行的开发工作。它属于内容与消息载体，不是应用容器。SPASPA（单页应用）是页面切换不重新加载文档的前端架构，由 JavaScript 接管路由与渲染；SSR（服务端渲染）是在服务端先渲染出 HTML 再返回，首屏更快且利于爬虫抓取。企业官网企业官网建设是围绕企业展示、品牌传达和获客转化搭建官方网站的工作，通常包含信息架构设计、视觉设计、前端实现、内容管理和基础 SEO 配置。微前端微前端是把一个大型前端应用拆成多个可独立开发、独立部署的小应用，再在运行时或构建时组合成一个整体的架构方式。响应式网站响应式网站是用一套代码自动适配桌面、平板、手机等不同屏幕尺寸的网站。它通过弹性布局与媒体查询改变排版，而不是为每种设备单独做一个站点。UI设计UI 设计关注界面的视觉呈现（色彩、排版、控件样式）；UX 体验设计关注用户完成任务的整体感受与路径效率。前者管「看起来怎样」，后者管「用起来顺不顺」。