CSR/SSR以及同构渲染的区别_旅游资讯

CSR/SSR以及同构渲染的区别

admin

2024-01-30 18:53:33

1CSR（客户端渲染）

在现在化的前端项目中，客户端渲染的代表性技术栈是vue,react,angular,我们常常使用他们来构建客户端单页或者多页应用程序。以SPA构建程序为例，在浏览器端首先渲染的是一套空的html,通过JS直接进行页面的渲染和路由跳转等操作，所有的数据通过ajax请求从服务器获取后，在进行客户端的拼装和展示。

原理：

（1）客户端发起http请求

（2）服务端响应http请求，返回一个空的html文件

（3）客户端初始化时加载必须的js文件，请求接口

（4）将生成的dom插入到html中

缺点

（1）首屏加载

2SSR（传统服务器渲染）

传统的服务器渲染有：asp,jsp,ejs等，服务器语言往往通过这些模板引擎将数据和dom在服务器端渲染完成，返回一个完整的静态html页面给客户端，由客户端直接显示。

原理：

（1）客户端发送http请求

（2）服务端响应http请求，返回拼接好的html字符串给客户端

（3）客户端渲染html

缺点：

（1）前后端分离，不好维护

（2）用户体验不佳，需要重新加载页面

（3）服务端压力大

上一篇：高等数值计算方法学习笔记第4章第二部分【数值积分（数值微分）】

下一篇：Spring Boot中如何定义多套不同环境配置？

CSR/SSR以及同构渲染的区别

相关内容

热门资讯