前端渲染與後端渲染的區別

2021-08-07 02:21:45 字數 1007 閱讀 6596

前端渲染:

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

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

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

後端渲染:

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

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

壞處:占用伺服器資源。

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

後端渲染:

頁面呈現速度:快,受限於使用者的頻寬

流量消耗:少一點點(可以省去前端框架部分的**)

可維護性:差(前後端東西放一起,掐架多年,早就在鬧分手啦)

seo友好度:好

編碼效率:低(這個跟不同的團隊不同,可能不對)

前端渲染:

頁面呈現速度:主要受限於頻寬和客戶端機器的好壞,優化的好,可以逐步動態展開內容,感覺上會更快一點。

流量消耗:多一點點(乙個前端框架大概50kb)當然,有的用後端渲染的專案前端部分也有在用框架。

可維護性:好,前後端分離,各施其職,**一目明了。

seo友好度:差,大量使用ajax,多數瀏覽器不能抓取ajax資料。

編碼效率:高,前後端各自只做自己擅長的東西,後端最後只輸出介面,不用管頁面呈現,只要前後端人員能力不錯,效率不會低。

內推資訊:

有想換工作的小夥伴嗎?

各種方向的崗位都有噢~(座標:廣州北京上海杭州)

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

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

前端渲染與後端渲染

前端渲染是通過ajax請求資料,然後通過js語法將資料展示到頁面中,稱之為前端渲染 後端渲染是通過後端語言 後端模板 ejs 將 頁面整個傳送給前端 後端模板 ejspug jade art template 現在流行的 前端渲染 問題 當前後端同時進行專案開發是,後端資料介面沒有寫好,但是前端卻需...

前端渲染與後端渲染

大概十年前,jsp php asp等為大多數 使用,也是由後端作為渲染。因為大多數工作都是由後端完成,對後端人員要求較高,前端的地位也就比較低。後端渲染的優勢 第一次搭建簡單 的速度快 seo 搜尋引擎優化 友好度高,特別是對於一些營銷購物推廣類 伺服器渲染不用關心瀏覽器相容性問題 隨著瀏覽器發展,...