背景最初，我们的APP应用程序是多页APP应用程序。 多页APP应用程序是指每次客户订购时返回新的页面。 在互联网初期，这个问题并没有带来不好的用户体验，但随着移动互联网的发展和用户体验
开发者开始思考，为什么我们每次只更改页面的一部分数据，却要更新整个页面。
所有的反思都推动了技术的进步。 我们可以第一次加载所有页面的内容，以后更新，只更新变化了的数据吗？ 答案很好。 这就是单页APP spa。
下图是对单页APP应用程序和多页APP应用程序进行整体比较的过程。
从上图可以看出：
多页APP应用程序：
每次向服务端请求时，都会返回整个html页单页APP应用程序。
首次加载整个html页面，稍后使用ajax提交请求以获取更改的数据并部分刷新
根据第一步的说明，多页APP应用程序具有以下优点：
有利于seo的原理是检索html的页面内容。 多页面APP应用程序在seo方面优于单页面APP应用程序，因为大多数单页面APP应用程序都是js，并且不支持seo。 当然，在实际的APP应用程序中，spa APP应用程序可以利用服务端渲染来解决问题和解决问题。
稍后将介绍SPA的服务渲染。
可以通过方便地扩展多页APP应用程序来增加页数，虽然几乎没有限制，但SPA的一个页面上的数据只是有限的，不能无限制地增加。 因此，如果页面上显示的信息很多，建议使用MPA体系结构
丰富的可视化数据分析工具多页面APP应用具有丰富的可视化数据分析，包括页面访问次数、访问时间和用户浏览时间。 SPA通常只有会话数和访问时间。
任何事物都有两面性。 看看MPA的缺点：
MPA包含更多的页面，因此需要更多的资源和成本。 每次都需要重新获取页面内容，这会增加服务器压力，降低性能并增加维护成本
单页面APP应用程序
SPA相对资源消耗少，页数少，维护方便，用户体验好。 SPA的技术堆栈包括HTML5、Angular、React、Vue.js、Ember.js和AJAX。
SPA的好处：
更快的页面加载速度：仅首次屏幕加载需要更长时间，后续请求仅更新部分数据，性能优于MPA。 开发相对容易、相对快速：页面相对较少的MPA，并且可以重用很多代码，从而提高用户体验。 这将减少耗时的移动APP基础。 服务端只需返回json数据，渲染由客户端完成，因此，我们知道能够适应PC、Android、IOS等各种客户端是SPA流行的最大原因。 SPA缺点：
虽然对SEO不利，但使用SSR服务渲染可以解决。 容易受到XSS攻击：由于客户端渲染，许多初级开发人员在浏览器中编写逻辑，可能会受到XSS攻击。 下面的表格总结了几种SPA和MPA的比较。 我理解这是因为移动开发的流行促进了SPA技术的发展。
在比较维多页APP应用模式MPA单页APP应用模式spa APP应用中，由多个完整页组成的shell页与由多个页片段组成的跳转类型页之间的跳转，或者从一个页到另一个页片段的跳转这是片段之间的模拟跳转，打开页面跳转后，公共资源显示为URL模式http://XXX/page1. html 3358 XXX/page1. html 3358 XXX/shell.html 容易实现的(移动电话APP的效果)页面之间的数据传输依赖于URL、cookie或本地存储，包括能否在移动设备上实现过渡视频。 实现的麻烦在于，在一个页面内容易实现页面间的数据传输，因此需要直接进行搜索引擎的优化) SEO )。 最适合有点麻烦(服务端渲染)的范围需要在对搜索引擎友好的网站上要求体验的APP。 特别是移动APP开发难度低，框架选择容易增加，需要专用框架来降低该模型的开发难度
请参阅文章：
3359 dzone.com/articles/the-comparison-of-nigle-page-and-multi-page-appli
33559 www.Jian Shu.com/p/4c9c 29967 dd6