节流/防抖函数 和 better-scroll解决移动端滑动卡顿问题

Posted 2023-05-08

参考技术A content下面只能包括一个元素，content需要固定屏幕的宽高，否则会出现滑动超出。

在异步请求之后的图片会无法拉取，原因是，在未加载完之前能拉取的高度已经确定了，在新加载之后的图片之后，能拉取的高度并没有更新，需要我们手动更新

*在keep-alive保存状态之后，返回到原来的组件还是没有保存原来的状态，其原因是出在better-scroll内部，解决方法
组件有两个生命周期
activated 和 deactivated ,通过在函数里面保存离开之前的位置，在回来之后设置成原来的位置就行啦

Js中防抖和节流的区别，论如何避免重复点击

参考技术A 在进行窗口的resize、scroll，输入框内容校验，防止按钮重复点击等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，体验糟糕。所以可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。
我们一起先来看看防抖和节流的区别

防抖函数 debounce

节流函数 throttle

如何调用

防抖和节流都利用了闭包，首先就调用了debounce和debounce方法，把内部的方法返回出去，下次自己执行，以后有时间我再写一下闭包吧，所以我还留下一个问题，这样会不会造成内存泄漏？