根容器，然后通過webpack打包生成CSs、js等資源文件，瀏覽器加載、解析來渲染HTML。" /> 久久精品A一国产成人免费网站,亚洲人成网7777777国产
首頁技術(shù)文章正文

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

更新時間:2021-08-20 來源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

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

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


注意：

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

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





猜你喜歡：

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

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

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

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

分享到：
在線咨詢 我要報名
和我們在線交談！