1.动画出现连续触发、滞后反复执行的解决方法
例如：jQuery中slideUp 、slideDown、animate等动画运用时，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，其表现卡顿或者造成其他问题。
JQuery stop()方法：在触发元素的事件时预先停止所有的动画，再执行相应的动画事件。可以有效的预防反复执行动画的问题
例如： 可以自行选择，出现多个控件控制一个div slideToggle("1000")；
$("#a").stop();//停止当前动画，继续下一个动画
$("#a").stop(true);//清除元素的所有动画
$("#a").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
$("#a").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态
2.卡片与毛玻璃效果；
例如：
HTML：
<div class="wrap">
<h3>陆游</h3>
<p>陆游（1125年—1210年），字务观，号放翁，汉族，越州山阴（今浙江省绍兴市）人，尚书右丞陆佃之孙，南宋文学家、史学家、爱国诗人。
陆游生逢北宋灭亡之际，少年时即深受家庭爱国思想的熏陶。宋高宗时，参加礼部考试，因受秦桧排斥而仕途不畅。宋孝宗即位后，赐进士出身，历任福州宁德县主簿、敕令所删定官、隆兴府通判等职，因坚持抗金，屡遭主和派排斥。乾道七年（1171年），应四川宣抚使王炎之邀，投身军旅，任职于南郑幕府。次年，幕府解散，陆游奉诏入蜀，与范成大相知。宋光宗继位后，升为礼部郎中兼实录院检讨官，不久即因“嘲咏风月”罢官归居故里。嘉泰二年（1202年），宋宁宗诏陆游入京，主持编修孝宗、光宗《两朝实录》和《三朝史》，官至宝章阁待制。书成后，陆游长期蛰居山阴，嘉定二年（1210年）与世长辞，留绝笔《示儿》。</p>
</div>
CSS：
.wrap h3 {
font-size:18px;
color:#ffffff;
}
.wrap p {
font-size:14px;
color:#ffffff;
font-variant-ligatures:common-ligatures
discretionary-ligatures
historical-ligatures;
}
body {
min-height:100vh;
box-sizing:border-box;
margin:0;
padding-top:calc(50vh - 6em);
font:150%/1.6 Baskerville,Palatino,serif;
}
body,.wrap::before {
background:url("http://www.jq22.com/demo/circleMagic201710082042/dest/img/bg.jpg") 0 / cover fixed;
}
.wrap {
position:relative;
margin:0 auto;
padding:1em;
max-width:23em;
background:hsla(0,0%,100%,.25) border-box;
overflow:hidden;
border-radius:.3em;
box-shadow:0 0 0 1px hsla(0,0%,100%,.3) inset,0 .5em 1em rgba(0,0,0,0.6);
text-shadow:0 1px 1px hsla(0,0%,100%,.3);
}
.wrap::before {
content:'';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:-30px;
z-index:-1;
-webkit-filter:blur(20px);
filter:blur(20px);
}
其他后续补充