SPA VS MPA
SPA
即切换时,不切换 HTML,而是重新加载 javascript 和 css,以实现页面的从新渲染
特点:
- SEO 不太好(国内)
- 首屏加载较慢
- 用户体验友好,不必刷新页面
框架选型
- 队员是否能快速学习和接收(学习成本)
- 框架生态(开发升本)
- 后期是否好维护(维护成本)
- 是否可以快速迁移,或者部分迁移(迁移成本)
兼容
- polyfill,可兼容 API,但不发兼容新的语法
- 语法转换,记录可全部兼容
MPA
通常来说,一个 *.html 为一个页面,多页面架构就是页面跳转时加载新的 HTML 文件
特点:
- SEO
- 首屏加载
- 模板渲染:多页面架构不可能离开模板渲染,但模板渲染有个缺点,由于对页面来说是全部替换,则需要全量更新 DOM,性能损耗较大