当前位置:网站首页>服务器端渲染(SSR)和客户端渲染(CSR)的区别
服务器端渲染(SSR)和客户端渲染(CSR)的区别
2022-07-06 09:29:00 【社会你磊哥,命硬不弯腰】
常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理解,尤其对于我这种没有后台开发经验的小白来说,理解起来异常困难,最近花时间查了很多资料,总算弄明白了,于是整理下,加深记忆。
这边文章是参考下面的文章做的总结
服务器渲染
后端渲染HTML的情况下,浏览器会直接接收到经过服务器计算之后的呈现给用户的最终的HTML字符串,这里的计算就是服务器经过解析存放在服务器端的模板文件来完成的(模板引擎),在这种情况下,浏览器只进行了HTML的解析,以及通过操作系统提供的操纵显示器显示内容的系统调用在显示器上把HTML所代表的图像显示给用户。
前端渲染
简单来说:客户端渲染,就是每个人从服务器获取到的html文件是一样的,再在客户端去通过接口获取数据,拼装成页面展示,
利弊
下图是前后端渲染的顺序图
边栏推荐
- Fdog series (VI): use QT to communicate between the client and the client through the server (less information, recommended Collection)
- README. txt
- (multiple methods, need to continue to see) 7-11 go deep into the tiger's Den
- Usage of insert() in vector
- One hundred questions of image processing (1-10)
- I'm "fixing movies" in ByteDance
- Basic principles of video compression coding and audio compression coding
- ByteDance technical Interviewer: what kind of candidate do I want to pick most
- Saw local status change event StatusChangeEvent [timestamp=1644048792587, current=DOWN, previous=UP]
- 字节跳动海外技术团队再夺冠:高清视频编码已获17项第一
猜你喜欢
Business system compatible database oracle/postgresql (opengauss) /mysql Trivia
音视频开发面试题
字节跳动海外技术团队再夺冠:高清视频编码已获17项第一
Shell_ 03_ environment variable
Use JQ to realize the reverse selection of all and no selection at all - Feng Hao's blog
LeetCode 1557. The minimum number of points that can reach all points
~82 style of table
Full record of ByteDance technology newcomer training: a guide to the new growth of school recruitment
7-4 harmonic average
Chapter 6 datanode
随机推荐
Chapter 6 datanode
Shell_ 05_ operator
字节跳动技术新人培训全记录:校招萌新成长指南
Which is more important for programming, practice or theory [there are some things recently, I don't have time to write an article, so I'll post an article on hydrology, and I'll fill in later]
Fdog series (V): use QT to imitate QQ to realize login interface to main interface, function chapter.
Submit several problem records of spark application (sparklauncher with cluster deploy mode)
~72 horizontal and vertical alignment of text
7-8 likes (need to continue to improve)
我走过最迷的路,是字节跳动程序员的脑回路
100张图训练1小时,照片风格随意变,文末有Demo试玩|SIGGRAPH 2021
LeetCode 1641. Count the number of Lexicographic vowel strings
Fdog series (VI): use QT to communicate between the client and the client through the server (less information, recommended Collection)
Solve the problem of intel12 generation core CPU [small core full, large core onlookers] (win11)
字节跳动新程序员成长秘诀:那些闪闪发光的宝藏mentor们
Solve the problem that intel12 generation core CPU single thread only runs on small cores
Mp4 format details
Spark's RDD (elastic distributed data set) returns a large result set
字节跳动春招攻略:学长学姐笔经面经,还有出题人「锦囊」
~73 other text styles
Redis standalone startup