千鋒教育web前端高頻面試題視頻教程,kerwin大話前端面試秘籍(附答案)

一(第1集).如何理解h5語義化標(biāo)簽以及它的好處
簡單來說可以理解為用正確的標(biāo)簽做
正確的事情
比如段落標(biāo)簽用p,標(biāo)題標(biāo)簽用h這種
側(cè)邊欄用aside標(biāo)簽,主體內(nèi)容使用m
ain標(biāo)簽
對(duì)于開發(fā)者來說可以便于團(tuán)隊(duì)的開發(fā)和
維護(hù),在沒有加載css的情況下也可以更
號(hào)的呈現(xiàn)出內(nèi)容結(jié)構(gòu)和代碼結(jié)構(gòu),代碼的
可讀性更強(qiáng),有利于SEO搜索引擎優(yōu)化
二(第14集).vue如何實(shí)現(xiàn)單頁面應(yīng)用
- 設(shè)置路由配置:使用Vue Router庫來管理路由。你可以定義不同的路由路徑,每個(gè)路徑對(duì)應(yīng)于應(yīng)用程序中不同的組件。
- 創(chuàng)建根組件:在Vue中,通常會(huì)有一個(gè)根組件作為應(yīng)用程序的入口。你可以在根組件中設(shè)置一個(gè)容器,用于展示不同的子組件。
- 定義子組件:根據(jù)應(yīng)用程序的需要,創(chuàng)建不同的子組件。每個(gè)子組件可以有自己的模板、樣式和邏輯。
- 設(shè)置路由導(dǎo)航:在Vue Router中,可以使用router-link組件或編程式導(dǎo)航(使用router對(duì)象)來設(shè)置路由導(dǎo)航鏈接。這樣點(diǎn)擊鏈接時(shí),路由會(huì)動(dòng)態(tài)地加載相應(yīng)的組件。
- 渲染組件:在根組件中,使用<router-view>標(biāo)簽來渲染路由對(duì)應(yīng)的組件。當(dāng)用戶導(dǎo)航到不同的路由時(shí),對(duì)應(yīng)的組件將被渲染到<router-view>中。
三(第16集)虛擬dom為什么會(huì)提高性能
- DOM操作開銷減少:與直接操作真實(shí)DOM相比,使用虛擬DOM可以最小化對(duì)DOM的操作次數(shù)。在更新前,虛擬DOM會(huì)計(jì)算出應(yīng)用程序狀態(tài)發(fā)生變化后的最小DOM變更,并將這些變更以一次性批量處理的方式進(jìn)行。這樣,就避免了頻繁的DOM訪問和操作,減少了瀏覽器的重繪和回流操作,從而提高了性能。
- 批量更新優(yōu)化:虛擬DOM會(huì)收集一系列的狀態(tài)變更,并在下一個(gè)事件循環(huán)中一次性更新。通過批量更新,可以減少更新次數(shù),避免不必要的DOM重繪和回流。
- 跨平臺(tái)兼容性:虛擬DOM技術(shù)可以跨平臺(tái)應(yīng)用,不僅可以在瀏覽器端使用,還可以在服務(wù)器端(如Node.js)和移動(dòng)端(如React Native)等環(huán)境上使用。這種一致的開發(fā)模式簡化了開發(fā)人員的工作,提高了代碼的可維護(hù)性和復(fù)用性。
標(biāo)簽: