1、怎么实现验证码功能? 回答: 第一种:数字短信验证码 a.两个文本框+一个获取验证码按钮,文本框用来输入手机号和获取到的验证码,按钮负责点击和记录倒计时; b.js书写定时器setTimeout,进行60秒验证码失效时间记录; c.后台提供短信获取验证的接口,我们把手机号作为参数上传,后台获取到后给该手机号下发验证码; 第二种:图形验证码(后台生成的验证码图片返回给前端的,那样的话就比较简单,因为复杂的都让后台解决了,我在这里主要说的是另一种,就是不调用后台接口,通过canvas画布来解决图形验证码) a.一个文本框用来输入由数字和字母组合的验证码+一个画布标签来显示图形验证码+一个提交按钮; b.提交按钮进行表单验证,输入正确或者错误进行相应的提示; c.用画布生成并渲染出验证码图形,并且得到随机的颜色值; 第三种:滑动验证码(逻辑是根据鼠标滑动轨迹,坐标位置,计算拖动速度等等来判断是否人为操作) a.由三个div组成,构成了滑块和底部进度条的效果; b.书写js,注册鼠标按下,悬浮,松开事件; c.记录滑块移动的距离和状态进行判断是否成功; 第四种:点触验证码