更新时间:2017年11月20日15时37分 来源:传智播客 浏览次数:
2017最新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://www.itcast.cn/web/