1、HTML5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?

1、语义标签

2、增强性表单

3、视频和音频

4、Canvas 绘图

5、SVG绘图

6、地理定位

7、拖放API

8、Web Worker

9、Web Storage

10、WebSockket

处理HTML5新标签的浏览器兼容问题?
1、使用document.createElement(tag)来解决

2、使用html5shiv库来兼容

如何区分HTML和HTML5?
1、在文档类型声明上 HTML5声明简洁方便

2、在结构语义上 HTML5提供更加语义化的标签

css3中的transform有哪些属性?分别用来实现什么效果?
transform中最为常用的4个属性分别是:rotate();、scale();、skew();、translate()

1.旋转rotate() deg 度数

2.缩放scale();属性,元素的尺寸会增加或者减少,根据给定的宽度(x轴)和高度(y轴)参数。   eg: scale(2,4)是把元素宽度转换为原尺寸的2倍,把高度转换为原始高度的4倍。

注:这里换成小数就是缩小!,一个参数就是宽和高一起都增加或减少。

3.倾斜skew();属性,把元素翻转给定角度,根据给定的水平线(x轴)和垂直线(y轴)参数。   eg:skew(30deg,20deg) 围绕x轴把元素倾斜30度,围绕y轴把元素倾斜20度。

注:一个参数表示水平翻转角度!

4.元素移动translate();属性,

        元素从当前位置移动,根据给定的left(x坐标)和top(y坐标)的位置参数。

eg:translate(50px,100px);元素与左边距50px,与上边距100px距离(如有错误欢迎指正)

注:一个参数表示水平(x轴)。

        Eg : transition: all 1s linear;

1.localStorage、sessionStorage、cookie有什么区别?

共同点:都是保存在浏览器端,且同源的。

区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。

Cookie 小 数据不能超过4k

LocalStorage 和 sessionStorage 5M 数据有效期不同

LocalStorage 永久保存 数据可以共享

sessionStorage 会话级 关闭窗口就销毁 数据不能共享

2》css3中的transfrom有哪些属性 实现什么效果
transform : skew(10deg) 倾斜多少角度 ( 死给 我是这莫读的)

transform : scale(11.5); :放大多少倍(括号里面填写的是倍数)

transform :matrix(2,0,0,2,0,0); 矩阵方式进行变换

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

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

rotateY(angle)定义沿着 Y 轴的 3D 旋转。

rotateZ(angle)定义沿着 Z 轴的 3D 旋转。

07-11 08:58