单页应用

定义

单页应用(Single-Page Application,SPA)是一种 Web 应用架构形态。它在首次加载时获取一个 HTML 外壳与必要的 JavaScript,此后用户与应用的交互、页面间的「跳转」均在同一个页面文档内,通过 JavaScript 动态更新视图完成,无需向服务器请求并加载新的整页 HTML。[1]

原理

SPA 在客户端运行一个负责管理界面与状态的应用程序。路由由前端的客户端路由器接管,通过 History API 操作浏览器地址与历史记录,在不刷新页面的前提下切换视图。数据通常以异步请求(如 fetch)的方式按需从后端 API 获取,再由前端框架将其渲染为对应的界面。React、Vue、Angular 等是构建 SPA 的常用技术。

特点

优点在于:页面切换无整页刷新,交互流畅、体验接近原生应用;前后端职责分离清晰,后端可专注提供 API。缺点包括:首屏需下载并执行较多 JavaScript,初始加载与可交互时间可能较长;对纯客户端渲染的内容,搜索引擎优化与首屏性能存在天然挑战;需自行处理路由、状态、代码分割等复杂度。

应用

SPA 适用于交互密集、强状态、对页面切换流畅度要求高的应用,如管理后台、在线工具与协作类产品。对于重内容、重 SEO 的站点,业界常借助服务端渲染、静态生成或孤岛架构等手段弥补 SPA 在首屏与可发现性方面的不足。