簡談服務端渲染和客戶端渲染。

2021-09-11 02:08:12 字數 407 閱讀 4659

服務端渲染和客戶端渲染本質都是字串拼接;

服務端渲染:在客戶端發起請求後,在服務端把資料查詢的結果巢狀在html,然後把整個包發給客戶端進行渲染,這當中只會有一次請求。

客戶端渲染:在客戶端發起請求後,服務端將html頁面返回,html中還有js執行檔案和css樣式檔案,在頁面返回完成時,再執行js執行檔案,從服務端獲取資料資源,渲染到html頁面上,這當中,至少會有兩個請求。

以前,沒有前端這個概念的時候,一般都是以服務端渲染為主導;而現在,隨著瀏覽器和技術的不斷發展,基於使用者體驗為優先考慮因素,主要採用服務端渲染和客戶端渲染相結合的設計方式。

服務端渲染,有利於seo優化,減少網路請求,也減少了網路請求攜帶的流量開銷;缺點也很明顯,因為所有的資料渲染邏輯都在服務端處理,一旦資料返回格式需要改動,前端和後端檔案都需要做出相應改動。

服務端渲染和客戶端渲染區別?

首先,介紹一下 spa seo ssr 三者的區別 seo search engine optimization 搜尋引擎優化,利用搜尋引擎的規則提高 在有關搜尋引擎內的自然排名。我們之前說 spa 單頁面應用,通過 ajax 獲取資料,這就難保證我們的頁面能被搜尋引擎收到。並且有一些搜尋引擎不支援...

服務端渲染和客戶端渲染的對比

這裡結合art template模板引擎說明。首先了解下前端頁面中如何使用art template 1 script 標籤匯入包,當這個標籤匯入完畢後,在window全域性中就有了template 函式。2 建立乙個script標籤,內部是模板字串 3 var htmlstr template tm...

服務端渲染和客戶端渲染的對比

這裡結合art template模板引擎說明。首先了解下前端頁面中如何使用art template 1 script 標籤匯入包,當這個標籤匯入完畢後,在window全域性中就有了template 函式。2 建立乙個script標籤,內部是模板字串 3 var htmlstr template tm...