瞭解客戶端呈現和服務器端呈現之間的區別？

Question

我是在理解客戶端渲染和服務器端渲染之間的基本差異的過程中的十字路口。這樣做的研究顯著量之後，這是我的理解

。當我們上這意味着服務器：

你有一個本地服務器說的Apache Tomcat，您可以通過點擊託管Web應用程序
在服務器上運行，它在服務器上呈現您的HTML。

我完全理解這一點。現在這裏開始我的困惑：

客戶端呈現?????

您提供一個沒有本地服務器的Web應用程序？

我可能是錯的，但這就是它給我帶來的結論。

我知道，ReactJS同時執行serverSide渲染和客戶端渲染。但是，我沒有得到這兩個效果圖之間的基本區別。

任何幫助將不勝感激。

Answer 1

在此上下文中的「渲染」表示「從各個組件部分組裝文檔」。

使用服務器端渲染，您將完成服務器上的所有操作，然後將完整的HTML文檔發送到瀏覽器。

這就是：

• 傳統
• 穩健
• 搜索引擎友好

有了客戶端呈現，你會使用客戶端JavaScript加載模板和一些數據（使用多個請求），然後將它們放在瀏覽器中形成一個DOM並創建一個頁面。

這可以爲後續頁面提供性能優勢（因爲爲它們提取的數據較少），但引導初始頁面的開銷通常較高。

缺乏健壯性和搜索引擎友好性可以通過結合技術來彌補。對頁面的新請求（任何頁面）使用服務器端呈現，但以下鏈接觸發JavaScript以涉及Ajax，歷史記錄API和客戶端呈現。如果你使用服務器端JavaScript，你可以重用一些相同的代碼（這有時被稱爲同構JS）。