基于vue仿淘宝滑动验证码

我们知道验证码的目的 是为了验证到底是人还是机器。
淘宝滑动验证码会采集用户的操作数据,环境数据等等,通过算法加密成一个字符串,提交到服务器分析,判断是不是人工在操作。
我这里写的只是模仿了样式,并没有进行那些复杂的操作,所以并不安全(不能判断人还是机器)。

因为touch事件和mouse事件不同,和获取clientX在移动端和pc端也不同!!!所以分两端

下面有PC端和移动端!!!(2019-03-12更新)

本文基于vue,引入下面组件 可以直接使用
1、实际效果

begin.png
success.png

2、PC端!!! vue组件(下面是一个vue组件,可以引入直接使用)







3、移动端!!! vue组件(下面是一个vue组件,可以引入直接使用)






你可能感兴趣的:(基于vue仿淘宝滑动验证码)