url 图片 ajax

浏览器渲染

image.png

前端图片优化

image.png

图片格式的区别

image.png

px 与 em 区别

image.png

jQuery中ajax的4种常用请求方式：

1.$.ajax()返回其创建的 XMLHttpRequest 对象。

image.png

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

image.png

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

image.png

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

image.png

文字抖动效果

链接：https://jsbin.com/qosugepuqo/edit?html,output

image.png

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

image.png