前端大厂面试100问|项目设计-2|SPA MPA，H5 编辑器，何时使用 SSR，hybrid 更新机制，运作流程，H5 抽奖页，RBAC 模型，权限管理

SPA MPA

题目

何时用 SPA 何时用 MPA ？

分析

• SPA - Single-page Application 单页面应用，只有一个 html 文件，用前端路由切换功能
• MPA - Multi-page Application 多页面应用，每个页面是单独的 html 文件

现在基于 React Vue 开发时，大部分产出的都是 SPA ，很少会产出 MPA 。

但并不是所有的场景都适用于 SPA ，项目设计时要确定好，否则后面不好改。

SPA 适用于一个综合应用

特点

• 功能较多，一个界面展示不完
• 以操作为主，不是以展示为主

举例

• 大型的后台管理系统（阿里云的管理后台）
• 知识库（语雀、腾讯文档）
• 功能较复杂的 WebApp（外卖）

MPA 适用于孤立的页面

特点

• 功能较少，一个页面展示得开
• 以展示为主，而非操作

举例

• 分享页（微信公众号文章）
• 新闻 App 里的落地页（有可能是用 H5 + hybrid 开发的）