SPA与MPA的优缺点

开场：在逆战班学习中，了解到了SPA和MPA，这里就总结了一下他们的优缺点。

SPA（单页面应用）

SPA（ Single-page Application ）只有一个html页面，所有跳转方式都是通过组件切换完成的。

优点：
1.用户体验好，流畅。
2.因为是单页面，所以对服务器的压力较小。
3.可以在页面切换的时候增加一些炫酷的动画效果。
4.代码的可复用，且由于是组件化开发，有利于后期的维护。

缺点：
1.页面复杂度变大，开发难度较大。
2.不利于SEO
3.首次加载的时候用时较长。

MPA（多页面应用）

MPA（Multi-page Application）就是指一个应用中有多个页面，页面跳转时是整页刷新，拥右多个html页面，常见于PC端网站。

优点：
1.首屏加载较快，只需要加载本页面的HTML、CSS、JS
2.有利于优化SEO。
3.页面复杂度不高，开发成本较低。

缺点：
1.网站的后期维护难度较大。
2.页面之间的跳转受网络以及设备等影响，耗时较长，出现空白等待的页面，用户体验不高
3.代码重复度大。
4.对服务器的压力较大