html5,css3,es6新特性总结

1. html5新特性

   1. 语义化标签
      如:header,footer,nav,dialog
   2. 增强型表单
      如:date,week,url,time,email,month
   3. 视频和音频
      audio和video
   4. Canvas绘图
      标签只是图形容器,真正绘图的是javascript
   5. svg绘图
      它是一种可伸缩的矢量图形
      和canvas的区别:
      svg使用xml描述2d图形,
      canvas使用javascript来绘制
   6. 地理定位
      Geolocation用于定位用户的位置
   7. 拖放api
      drag,任何元素都能够进行拖放
   8. web worker
   9. web storage
      客户端存储数据的两个对象为
      localStorage:直到用户手动清理
      sessionStorage:直到关闭浏览器窗口
      10)webSocket
      是html5在单个tcp连接上的协议,浏览器和服务器只需要做一个握手动作就能建立快速的通道.

2. css3新特性

   1. 选择器
      核心选择器:id,类,元素,逗号,组合,普遍,
      属性选择器:input[type=“submit”]
      伪类选择器:div:nth-child(),div:first-child
      伪元素选择器:div::after,div::before
   2. RGBA和透明度
   3. 多栏布局
   4. text-shadow,box-shadow
   5. 圆角边框
   6. 媒体查询
   7. 动画
   8. 变形
   9. 过渡

3. es6新特性
   1)变量声明(contst和let)
   和var区别:变量不会提升,不能重复声明,具有局部作用域

   2. 解构
      用于默认传值,比如说get参数
   3. for-of
      具有迭代器的数据类型才能够使用
      Array,Map,Set,类数组对象
   4. 展开运算符(…)
      一般结合数组一起使用
   5. 箭头函数
      内部this的指向外部函数的this
   6. 类的概念
      本质还是一个构造函数,使用的是原型继承,创建新实例时必须使用new关键字
      super和extends还有构造器函数