SPA单页面应用，mpa多页面应用的区别及优缺点

一、什么是SPA
SPA（single-page application），翻译过来就是单页应用

详解

• SPA
  是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTML、JavaScript和CSS）都通过单个页面的加载而检索，或者根据需要（通常是为响应用户操作）动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载，也不会将控制转移到其他页面举个例子来讲就是一个杯子，早上装的牛奶，中午装的是开水，晚上装的是茶，我们发现，变的始终是杯子里的内容，而杯子始终是那个杯子结构如下图
  
  我们熟知的JS框架如react,vue,angular都属于SPA

• MPA
  MPA中，每个页面都是一个主页面，都是独立的当我们在访问另一个页面的时候，都需要重新加载html、css、js

文件，公共文件则根据需求按需加载如下图

区别

单页应用与多页应用的区别