H5高頻面試題

1、如何理解H5結(jié)構(gòu)語義化

就是在合適的時候用合適的標(biāo)簽做合適的事 比如段落標(biāo)簽用p 主要內(nèi)容用main標(biāo)簽

2、h5的新特性

h5不單單說只是一個標(biāo)簽的堆砌，而是關(guān)于圖像、位置、存儲、多任務(wù)等功能的增加，

3、cookie、sessionStorage、localStorage的區(qū)別

1）存儲大小

cookie數(shù)據(jù)大小不能超過4k

sessionStoragelo和calStorage雖然有存儲大小限制，但是比cookies要大的多，可以達到5M或者更大

2) 有期時間

localStorage 是存儲持久數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不會丟失除非你主動刪除數(shù)據(jù)

sessionStorage 是一個會話級別的存儲，當(dāng)瀏覽器窗口關(guān)閉后會自動刪除里面的數(shù)據(jù)

cookie 默認是窗口關(guān)閉狗數(shù)據(jù)消失，但是可以設(shè)置過期時間

4、瀏覽器的渲染機制一般分為幾個步驟

5、回流與重繪

6、簡述data：屬性的用法（如何設(shè)置、如何獲?。?，有何優(yōu)勢？

CSS面試題

1、display:none和 visibility:hidden的區(qū)別

共同點：讓元素不可見

區(qū)別：

display:none會讓元素完全從渲染樹中消失，渲染的時候不占據(jù)任何空間visibility:hidden不會讓元素從渲染樹消失，渲染樹元素繼續(xù)占據(jù)空間，只是內(nèi)容不可見

修改常規(guī)流中元素的display通常會造成文檔重排，修改visibility屬性只會造成本元素的重繪

2、外邊距折疊

3、z-index是什么？在position的值什么時候可以觸發(fā)

4、簡述box-sizing的有效值以及所對應(yīng)的盒模型規(guī)則