根容器,然后通過(guò)webpack打包生成CSs、js等資源文件,瀏覽器加載、解析來(lái)渲染HTML。" /> 91美女在线播放,欧美av在线播放
首頁(yè)技術(shù)文章正文

客戶端渲染是什么?【前端技術(shù)文章】

更新時(shí)間:2021-08-20 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

客戶端渲染,即傳統(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。

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


注意:

webpack-dev-middleware一般和wbpack-hot-middleware配套使用,前者是一個(gè)express中間件,主要實(shí)現(xiàn)兩種效果,一是提交編譯計(jì)舉讀取速度,二是監(jiān)聽watch變化,完成動(dòng)態(tài)編譯。雖然完成了監(jiān)聽變化并動(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ú)須開發(fā)者重新運(yùn)行npm nuna命令來(lái)別斷頁(yè)面便能更新更改的模塊,并且將政來(lái)及時(shí)展示出果這極大地提高了開發(fā)效率。






猜你喜歡:

JavaScript面向?qū)ο笮薷臉?biāo)簽頁(yè)詳解

什么是AngularJS?它有哪些特性?

3D變形能實(shí)現(xiàn)怎樣的效果?示例代碼演示變形操作

黑馬程序員web前端高級(jí)軟件工程師培訓(xùn)

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!