web前端经典面试题之H5新特性

web前端经典面试题之H5新特性

对面试官心里揣测：新出的东西基本是必问的。所以你必须懂！

首先认识HTML5：

H5即是HTML的一个最新的版本，也是web的一个标准。

在之前的基础之上新增了一些内容：新语义标签、智能表单、多媒体标签。

结合CSS3中的内容如：圆角、动画、过渡等效果，提高用户的体验。

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

还增加了与硬件结合的功能：定位、重力感应、硬件访问等功能。

通常所说的H5：HTML5 + CSS3 + JavaScript;组合而成的一个应用开发平台。

一、语义化

二、音视频

音频(audio):标签：

属性：controls autoplay loop

兼容性处理：使用source属性来引入不同的音频文件当支持哪一个就引入哪一个 因为现在这个市面上使用的几率最高，必须会使用。

视屏(video)标签：

方法

load()

play()

pause()

属性

currentSrc

currentTime

Duration

事件

ontimeupdate

onended

三、Web存储

特性

设置、读取方便

容量较大，sessionStorage约5M、localStorage约20M

只能存储字符串，可以将对象JSON.stringify() 编码后存储

window.sessionStorage

生命周期为关闭浏览器窗口

在同一个窗口下数据可以共享

window.localStorage

永久生效，除非手动删除

可以多窗口共享

方法

setItem(key, value) 设置存储内容

getItem(key) 读取存储内容

removeItem(key) 删除键值为key的存储内容

clear() 清空所有存储内容

key(n) 以索引值来获取存储内容

本文版权归黑马程序员前端与移动开发学院所有，欢迎转载，转载请注明作者出处。谢谢！

作者：黑马程序员前端与移动开发学院

首发：http://web.itheima.com/