当前位置:网站首页>服务器端渲染(SSR)和客户端渲染(CSR)的区别
服务器端渲染(SSR)和客户端渲染(CSR)的区别
2022-07-06 09:29:00 【社会你磊哥,命硬不弯腰】
常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理解,尤其对于我这种没有后台开发经验的小白来说,理解起来异常困难,最近花时间查了很多资料,总算弄明白了,于是整理下,加深记忆。
这边文章是参考下面的文章做的总结
服务器渲染
后端渲染HTML的情况下,浏览器会直接接收到经过服务器计算之后的呈现给用户的最终的HTML字符串,这里的计算就是服务器经过解析存放在服务器端的模板文件来完成的(模板引擎),在这种情况下,浏览器只进行了HTML的解析,以及通过操作系统提供的操纵显示器显示内容的系统调用在显示器上把HTML所代表的图像显示给用户。
前端渲染
简单来说:客户端渲染,就是每个人从服务器获取到的html文件是一样的,再在客户端去通过接口获取数据,拼装成页面展示,
利弊
下图是前后端渲染的顺序图
边栏推荐
- QT system learning series: 1.2 style sheet sub control lookup
- DS18B20数字温度计系统设计
- LeetCode 1560. The sector with the most passes on the circular track
- LeetCode 1558. Get the minimum number of function calls of the target array
- Simply try the new amp model of deepfacelab (deepfake)
- js垃圾回收机制和内存泄漏
- Shell_ 01_ data processing
- [unsolved]7-14 calculation diagram
- Use JQ to realize the reverse selection of all and no selection at all - Feng Hao's blog
- Solve the problem that intel12 generation core CPU single thread only runs on small cores
猜你喜欢
Shell_ 01_ data processing
I'm "fixing movies" in ByteDance
Shell_ 06_ Judgment and circulation
LeetCode 1557. The minimum number of points that can reach all points
The QT program compiled on CentOS lacks a MySQL driven solution
Ffmpeg command line use
「博士毕业一年,我拿下 ACL Best Paper」
Shell_ 03_ environment variable
Mp4 format details
字节跳动多篇论文入选 CVPR 2021,精选干货都在这里了
随机推荐
SQL快速入门
~75 background
[unsolved] 7-15 shout mountain
~87 animation
谢邀,人在工区,刚交代码,在下字节跳动实习生
LeetCode 1641. Count the number of Lexicographic vowel strings
字节跳动多篇论文入选 CVPR 2021,精选干货都在这里了
7-8 likes (need to continue to improve)
字节跳动海外技术团队再夺冠:高清视频编码已获17项第一
Use JQ to realize the reverse selection of all and no selection at all - Feng Hao's blog
string. How to choose h and string and CString
Soft music -js find the number of times that character appears in the string - Feng Hao's blog
~71 abbreviation attribute of font
Data config problem: the reference to entity 'useunicode' must end with ';' delimiter.
Usage of insert() in vector
One hundred questions of image processing (11-20)
ByteDance technical Interviewer: what kind of candidate do I want to pick most
搭建flutter环境入坑集合
TCP的三次握手和四次挥手
ByteDance open source Gan model compression framework, saving up to 97.8% of computing power - iccv 2021