浏览器渲染

前端图片优化

图片格式的区别

px 与 em 区别

jQuery中ajax的4种常用请求方式:
1.$.ajax()返回其创建的 XMLHttpRequest 对象。

2.通过远程 HTTP GET 请求载入信息。

3. 通过远程 HTTP POST 请求载入信息。

4.通过 HTTP GET 请求载入 JSON 数据。

文字抖动效果
链接:https://jsbin.com/qosugepuqo/edit?html,output

hover后抖动
CSS代码
@-moz-keyframes tada{
0%{-moz-transform:scale(1);}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}
40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}
}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
.doudun:hover{
-webkit-animation: tada 1s .2s ease both;
-moz-animation: tada 1s .2s ease both;
}
https://jsbin.com/fehidewaze/2/edit?html,output

网友评论