- 博客(10)
- 收藏
- 关注
RSS订阅原创 节流和防抖
防抖：触发事件后，等待一定时间（如1000毫秒）再执行函数，如果在等待时间内又触发了事件，则重新计时。节流：在一定时间内只执行一次操作，不重复执行操作。
2023-06-01 16:18:33
58
1
原创 V3+ts实现路由跳转保存记录当前位置
利用beforeRouteLeave和kee-alive生命周期 进行滚动位置保存 当离开组件时候保存历史记录 激活组件的时候将保存的滚动位置 进行重新赋值。首先vue3中的keep-alive使用方式 将这个放到App.vue中 将需要缓存的路由进行包裹。第一步：在router文件里面的index.js写入。判断那个组件需要缓存。
2023-05-26 20:52:12
214
1
原创 v3+ts实现移动端下拉刷新
然后还要让他阻尼，阻尼的时候在（touchmove ）的时候去设置，刚开始的时候先在（onMounted）获取整个屏幕的可视区的高度，然后让这个高度 / 150；这个150也就是超过150阻尼的效果才会明显，然后在将原来的Y值 / 阻尼的结果 赋值给下拉刷新盒子的高度，然后还要设置一个过渡的效果在（touchend）的时候设置一下transition,然后在让刚开始的时候要清空一下transition 然后还要解除绑定事件，touchmove和touchend设置为null。
2023-05-23 15:27:40
122
1
原创 v3+ts解决移动端橡皮筋问题和滑动页面软键盘消失
然后在页面加载完成以后执行以下内容,所以要先引入onMounted，先绑定一个ontouchstart事件，手指刚按下的时候执行FnStart里边的代码，然后先获取到手指刚开始按下的位置，然后手指移动的时候再执行FnMove里边代码，用手指滑动的位置 - 刚开始手指按下时获取的位置 然后再判断一下是否 >= 1;刚开始的时候往下滑不会滑动，因为刚开始的时候是下边滚动，上边的滚动值为0；所以要在刚开始的时候设置一个滚动的值；最后就解决了这个问题。首先页面上必须有两个大盒子，里边的盒子背景颜色都设置成一致的。
2023-05-23 09:47:10
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人