起源于昨晚刷抖音看到一个有意思的视频。内容大概是说其实滑块验证码区分机器与真人的实质其实是 是否一次性就把滑块精准地滑动到了标准位置。感觉挺有意思，今天就来原生html+js实现一个滑块验证码功能

首先图片肯定是有好几张，我们要从几张图片中随机选取一张。然后基于这个图片，我们需要在图片范围中生成一个缺口，对于缺口的位置我们需要保证其全部位于图片内。

缺口肯定是一个提前准备好的元素，我们需要根据

来设置其位置。至于在什么时候让缺口出现这个看个人爱好，我这里是只有点击滑动按钮时才出现缺口。

需要注意的是对于一些边界的计算，并且是通过计算

 的差值，从而更新滑动按钮、拼图的

创造 Candy

实现一个滑块验证功能