# 基本概念

# 函数防抖(debounce)

当持续触发某事件时，一定时间间隔内没有再触发事件时，事件处理函数才会执行一次，如果设定的时间间隔到来之前，又一次触发了事件，就重新开始延时。

# 函数节流(throttle)

当持续触发事件时，有规律的每隔一个时间间隔执行一次事件处理函数。

# 实现方法

我们来自己找一个需求： 实现页面按钮的点击事件防抖控制 。实现方法主要有以下两个：

• Mixins 这个比较简单就不说了，缺点就是需要知道被劫持组件源码结构。
• HOC 这种方式更优雅，但我这里并没有完全按照规矩来，而是直接修改了被劫持的事件对象，让它指向了新的节流函数。

# 使用指南

import DeBounce from 'border-ui';

Vue.component(DeBounce.name, DeBounce);

# 基本用法

• click事件将会被延迟300ms触发，多次点击以最后一次点击为准
• bo-debounce 内部只能存放单个组件
• 默认会将第一层组件上绑定的所有事件进行劫持(可以通过events参数进行过滤，见后面例子)

# 函数节流

input事件每隔300ms触发一次

# 劫持某个事件

# 劫持多个事件

# 设置延迟时间

# API