客戶端渲染：

在服務(wù)端放了一個(gè)html 頁面，里面有<script>//發(fā)請(qǐng)求，拿數(shù)據(jù)，模版引擎渲染等，$.ajax ?,</script>

客戶端發(fā)起請(qǐng)求，服務(wù)端把頁面（響應(yīng)的是字符串）發(fā)送過去，客戶端從上到下依次解析，如果在解析的過程中，發(fā)現(xiàn)ajax

請(qǐng)求，再次像服務(wù)器發(fā)送新的請(qǐng)求，客戶端拿到ajax 響應(yīng)結(jié)果，模板引擎渲染。

過程至少和服務(wù)端發(fā)起兩次請(qǐng)求

服務(wù)端渲染：

sever 端頁面+數(shù)據(jù)，服務(wù)端過程：1.讀取index.html ?2.模版進(jìn)行渲染，在發(fā)送給客戶端之前，在服務(wù)端已經(jīng)把index.html 渲染處理了。var 渲染結(jié)果 = tempeter.render(模板字符串，｛解析替換對(duì)象｝) ? response.end(渲染結(jié)果)，服務(wù)端響應(yīng)的就是最總的結(jié)果

服務(wù)端只請(qǐng)求一次

多數(shù)網(wǎng)站既有服務(wù)端渲染又有客戶端渲染

?服務(wù)端渲染和客戶端渲染的區(qū)別

??+?客戶端渲染不利于?SEO?搜索引擎優(yōu)化

??+?服務(wù)端渲染是可以被爬蟲抓取到的，客戶端異步渲染是很難被爬蟲抓取到的

??+?所以你會(huì)發(fā)現(xiàn)真正的網(wǎng)站既不是純異步也不是純服務(wù)端渲染出來的

??+?而是兩者結(jié)合來做的

??+?例如京東的商品列表就采用的是服務(wù)端渲染，目的了為了?SEO?搜索引擎優(yōu)化

??+?而它的商品評(píng)論列表為了用戶體驗(yàn)，而且也不需要?SEO?優(yōu)化，所以采用是客戶端渲染

---------------------

作者：wuhuimin521

來源：CSDN

原文：https://blog.csdn.net/wuhuimin521/article/details/79929834

版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請(qǐng)附上博文鏈接！