服务端渲染和客户端渲染、多页应用和单页应用、后端路由和前端路由

任何一个技术的出现都不是凭空产生的，一定是为了解决原有技术上的痛点。

服务端渲染和客户端渲染：

服务端渲染：

SSR：Server Side Rendering，服务端渲染。指的是服务器端生成完整的 HTML 页面后，发送给客户端直接渲染呈现。早期的页面都是通过服务器端渲染来完成的。

服务端渲染的缺点：有可能某次请求只是一些数据发生了变化，但服务器却需要重绘整个 HTML 页面，返回给浏览器重新渲染，不仅浪费了带宽，也增加了浏览器的性能消耗。

客户端渲染：

CSR：Client Side Rendering，客户端渲染。指的是客户端先解析服务器端发送过来的文件生成完整的 HTML 页面，再渲染呈现。这种模式就是前后端分离。

SPA 页面通常依赖的就是客户端渲染。

多页应用和单页应用：

多页应用：

一个 Web 应用包含很多 HTML 页面。每一次页面跳转的时候，服务器都会给返回一个新的 HTML 文档。

单页应用（single page application、SPA、单页面富应用）：

整个应用只有一个完整的页面，点击页面中的链接不会刷新页面，只会做页面的局部更新。第一次进入页面的时候会请求一个 HTML 文件，跳转到其他路径，并不会请求新的 HTML 文件，但是页面内容也变化了。

单页应用的原理：

JS 会感知到 URL 的变化，通过这一点，可以利用 JS 动态的将当前的内容清除掉，然后将新的内容挂载到当前页面上。

单页应用的渲染流程：

1. 首先浏览器根据域名或者 IP 地址向服务器请求一个 index.html 文件。
2. 然后对其解析执行，生成完整的 HTML 页面后渲染显示；在这个过程中，如果发现 HTML 中有引入其他的文件，对其进行请求、解析、执行。