前言
在vuejs中，我们经常使用axios来请求数据，但是有时候，我们请求的数据量很大，那么我们如何实现滑动滚动条来加载数据呢？...，距离顶部的距离,获取变量scrollHeight是滚动条的总高度,获取变量clientHeight是滚动条可视区域的高度
当滚动条到达底部，并且距离底部小于10px时，加载数据，也就是请求axios数据...,页码++,重新加载数据函数
为了防止用户频繁触发下拉滑动滚动条,往往需要添加一个函数防抖,在指定的时间内,只执行最后一次事件处理函数,避免频繁请求数据,给服务器造成压力
代码实现
...handleBtnGetJoke();
window.addEventListener('scroll', debounce(handleScroll,500)); // 引入函数防抖,避免频繁触发,只执行最后一次事件处理函数...只执行最后一次
// 函数的防抖
function debounce(method, duration) {
var timer = null;
return function
云服务器
ICP备案
云直播
对象存储
实时音视频
