面试题（二）——HTML5、CSS3、ES6新特性

1、html5新特性

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

2、CSS3新特性

2.1 选择器
	核心选择器:id,类,元素,逗号,组合,普遍,
	属性选择器:input[type=“submit”]
	伪类选择器:div:nth-child(),div:first-child
	伪元素选择器:div::after,div::before
2.2 RGBA和透明度
2.3 多栏布局
2.4 text-shadow,box-shadow
2.5 圆角边框
2.6 媒体查询
2.7 动画
2.8 变形
2.9 过渡

3、ES6新特性

3.1 变量声明(contst和let)
	和var区别:变量不会提升,不能重复声明,具有局部作用域
3.2 解构
	用于默认传值,比如说get参数
3.3 for-of
	具有迭代器的数据类型才能够使用
	Array,Map,Set,类数组对象
3.4  展开运算符(…)
	一般结合数组一起使用
3.5 箭头函数
	内部this的指向外部函数的this
3.6 类的概念
	本质还是一个构造函数,使用的是原型继承,创建新实例时必须使用new关键字、super和extends还有构造器函数