2017.12.21-学习笔记：面试问题之H5C3有哪些新特性？

前言：面试中经常遇到，说一下H5C3新增了哪些？我们一般会回答其中某一些，例如header，footer，border-radius，transform等。这样回答非常杂乱无章，其实面试官想要的答案是逻辑性的把各个属性有条理的叙述出来。
下面是我整理的常用 H5 C3 的新特性。仅供参考。

H5 C3 新增

h5

1.语义化标签

• header、footer、aside、section、article、nav

2.表单输入类型

• email、url、number、range、Date Pickers、search、color

3.表单属性

• autocomplete、placeholder、form

4.视频音频

• video、audio

5.画布

• canvas

6.伸缩矢量图

• svg

7.拖拽属性

• draggable

8.事件

• resize
• input

9.地理定位

• Geolocation

10.web存储

• sessionStorage 和 localStorage

11.应用程序缓存 application cache

• 创建 chche manifest 文件

12.文件通讯协议

• websocket

13.文件读取

• fileReader

14.类名操作

• classlist

css3

1.选择器

• :nth-child()
• :nth-of-type()
• :checked
• :disabled

2.盒模型

• box-sizing

3.背景

• background-image、background-size、background-origin

4.渐变

• linear-gradient、radial-gradient

5.边框

• border-radius、border-image

6.阴影

• box-shadow、text-shadow

7.2D/3D转换

• transform：translate rotate scale skew

8.过渡

• transition

9.动画

• keyframes、animation

10.弹性盒子

• flex

11.媒体查询

• @media

---

---

Knowledge changes the mind