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

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

對(duì)面試官心里揣測(cè)：新出的東西基本是必問(wèn)的。所以你必須懂！

首先認(rèn)識(shí)HTML5：

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

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

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

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

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

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

一、語(yǔ)義化

二、音視頻

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

屬性：controls autoplay loop

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

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

方法

load()

play()

pause()

屬性

currentSrc

currentTime

Duration

事件

ontimeupdate

onended

三、Web存儲(chǔ)

特性

設(shè)置、讀取方便

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

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

window.sessionStorage

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

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

window.localStorage

永久生效，除非手動(dòng)刪除

可以多窗口共享

方法

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

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

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

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

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

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

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

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