传智播客旗下品牌:  黑马程序员  |  博学谷  |  传智专修学院

一样的教育,不一样的品质     全国咨询热线:400-618-4000

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

更新时间: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/