前端渲染跟后端渲染的區(qū)別

前端渲染：

前端渲染是指后端返回json數(shù)據(jù)，前端渲染是通過ajax請(qǐng)求數(shù)據(jù)，然后通過js語(yǔ)法將數(shù)據(jù)展示到頁(yè)面中，前端利用預(yù)先寫的html模板，循環(huán)讀取json數(shù)據(jù)，拼接字符串，并插入數(shù)據(jù)。

好處：網(wǎng)絡(luò)傳輸數(shù)據(jù)量小。不占用服務(wù)端預(yù)算資源（解析模板），模板在前端（很有可能僅部分在前端），改結(jié)構(gòu)變交互都前端自己來了，改完自己調(diào)就行。

壞處：前端耗時(shí)較多，對(duì)前端工作人員水平要求相對(duì)較高。前端代碼較多，因?yàn)椴糠忠郧霸诤笈_(tái)處理的交互邏輯交給了前端處理。占用少部分客戶端運(yùn)算資源用于解析模板。

后端渲染：

前端請(qǐng)求，后端渲染是通過后端語(yǔ)言 + 后端模板( ejs ) 將頁(yè)面整個(gè)發(fā)送給前端，后端用后臺(tái)模板引擎直接生成html，前端接受到數(shù)據(jù)之后，直接插入頁(yè)面。

好處：前端耗時(shí)少，即減少了首屏?xí)r間，模板統(tǒng)一在后端。前端（相對(duì)）省事，不占用客戶端運(yùn)算資源（解析模板）

壞處：占用服務(wù)器資源。