1.如何理解HTML5結(jié)構(gòu)語義化?

便于團(tuán)隊(duì)的開發(fā)和維護(hù)。

在沒有加載CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu)，易于閱讀

有利于SEO，搜索引擎的爬蟲依賴于標(biāo)簽來確定上下文和哥哥關(guān)鍵字的權(quán)重。

方便其他設(shè)備的解析 (如屏幕閱讀器，盲人閱讀器等)，利于無障礙閱讀，提高可訪問性

2、box-sizing

box-sizing: content-box 盒子的尺寸僅包括內(nèi)容的寬度和高度，不包括內(nèi)邊距和邊框。也就是說，設(shè)置了寬度或高度的盒子，實(shí)際顯示的寬度或高度將會增加內(nèi)邊距和邊框的值

box-sizing: border-box 盒子的尺寸包括了內(nèi)容、內(nèi)邊距和邊框的寬度和高度。也就是說，設(shè)置了寬度或高度的盒子，其實(shí)際顯示的寬度或高度不會再增加內(nèi)邊距和邊框的值

3.類組件和函數(shù)式組件的區(qū)別

語法上: 函數(shù)式組件返回一個jsx元素，類組件是Es6語法糖class,繼承component這個類

類組件有生命周期，函數(shù)式組件沒有生命周期，借用useEffect模擬生命周期類組件通過state 和setstate進(jìn)行狀態(tài)管理，函數(shù)組件使用useState

類組件能夠捕獲到最新的值，this可以獲取到最新的props參數(shù)保存在內(nèi)存當(dāng)中，函數(shù)式組件是通過閉包來構(gòu)建的，無法從外面訪問到，也無法在外面修改

4.react事件綁定的原理

給document加對應(yīng)的函數(shù)，創(chuàng)建listenerBank

觸發(fā)時調(diào)用調(diào)用分發(fā)函數(shù)dispatchEvent,把d當(dāng)前對應(yīng)的所有回調(diào)函數(shù)都加到listenerBank中在listenerBank根據(jù)key值查找事件回調(diào)并合成到event中

最后進(jìn)行批處理，按照冒泡排序來的

5.react組件通信如何實(shí)現(xiàn)

父傳子props子傳父回調(diào)函數(shù)+props

Context上下文

redux狀態(tài)管理action 改變state8.react 中的refs的作用ref獲取到實(shí)例和Dom元素