滑块登录的流程

90 阅读1分钟

记录一下滑块登录流程

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