文中已经参与「 . 」。
请关注我的公众号：前面探案
大家都知道，函数公式节流阀（throttle）是 JS 中一个非常常见的提升方式，能够有效的防止函数公式太频繁的落实。
举例说明：一个保存按钮，为了防止重复提交或是网络服务器考虑到，通常需要对点一下个人行为做一定限制，例如只可以每300ms递交一次，此刻我觉得大多数同学都是会在网上立即复制一段throttle函数公式，或是直接引用lodash工具库
btn.addEventListener('click', _.throttle(save, 300))
当然除了 JS 方法， CSS 也可以非常轻易地完成这样一个作用，不需要任何架构库，一起看看吧
一、CSS 完成构思剖析
CSS 完成和 JS 的思维不同，必须从另一个视角来看待这种情况。
例如这儿的必须对js点击事件进行监管，其实就是禁止使用js点击事件，想一想有哪种方式能够禁止使用事情，没有错，便是pointer-events;
然后就是时间的限制，每一次点一下后需全自动禁止使用300ms，时长之后重新恢复，那样，有哪些特征和时间及情况修复相关呢？对了，便是animation;
此外，还得有开启机会，欢迎来到点一下个人行为，因此必定和伪类:active有关系。
因而，全面分析，完成这样一个作用需要使用pointer-events、animation及其:active，我们该如何把这些构思连接起来呢？
思索3秒...