防抖
函数将在一个固定时间后被调用,若计时未完成又执行该函数,则取消上次计时,重新开始计时
用于限制频繁的网络请求,例如:搜索功能,用户停止输入的一段时间后才会执行搜索任务
定义一个函数来封装防抖:
fn: 要添加防抖的函数
delay: 防抖延迟多久
that: 防抖函数内的 this 指代
节流
固定时间内只能调用一次的函数,可以使用时间戳或计时器的方式实现
作用同样是限制用户频繁的网络请求,例如:发送验证码
定义一个函数来封装节流:
fn: 要添加节流的函数
delay: 节流的cd
that: 节流函数内的 this 指代
滚动相片作业
封装移动函数
函数用来封装不变的内容,变化的内容就成为参数
参数:
el: 需要移动的元素
v: 速度
axis: 坐标轴 接收参数 'x'|'y' 代表 x轴和y轴
distance: 移动距离 填入一个正数
duration: 每一帧经过的时长
offset: 移动距离的初始偏移量
callback: 动画播放结束后的回调函数
渐入渐出动画
el: 用来修改透明度的元素
start: 透明动画播放时的初始值
v: 透明度的变化速度
duration: 计时器的间隔时间