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 旋转。