前端渲染與後端渲染之間的區別？

前端沒興起之前，網頁的展示大都是後端渲染，也就是伺服器渲染。

隨著前端行業的發展，前端的工作越來越精細。前後端開始分離，前端只關注ui渲染。後端只提供資料和進行邏輯處理。

簡單的解釋，前端寫好html模板，讓後端直接填資料，這就是後端渲染。

前端渲染是，通過ajax請求介面返回的資料，將資料渲染出來。後端只寫介面，分工更明細。

前端渲染：

指的是後端返回json資料，前端利用預先寫的html模板，迴圈讀取json資料，拼接字串（es6的模板字串特性大大減少了拼接字串的的成本），並插入頁面。

好處：網路傳輸資料量小。不占用服務端運算資源（解析模板），模板在前端（很有可能僅部分在前端），改結構變互動都前端自己來了，改完自己調就行。

壞處：前端耗時較多，對前端工作人員水平要求相對較高。前端**較多，因為部分以前在後台處理的互動邏輯交給了前端處理。占用少部分客戶端運算資源用於解析模板。

後端渲染：

前端請求，後端用後台模板引擎直接生成html，前端接受到資料之後，直接插入頁面。

好處：前端耗時少，即減少了首屏時間，模板統一在後端。前端（相對）省事，不占用客戶端運算資源（解析模板）

壞處：占用伺服器資源。

前端渲染與後端渲染對比：

後端渲染：