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

何为渲染？

页面上的数据要发生更新，就是渲染。

这个工作放在服务器进行就是服务器渲染，放在浏览器进行就是浏览器渲染。

服务器端渲染，指的是后台语言通过一些模板引擎生成 html。

浏览器端渲染，指的是用 js 去生成 html，前端做路由。

浏览器端渲染路线：

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

服务端渲染路线：

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

服务端渲染框架

• Next.js: React框架
• Nuxt.js: Vue框架