前端开发SPA项目涉及哪些独特的技术或框架？

一、架构区别：SPA 与传统多页面的根本差异

单页应用一次性加载 HTML、CSS、JS。后续仅通过 AJAX 或 API 异步获取数据，实现局部更新。这样可以明显提高加载速度和交互流畅度，使用者几乎感受不到页面刷新。

传统 MPA 的工作方式 每次页面跳转都向服务器请求完整的 HTML 页面浏览器需要重新解析所有资源，导致明显的闪烁和等待。

使用者痛点：在大型后台程序或编辑器中，频繁的全页刷新会让使用者产生“卡顿”“等待太久”的负面体验。

组件化与代码复用

SPA 通常采用组件化开发，将页面拆分为独立、可复用的组件；而 MPA 往往缺乏统一的组件程序。公共代码重复率高，维护成本随项目规模线性增长。

二、页面加载方式区别

SPA 的加载流程 首次访问时加载完整的框架脚本还有基础资源。随后通过前端路由切换视图，仅请求必要的数据，实现类原生的流畅体验。

MPA 的加载流程 每次点击链接都会向服务器请求新的 HTML 文档，导致完整页面重新渲染。

使用者痛点：首屏加载慢是 SPA 常见投诉；在网络环境不佳时“白屏”时间会显著影响转化率。

三、路由管理区别

SPA 前端路由原理 利用 History API 或 hash 方式拦截 URL 变化。将 URL 与对应的组件映射，实现无刷新的页面切换，同时支持权限控制、页面状态持久化等高级需求。

MPA 服务器端路由原理 每次 URL 变化都触发 HTTP 请求，由服务器返回新的 HTML 页面。