五、关于单页面(SPA)和多页面(MPA)

一、定义

• 单页面：只有一个页面作为入口，在浏览器中运行期间不会重新加载页面。也就是说浏览器一开始会加载它必需的html、css和js，之后所有的交互操作都在一个页面上完成
• 多页面：一个应用多个页面，页面跳转时整个页面都刷新，每次都请求一个新的页面

二、优缺点

2-1 单页面

优点:

• 加载速度快，用户体验好，内容的改变不需要重新加载整个页面，对服务器压力小
• 前后端分离，视觉效果好（比如切换页面内容时的专场动画）

缺点:

• 页面初次加载比较慢，耗时多

• 不利于seo

  2-2 多页面

  优点：

• SEO效果好

• 开发成本较低

缺点：

• 页面之间的跳转用时较长，用户体验较差
• 网站的后期维护难度较大
• 代码重复度大