1、怎么实现验证码功能?
    回答:
    第一种:数字短信验证码
        a.两个文本框+一个获取验证码按钮,文本框用来输入手机号和获取到的验证码,按钮负责点击和记录倒计时;
        b.js书写定时器setTimeout,进行60秒验证码失效时间记录;
        c.后台提供短信获取验证的接口,我们把手机号作为参数上传,后台获取到后给该手机号下发验证码;

    第二种:图形验证码(后台生成的验证码图片返回给前端的,那样的话就比较简单,因为复杂的都让后台解决了,我在这里主要说的是另一种,就是不调用后台接口,通过canvas画布来解决图形验证码)
        a.一个文本框用来输入由数字和字母组合的验证码+一个画布标签来显示图形验证码+一个提交按钮;
        b.提交按钮进行表单验证,输入正确或者错误进行相应的提示;
        c.用画布生成并渲染出验证码图形,并且得到随机的颜色值;

    第三种:滑动验证码(逻辑是根据鼠标滑动轨迹,坐标位置,计算拖动速度等等来判断是否人为操作)
        a.由三个div组成,构成了滑块和底部进度条的效果;
        b.书写js,注册鼠标按下,悬浮,松开事件;
        c.记录滑块移动的距离和状态进行判断是否成功;

    第四种:点触验证码