前端初级面试题

开始整理面试题了... 咯咯咯

Dayone 2019,6,30

一，html5有哪些新特性？

1，语义标签：<article> <header><footer><nav><section> <dialog><details><aside>

2,增强性表单：calendar,date,time,email,url,search

3,视频和音频： <audio><video>

4,canvas 绘图

5，拖动API

6，SVG绘图

7，离线&存储 webstorage

二，新增标签的兼容问题怎么解决？

1,IE8/IE7/IE6支持通过document.createElement方法产生的标签，

  可以利用这一特性让这些浏览器支持HTML5新标签，

2,然而最好的方式是直接使用成熟的框架、使用最多的是html5shim框架

  <!--[if lt IE 9]>

  <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>

  <![endif]-->

3，html和html5如何区分：  DOCTYPE声明\新增的结构元素\功能元素

三，css3：transform变形

* transition过渡  animation动画 *

1,translate,scale,rotate,skew,perspective
matrix(n,n,n,n,n,n)定义 2D 转换，使用六个值的矩阵。

matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)定义 3D 转换，使用 16 个值的 4x4 矩阵。

translate(x,y)定义 2D 转换。

translate3d(x,y,z)定义 3D 转换。

translateX(x)定义转换，只是用 X 轴的值。

scale(x[,y]?)定义 2D 缩放转换。

scale3d(x,y,z)定义 3D 缩放转换。

scaleX(x)通过设置 X 轴的值来定义缩放转换。

rotate(angle)定义 2D 旋转，在参数中规定角度。

rotate3d(x,y,z,angle)定义 3D 旋转。

rotateX(angle)定义沿着 X 轴的 3D 旋转。

skew(x-angle,y-angle)定义沿着 X 和 Y 轴的 2D 倾斜转换。

perspective(n)为 3D 转换元素定义透视视图。

四，sesstionStorage,webStorage,cookie的区别

1，这里就从度娘少找了个图 很清晰

---