面经疑难杂症

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

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

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

    第四种：点触验证码