页面上的数据要发生更新,就是渲染。
服务器端渲染,指的是后台语言通过一些模板引擎生成 html。
浏览器端渲染,指的是用 js 去生成 html,前端做路由。
浏览器端渲染路线:请求一个 html
- 服务端返回一个 html
- 浏览器下载 html 里面的 js/css 文件。
- 等待 js 文件下载完成。
- 等待 js 加载并初始化完成。
- 由 js 代码向后端请求数据(ajax/fetch)。
- 等待后端数据返回。
- 客户端从无到完整地,把数据渲染为响应页面。
服务端渲染路线:请求一个 html。服务端请求数据
- 服务器初始渲染。
- 服务端返回已经有正确内容的页面。
- 客户端请求 js/css 文件。
- 等待 js 文件下载完成。
- 等待 js 加载并初始化完成。
- 客户端把剩下一部分渲染完成。