首頁(yè)技術(shù)文章正文

什么是客戶(hù)端渲染？

更新時(shí)間:2021年08月20日16時(shí)10分來(lái)源:傳智教育瀏覽次數(shù):

客戶(hù)端渲染，即傳統(tǒng)的單頁(yè)面應(yīng)用(SPA)模式，Vue.js 構(gòu)建的應(yīng)用程序默認(rèn)情況下是-個(gè)HTML模板頁(yè)面，只有一個(gè)id為app的<div>根容器，然后通過(guò)webpack打包生成CSs、js等資源文件，瀏覽器加載、解析來(lái)渲染HTML。

在客戶(hù)端渲染時(shí)，一般使用的是webpack-dev-server插件，它可以幫助用戶(hù)自動(dòng)開(kāi)啟一個(gè)服務(wù)器端，主要作用是監(jiān)控代碼并打包，也可以配合webpack-hot-middleware來(lái)進(jìn)行熱更替(HMR),這樣能提高開(kāi)發(fā)效率。

注意：

webpack-dev-middleware一般和wbpack-hot-middleware配套使用，前者是一個(gè)express中間件，主要實(shí)現(xiàn)兩種效果，一是提交編譯計(jì)舉讀取速度，二是監(jiān)聽(tīng)watch變化，完成動(dòng)態(tài)編譯。雖然完成了監(jiān)聽(tīng)變化并動(dòng)態(tài)編譯，但是在瀏覽器上不能動(dòng)態(tài)刷新。webpack-hot-middleware彌補(bǔ)了這一不足之處，實(shí)現(xiàn)了瀏覽器的動(dòng)態(tài)刷新。

在wehpack中使用模塊熱替換(HMR).能夠使得應(yīng)用在運(yùn)行時(shí)無(wú)須開(kāi)發(fā)者重新運(yùn)行npm nuna命令來(lái)別斷頁(yè)面便能更新更改的模塊，并且將政來(lái)及時(shí)展示出果這極大地提高了開(kāi)發(fā)效率。

猜你喜歡：

前端必會(huì)框架：VUE2.0+3.0全套教程

網(wǎng)站性能優(yōu)化的10種方法

什么是URL？URL是怎么組成的？

jQuery選擇器基本語(yǔ)法格式和jQuery選擇器的優(yōu)勢(shì)

傳智教育web前端高級(jí)軟件工程師課程

上一篇：什么是服務(wù)器端渲染？它有哪些優(yōu)點(diǎn)和不足？ 下一篇：怎樣實(shí)現(xiàn)服務(wù)器端渲染？