服務端渲染和客戶端渲染

1、前言                                                                                        

 主要涉及：

                 一、什麼是服務端渲染

                 二、什麼是客戶端渲染

                 三、二者的區別，以及什麼場合使用

                 四、參考：http://www.javashuo.com/article/p-gsidoydc-m.html

2、主要內容                                                                                 

 一、客戶端請求

       （1）用戶在瀏覽器輸入請求的地址例如：172.0.0.1:8080 到服務器

                服務器接受到客戶端的請求拿到一個沒有被數據渲染的空頁面

                

 

        （2）客戶端拿到服務端的空字符串頁面，而後從上往下開始執行裏面的代碼，當執行到script中有請求或者渲染等代碼時，就會對服務器再次發出請求

          

 

       （3）服務端接收到客戶端的第二次請求，就把響應的數據發送給客戶端，而後客戶端再進行渲染

 

 

 

 

 

       在客戶端渲染中， 客戶端至少要對服務端發送兩次請求

 

 

二、服務端渲染

 

    （1）客戶端只發送一次請求，服務端直接返回給客戶端一個被渲染好的頁面，

 

 

三、如何辨別是客戶端渲染仍是服務端渲染

      好比，京東網站：

    看看選中的內容是客戶端渲染仍是服務端渲染

 

  右擊查看網頁源代碼，ctrl+f查找：發現能夠找到，說明爲服務端渲染

     

   

   通常的用戶評論爲客戶端渲染。

 

 

 

3、總結                                                                                        

一、客戶端渲染須要對服務端進行兩次請求，響應的開銷較大，而服務端渲染只須要客戶端對服務端進行一次請求

二、如何查看一個網頁是客戶端渲染仍是服務端渲染：能夠經過右鍵查看源代碼的形式

     客戶端渲染: 右擊查看源代碼找不到內容

    服務段渲染：是能夠在源代碼中找到內容的

三、網站通常都是用客戶端渲染和服務端渲染結合的形式

四、正真的網站既不是純異步，也不是純服務端渲染，而是二者結合，

 

五、商品的商品列表採用的是服務端渲染，目的是爲了SEO搜索引擎優化，而他的商品評論爲了用戶體驗，用戶體驗更好

六、服務端渲染能夠被爬蟲抓取到，客戶端渲染爬蟲抓取不到