前端同学, 别再被：SPA, MPA, CSR, SSR, 同构渲染, 静态化，ISR。这些概念搞懵了前言怎么这么多

前言

怎么这么多概念？想搞懂，但脑瓜子嗡嗡的。这篇文章或许能让你很简单的就搞懂。

	中文全称	英文全称	补充说明
SPA	单页应用	Single Page Application	你基于`vue.js`开发的就是SPA应用
MPA	多页应用	Multi-Page Application	你用`java的JSP`开发就是MAP应用

	中文全称	英文全称	补充说明
CSR	客户端渲染	Client-Side Rendering	你基于`vue.js`开发的就是用的CSR渲染
SSR	服务器端渲染	Server-Side Rendering	你用`java的JSP`开发的就是用的SSR渲染

概念解释: Web应用中采用一种策略，使得应用程序的代码能够在服务器端和客户端上运行并进行渲染。

主要解决的问题: 解决SPA应用不利于SEO的问题

你用Nuxt.js开发的项目就是同构渲染

概念解释: 静态化（Static Site Generation, SSG），就是将网站动态内容页，生成静态HTML页面。

主要解决的问题: 利于SEO，提高加载速度，降低服务器负担

你用nuxt开发的项目可以进行静态页生成配置，从而将动态内容页静态化。

概念解释: 增量式静态再生（Incremental Static Regeneration）

主要解决的问题: 解决页面静态化之后，访问到的数据可能不是最新的问题。让SSG也拥有了增量更新的能力

在 Nuxt.js 中应用 ISR 后，原本一次性生成的静态页面可以在后续的时间点上根据配置自动、增量地重新生成新的静态内容。