什么是渲染
把【数据】+【模板】拼接到一起
传统的服务端渲染
最早的web页面渲染都是在服务端进行的,也就是服务端在运行过程中将数据+模块拼接到一起,然后返回html给客户端,客户端直接展示就行。
流程图如下:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BxZgsfED-1603175445987)(C30D9D9C256D45E5980FE3EA2F6862E9)]](https://i-blog.csdnimg.cn/blog_migrate/03945c3399f90956a21d2907b6263f98.png#pic_center)
服务端渲染的缺点:
- 前后端代码完全耦合在一块,不利于开发和维护
- 前端没有足够的发挥空间
- 服务端压力大
- 用户体验一般,用户需要刷新才能重新获取数据
客户端渲染
因为服务器渲染存在上述问题,且伴随着ajax的产生,使得我们可以动态获取数据。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Va4MlNzx-1603175446016)(3016097347514D1195B4EE1A0D15F240)]](https://i-blog.csdnimg.cn/blog_migrate/c1bfa2ffb9d7b3dce80c6a6c7828abf3.png#pic_center)
我们现在常见的SPA单页面如Vue\React采用的都是客户端渲染。
客户端渲染优点: