服务端渲染(ssr)与客户端渲染(CSR)

407 阅读1分钟

什么事服务端渲染?

server side render 前端页面的产生是由服务器端产生的,我们称之为服务端渲染

什么是客户端渲染?

client side render 服务端只提供Json格式的数据,渲染成什么样子由 客户端通过js控制

客户端渲染我们叫做CSR渲染方式,服务端渲染我们叫做SSR渲染

  • CSR执行流程:浏览器加载html文件==》浏览器下载js文件==》浏览器运行前端代码==〉渲染页面
  • SSR执行流程:浏览器加载html文件==》服务端填好内容==〉返回浏览器渲染

开发模式对比

  • CSR:前后端通过接口JSON数据进行通信,各自开发互不影响
  • SSR:前后端分工搭配复杂,前端需要写好html模版交给后端,后端装填模版内容返给浏览器