渲染模式
1, CSR
前后端分离的模式,对于后端开发人员来说,不需要去考虑前端页面如何。
对于上图的第一个截图可以看到,body标签下面,并没有具体的页面内容,
是在页面加载完成之后,再将页面内容全都塞到图一的div标签里面。
2,SSR
和CSR相反,这个是在服务端会把页面的内容返回回来,前端再进行渲染。
对于上图,前端代码中就会前端一些后端的语言,不会进行前端分离。
前端是负责ui和交互,这种方式就是代码的耦合度比较高,不容易去维护代码
3, 同构SSR
现在比较常用的就是同构SSR,在浏览器的network里面,服务器端返回的是一个完整的页面。
对于BFF 的概念,就是相当于在前端和后端之间的一层。这一层存在的意义是,对后端的数据进行拼接,将拼接后的结果返回给前端。
这样,后端就只可以关注数据的问题,一些逻辑问题就可以放给BFF来解决,最后满足前端接口数据的要求即可。
4,SSG
和SSR类似,不同的是,在获得到后端返回的html会被保存到本地或者是CDN上面,下次访问的时候,就相当于一个静态资源。那就不会每次都会访问服务器。
5, SSR和SSG的优势–利于SEO
CSR的痛点,就是对于搜索引擎并不会敏感,因为CSR的页面信息是为空,对于SSR来说,html文件里面会存在页面的一些数据,爬虫会根据html的内容进行检索到。