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

96
演员小新
2017.12.21 19:09* 字数 332

前言:面试中经常遇到,说一下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

大前端
Web note ad 1