一、前言                                                                                        

 主要涉及:

                 1、什么是服务端渲染

                 2、什么是客户端渲染

                 3、两者的区别,以及什么场合使用

                 4、参考:https://blog.csdn.net/yipiankongbai/article/details/25029183

二、主要内容                                                                                 

 1、客户端请求

       (1)用户在浏览器输入请求的地址例如:172.0.0.1:8080 到服务器

                服务器接受到客户端的请求拿到一个没有被数据渲染的空页面

                

 

        (2)客户端拿到服务端的空字符串页面,然后从上往下开始执行里面的代码,当执行到script中有请求或者渲染等代码时,就会对服务器再次发出请求

          

 

       (3)服务端接收到客户端的第二次请求,就把响应的数据发送给客户端,然后客户端再进行渲染

 

 

 

 

 

       在客户端渲染中, 客户端至少要对服务端发送两次请求

 

 

2、服务端渲染

 

    (1)客户端只发送一次请求,服务端直接返回给客户端一个被渲染好的页面,

 

 

3、如何辨别是客户端渲染还是服务端渲染

      比如,京东网站:

    看看选中的内容是客户端渲染还是服务端渲染

 

  右击查看网页源代码,ctrl+f查找:发现可以找到,说明为服务端渲染

     

   

   一般的用户评论为客户端渲染。

 

 

 

三、总结                                                                                        

1、客户端渲染需要对服务端进行两次请求,响应的开销较大,而服务端渲染只需要客户端对服务端进行一次请求

2、如何查看一个网页是客户端渲染还是服务端渲染:可以通过右键查看源代码的形式

     客户端渲染: 右击查看源代码找不到内容

    服务段渲染:是可以在源代码中找到内容的

3、网站一般都是用客户端渲染和服务端渲染结合的形式

4、正真的网站既不是纯异步,也不是纯服务端渲染,而是两者结合,

 

5、商品的商品列表采用的是服务端渲染,目的是为了SEO搜索引擎优化,而他的商品评论为了用户体验,用户体验更好

6、服务端渲染可以被爬虫抓取到,客户端渲染爬虫抓取不到

 

版权声明:本文为xxm980617原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/xxm980617/p/10514748.html