JavaScript实现页面动态验证码

引言：

现在很多在用户登陆或注册的时候为了防止程序攻击，加入了动态验证的技术，一般是让用户输入随即生成的验证码来实现。我自己写了一个没有跟后台交互的，就在前端验证，发出来给大家看看。

效果图：

 

实现思路：

1. 把数字和字母放到一个数组中，通过随机的方式取得数组下标，总共取4个组成验证码；
2. 把验证码渲染出来（一个一个的渲染）；
3. 绘制一定数量的干扰线，随机颜色；