滑块登录的流程 fangdown 2024-02-21 90 阅读1分钟 记录一下滑块登录流程 填写登录页用户名密码表单 通过表单校验(前端校验)后, 通过方法隐藏表单显示, 展示二次验证, 滑块验证模块,传参用户名 根据用户名 通过接口生成相应的 缺失图片(背景),填充图片 绘制验证功能区域 提示语 缺失图片, 填充图片 滑动条 滑动滚动条onmousemove mouseleave, 触发事件后, 记录移动值,同步更新到 填充图片的position 将更新的位置返回给上层组件 将用户名 密码 移动位置 通过接口进行校验 处理接口返回的结果