前端沒興起之前，網頁的展示大都是后端渲染，也就是服務器渲染。
隨著前端行業的發展，前端的工作越來越精細。前后端開始分離，前端只關注ui渲染。后端只提供數據和進行邏輯處理。
簡單的解釋，前端寫好html模板，讓后端直接填數據，這就是后端渲染。
前端渲染是，通過ajax請求接口返回的數據，將數據渲染出來。后端只寫接口，分工更明細。

前端渲染：

指的是后端返回JSON數據，前端利用預先寫的html模板，循環讀取JSON數據，拼接字符串（es6的模板字符串特性大大減少了拼接字符串的的成本），并插入頁面。

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

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

后端渲染：

前端請求，后端用后臺模板引擎直接生成html，前端接受到數據之后，直接插入頁面。

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

壞處：占用服務器資源。

 

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

后端渲染：</

總結

以上是生活随笔為你收集整理的前端渲染与后端渲染之间的区别？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。