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

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

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

首先認識HTML5：

H5即是HTML的一個最新的版本，也是web的一個標準。

在之前的基礎之上新增了一些內容：新語義標簽、智能表單、多媒體標簽。

結合CSS3中的內容如：圓角、動畫、過渡等效果，提高用戶的體驗。

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

還增加了與硬件結合的功能：定位、重力感應、硬件訪問等功能。

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

一、語義化

二、音視頻

音頻(audio):標簽：

屬性：controls autoplay loop

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

視屏(video)標簽：

方法

load()

play()

pause()

屬性

currentSrc

currentTime

Duration

事件

ontimeupdate

onended

三、Web存儲

特性

設置、讀取方便

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

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

window.sessionStorage

生命周期為關閉瀏覽器窗口

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

window.localStorage

永久生效，除非手動刪除

可以多窗口共享

方法

setItem(key, value) 設置存儲內容

getItem(key) 讀取存儲內容

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

clear() 清空所有存儲內容

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

本文版權歸傳智播客前端與移動開發(fā)學院所有，歡迎轉載，轉載請注明作者出處。謝謝！

作者：傳智播客前端與移動開發(fā)培訓學院

首發(fā)：http://m.8y3kgpwe.cn/web/