一省：HTML
1. html5新特性有哪些？
- 新增语义化标签：header、nav、aside、article、section、footer
- 拖放属性：drag/drop.拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
- 音/视频标签：audio/video
- 画布(Canvas): HTML5 \ 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. \ 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。
例如：
- 可缩放矢量图形(SVG):
- SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
- SVG 用于定义用于网络的基于矢量的图形
- SVG 使用 XML 格式定义图形
- SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
- SVG 是万维网联盟的标准
- Canvas和SVG的区别？
| Canvas | SVG |
|---|---|
| 依赖分辨率 | 不依赖分辨率 |
| 不支持事件处理器 | 支持事件处理器 |
| 弱的文本渲染能力 | 最适合带有大型渲染区域的应用程序（比如谷歌地图） |
| 能够以 .png 或 .jpg 格式保存结果图像 | 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快） |
| 最适合图像密集型的游戏，其中的许多对象会被频繁重绘 | 不适合游戏应用 |
地理定位(Geolocation): \
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。web存储(localStorage/sessionStorage)：HTML5 web 存储，一个比 cookie 更好的本地存储方式。客户端存储数据的两个对象为：
- localStorage: 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
- sessionStorage: 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
二省： CSS
1. css3新特性有哪些？
- 颜色: 新增了新的颜色表示方式rgba与hsla
- 边框: 圆角(border-radius)、盒阴影(box-shadow)、边框图片(border-image)
- 背景: 背景图(background-image)、背景图大小(background-size)、背景图位置区域(background-origin)、背景裁剪属性(background-clip)
- 渐变: 线性渐变(linear-gradient)、径向渐变(radial-gradient)
- 文本效果: 文字阴影(text-shadow)、文本溢出(text-overflow)、长文本换行(text-wrap)
- 2D转换: translate(平移)、rotate(顺时针旋转)、scale(缩放)
- 3D转换: rotateX()方法，围绕其在一个给定度数X轴旋转的元素;rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。
- 过渡: transition 可实现属性的渐变
- 动画: @keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。
- 多列: column-count 属性指定了需要分割的列数、column-gap 属性指定了列与列间的间隙、column-rule-style 属性指定了列与列间的边框样式、column-rule-width 属性指定了两列的边框厚度、column-rule-color 属性指定了两列的边框颜色、column-width 属性指定了列的宽度。
- 弹性盒子：flex布局
- 媒体查询：@media
三省：JavaSCript
1. JS的基本数据类型有哪些？引用类型有哪些？null和undefined的区别？
数据类型
- 基础数据类型：Number、String、Boolean、null、undefined、Symbol
- 引用数据类型：Object、Function、Array
null和undefined的区别
- null表示已声明但是没有赋值
- undefined表示未声明
