伺服器端渲染和客戶端渲染

2021-09-26 16:00:57 字數 538 閱讀 5213

###
不知什麼時候腦海裡突然冒出個問題,當輸入乙個**時,展現在我們眼前的資料從何而來?然後想呀想,查呀查,隨之引入了第乙個概念就是伺服器端渲染和客戶端渲染.

1. 什麼是伺服器端和客戶端?

###伺服器端:顧名思義是提供服務的,接收客戶端發出的請求,然後於response作為回應。

客戶端:同理,「客戶」是發請求的那一方,常和request相關聯。

2.伺服器端渲染和客戶端渲染分別是怎樣工作的呢?

伺服器端渲染後端做的更多的事情,因為返回前端時已經生成了完整的模板,然後進行樣式和行為的渲染即可,有利於seo,但是伺服器壓力較大。

客戶端渲染至少要向服務端發兩次請求,然後動態載入js**,根據資料從無到有地去渲染,這個過程中前端做了更多的事情,因為只是拿了資料,然後去客戶端填充,所以伺服器的壓力會比較小。

無論是客戶端渲染還是伺服器端渲染,都是要向伺服器發請求,只是請求的方式和過程有所不同而已。

區分方式:請求是是否與有:

伺服器端渲染和客戶端渲染

網際網路早期,使用者使用瀏覽器瀏覽的都是一些沒有複雜邏輯的 簡單的頁面,這些頁面都是在後端將html拼接好的然後將之返回給前端完整的html檔案,瀏覽器拿到這個html檔案之後就可以直接解析展示了,而這也就是所謂的伺服器端渲染了。而隨著前端頁面的複雜性提高,前端就不僅僅是普通的頁面展示了,而可能新增...

React 伺服器端渲染和客戶端渲染效果對比

最近在學習 react 的服務端渲染,於是使用 express react 寫了乙個 demo,用於對比和客戶端渲染的差異。github 位址 先看一下效果吧 剛發布貌似 easy mock 官網就掛了,1 訪問 伺服器端渲染 online demo 2 我們可以看到,首屏資料很快的就顯示出來了,可...

React 伺服器端渲染和客戶端渲染效果對比

最近在學習 react 的服務端渲染,於是使用 express react 寫了乙個 demo,用於對比和客戶端渲染的差異。github 位址 先看一下效果吧 1 訪問 伺服器端渲染 online demo 2 我們可以看到,首屏資料很快的就顯示出來了,可是頁面的進度條卻還在載入中 因為客戶端 js...