淺析前端渲染與後端渲染
前端渲染與後端渲染本質上可以理解為：瀏覽器渲染與伺服器渲染
備註：以下純屬本人個人的一些總結與看法，如有異同，歡迎大家指教；
渲染的本質：字串的拼接，將資料渲染進固定格式的html程式碼中，形成最終的html顯示在使用者頁面上。
對比：
1.前端渲染（資料傳回前端顯示）---- 填
優點：不佔用伺服器運算資源（解析模板）
弊端：佔用客戶端運算資源，
2.後端渲染（1.後端配置模板 2.資料渲染並返回） ---- 吐/噴
優點：模板統一在後端，前端省事，不佔用客戶端運算資源（解析模板）
弊端：佔用伺服器運算資源，請求的資料量偏大，前端的互動樣式更改需要聯動修改
3.
實現：直接插入DOM節點或者內容
優點：前端可控，操作DOM結構比較方便
弊端：各種字串，DOM節點的拼接比較麻煩
最大區別：
特點：
1.前端渲染：比較靈活，使用與DOM操作比較頻繁或互動複雜的業務場景。不必反覆請求，理論上更加符合前後端分離。 編碼效率高。
2.後端渲染：相對模組化，適用於片展示型的頁面，利於SEO，因為後端已經渲染好了，所以載入體驗相對較好，網速差時 表現較差。編碼效率較低。
從後端渲染到前端渲染，發生了什麼改變？
*計算機任務的轉移
原本有伺服器渲染的任務交給客戶端，大量使用者訪問時，大大減輕了後端的壓力。效能大大提高，因為伺服器做的事情確實減 少了。而且隨著客戶端硬體的發展，也能處理好多數的渲染任務。
*放棄前端許可權
將頁面整個的UI邏輯交給客戶端的話，一些有經驗的使用者可能會看到一些本不該看到的頁面，違反了安全原則。所以後端不能 輕信從前端傳來的資料，一定要做好過濾與驗證。
結語
前端渲染與後端渲染的選擇，更多的是要看業務場景。