一文读懂单页应用(SPA)和多页应用(MPA)的区别

英文解释


  • 单页面应用:SinglePage Web Application,简称 SPA
  • 多页面应用:MultiPage Application,简称 MPA

定义区分


(1)单页面应用
只有一个WEB主页面的应用,公共资源(js、css等)仅需加载一次,所有的内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅刷新局部资源。常用于PC端官网、购物等网站。

(2)多页面应用
有多个独立的页面的应用,每个公共资源(js、css等)需选择性重新加载,多页面跳转刷新所有资源。常用于 app 或 客户端等。

图说区别


(1)单页应用模型示意图:

(2)多页应用模型示意图:

表格对比


标签: