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