本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交

一、字体小于12px的解决方案 常用的方法是利用 transform: scale(0.5)。 使用方法有两种： 将字体单独放在一个盒子内，利用 transform: scale 缩小字体。Eg：把红

某天设计师来找我说，“这个心愿牌傻傻地挂在那不好看，加个动效呗，就左右摆动一下就行，很简单的！”，我一想，行呀，提升用户视觉体验，开搞。 十分钟后，🥶不对呀，这个左右摆动好假，不像现实中风吹的效果。 冷静思考🤔，为啥这个摆动会没有灵魂。于是拿起工卡开始摆动，看看现实中的摆动…

🐳不知道大家平时有没有留意水滴落下的瞬间。 仔细去听，仔细去看，每一滴滴水珠落下泛起的涟漪都让人意向连篇。这次给大家带来水滴按钮。

动前端动画，我们熟知的有两种 CSS 动画 (requestAnimation/setTimeout/setInterval +属性)动画，今天我们学习第三种，WAAPI。