服务器渲染和浏览器渲染的区别

页面上的数据要发生更新，就是渲染。
服务器端渲染，指的是后台语言通过一些模板引擎生成 html。
浏览器端渲染，指的是用 js 去生成 html，前端做路由。

浏览器端渲染路线：请求一个 html

1. 服务端返回一个 html
2. 浏览器下载 html 里面的 js/css 文件。
3. 等待 js 文件下载完成。
4. 等待 js 加载并初始化完成。
5. 由 js 代码向后端请求数据（ajax/fetch）。
6. 等待后端数据返回。
7. 客户端从无到完整地，把数据渲染为响应页面。

服务端渲染路线：请求一个 html。服务端请求数据

1. 服务器初始渲染。
2. 服务端返回已经有正确内容的页面。
3. 客户端请求 js/css 文件。
4. 等待 js 文件下载完成。
5. 等待 js 加载并初始化完成。
6. 客户端把剩下一部分渲染完成。