根容器，然后通過webpack打包生成CSs、js等資源文件，瀏覽器加載、解析來渲染HTML。"/> AV岛国在线无码免费看,99热精品免费国产,日本黄色三极片

教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

什么是客戶端渲染？

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

好口碑IT培訓

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

在客戶端渲染時，一般使用的是webpack-dev-server插件，它可以幫助用戶自動開啟一個服務器端，主要作用是監(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).能夠使得應用在運行時無須開發(fā)者重新運行npm nuna命令來別斷頁面便能更新更改的模塊，并且將政來及時展示出果這極大地提高了開發(fā)效率。





猜你喜歡：

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

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

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

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

傳智教育web前端高級軟件工程師課程



0 分享到：
和我們在線交談！