捋一捋服務器端渲染和客戶端渲染的區別

常聽到服務器端渲染和瀏覽器端渲染這兄弟倆，一直不是很理解，尤爲對於我這種沒有後臺開發經驗的小白來講，理解起來異常困難，最近花時間查了不少資料，總算弄明白了，因而整理下，加深記憶。
這邊文章是參考下面的文章作的總結
https://segmentfault.com/q/10...

首選咱們要明白這兩種技術出現的緣由，假如咱們只是須要一個徹底靜態的頁面，沒有任何數據變更，好比a.html
那咱們只須要把這個a.html扔到服務器上進行訪問就能夠了，可是現實工做咱們的頁面要複雜的多，各類數據變更交互，而你不可能爲每個變更的數據都寫一個視圖，那麼咱們就只能把數據和視圖分離，而後經過一種技術將數據塞進視圖裏面，這種技術就叫作渲染。

若是這個技術由瀏覽器來實現就叫客戶端渲染，若是是由服務器來實現就叫作服務器端渲染。

這裏要特別注意一點，這篇文章說的渲染和瀏覽器渲染html沒有任何關係，這裏的渲染是指生成html文檔的過程，新手小白要特別注意不要弄混了.

下面咱們用一個表格來總結下瀏覽器和服務器端渲染端卻別和優缺點

在看下客戶端和服務器端渲染路線，下圖左側是客戶端渲染，右側是服務器端渲染