【2024-02-26】某快手滑块流程分析-滑动验证码

声明:该专栏涉及的所有案例均为学习使用,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关!如有侵权,请私信联系本人删帖!

一、前言

我们今天分析一下这个网站的滑块

aHR0cHM6Ly9saXZlLmt1YWlzaG91LmNvbS8=

进行手机号登录,获取验证码的时候会弹出来

二、滑块流程分析

来到登录页面,清空Applicantion里的cookie,然后手机号登录,点击获取验证码触发滑块
在这里插入图片描述
注意:这个滑块会过期,过期后需要重新获取

首先从该链接获取到cookie里的did,此时did未注册
在这里插入图片描述
结果可以获取到滑块的信息和captchaSn
在这里插入图片描述

当我们滑动滑块进行验证码

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
快手小程序中,`scroll-view` 组件本身并没有直接支持下拉刷新功能,但你可以通过使用 `scroll-view`、`view` 和 `scroll-into-view` 等组件及相关事件来模拟实现下拉刷新效果。下面是一个示例代码: ```html <view class="container"> <scroll-view scroll-y="{{true}}" scroll-with-animation="{{true}}" bindscrolltoupper="onScrollToUpper" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd" > <!-- 内容区域 --> </scroll-view> </view> ``` ```javascript Page({ data: { refreshing: false, // 是否正在刷新 startTouchY: 0, // 触摸起始位置的 Y 坐标 refreshHeight: 80, // 下拉刷新的高度 }, onScrollToUpper() { if (!this.data.refreshing) { this.setData({ refreshing: true }); this.refreshData(); } }, onTouchStart(event) { this.setData({ startTouchY: event.touches[0].pageY }); }, onTouchMove(event) { const startY = this.data.startTouchY; const moveY = event.touches[0].pageY; const distanceY = moveY - startY; if (distanceY > 0 && startY < 100) { this.setData({ refreshHeight: distanceY > 80 ? 80 : distanceY }); } }, onTouchEnd() { if (this.data.refreshHeight >= 80) { if (!this.data.refreshing) { this.setData({ refreshing: true }); this.refreshData(); } } else { this.setData({ refreshHeight: 0 }); } }, refreshData() { // 下拉刷新时执行的操作 // 可以在这里发送请求获取最新数据,并更新页面 // 示例代码,假设请求返回的数据为 newData wx.request({ url: 'https://api.example.com/data', // 请求接口地址 success: (res) => { const newData = res.data; // 更新页面数据 this.setData({ data: newData, refreshHeight: 0, refreshing: false }); } }); } }); ``` 在上面的示例代码中,我们通过 `scroll-view` 组件实现滚动区域,在 `scroll-view` 上绑定了 `bindscrolltoupper` 事件,当滚动到顶部时触发下拉刷新操作。同时,我们使用 `bindtouchstart`、`bindtouchmove` 和 `bindtouchend` 事件来监听用户的触摸操作,并根据触摸的位置和移动的距离来控制下拉刷新的效果。 当用户触摸结束后,如果下拉的距离超过设定的刷新高度(这里设为80),则执行下拉刷新操作,发送请求获取最新数据,并更新页面。刷新完成后,将 `refreshHeight` 设置为0,同时将 `refreshing` 设置为false,以停止下拉刷新的效果。 需要注意的是,上述代码仅为模拟实现下拉刷新效果,实际开发中可能需要根据具体需求进行调整和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张烫麻辣亮。

谢谢老板支持!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值