web前端經(jīng)典面試題之H5新特性

web前端經(jīng)典面試題之H5新特性

對面試官心里揣測：新出的東西基本是必問的。所以你必須懂！

首先認(rèn)識HTML5：

H5即是HTML的一個最新的版本，也是web的一個標(biāo)準(zhǔn)。

在之前的基礎(chǔ)之上新增了一些內(nèi)容：新語義標(biāo)簽、智能表單、多媒體標(biāo)簽。

結(jié)合CSS3中的內(nèi)容如：圓角、動畫、過渡等效果，提高用戶的體驗(yàn)。

新增了javascript的api，使得操作dom更加的方便。

還增加了與硬件結(jié)合的功能：定位、重力感應(yīng)、硬件訪問等功能。

通常所說的H5：HTML5 + CSS3 + JavaScript;組合而成的一個應(yīng)用開發(fā)平臺。

一、語義化

二、音視頻

音頻(audio):標(biāo)簽：

屬性：controls autoplay loop

兼容性處理：使用source屬性來引入不同的音頻文件當(dāng)支持哪一個就引入哪一個 因?yàn)楝F(xiàn)在這個市面上使用的幾率最高，必須會使用。

視屏(video)標(biāo)簽：

方法

load()

play()

pause()

屬性

currentSrc

currentTime

Duration

事件

ontimeupdate

onended

三、Web存儲

特性

設(shè)置、讀取方便

容量較大，sessionStorage約5M、localStorage約20M

只能存儲字符串，可以將對象JSON.stringify() 編碼后存儲

window.sessionStorage

生命周期為關(guān)閉瀏覽器窗口

在同一個窗口下數(shù)據(jù)可以共享

window.localStorage

永久生效，除非手動刪除

可以多窗口共享

方法

setItem(key, value) 設(shè)置存儲內(nèi)容

getItem(key) 讀取存儲內(nèi)容

removeItem(key) 刪除鍵值為key的存儲內(nèi)容

clear() 清空所有存儲內(nèi)容

key(n) 以索引值來獲取存儲內(nèi)容

本文版權(quán)歸黑馬程序員前端與移動開發(fā)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明作者出處。謝謝！

作者：黑馬程序員前端與移動開發(fā)學(xué)院

首發(fā)：http://web.itheima.com/