黑马程序员技术交流社区

标题: 【长沙校区】2017最新web前端经典面试题之H5新特性？ [打印本页]

---

作者: 长沙-小知姐姐    时间: 2017-4-13 11:47
标题: 【长沙校区】2017最新web前端经典面试题之H5新特性？

H5新特性？

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

   首先认识HTML5：

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

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

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

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

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

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

  一、语义化

   二、音视频

      音频（audio）:标签：<audio></audio>

                   属性：controls autoplay loop

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

视屏（video）标签：<video></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) 以索引值来获取存储内容

                           

---

作者: 长沙-小知姐姐    时间: 2017-4-13 16:48
沙发

---

作者: 彭小豆    时间: 2017-4-14 09:11
谢谢楼主分享

---

作者: 彭豆豆    时间: 2017-4-17 14:24

---

作者: @晓哥    时间: 2017-5-17 00:16
感谢，有用

---

作者: zmalqp1101    时间: 2017-10-24 15:52
辛苦辛苦

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2