JS实现登录、注册，Canvas图形二维码

  原生JS实现登录注册，Canvas绘制图片二维码，本地缓存模拟数据库，入门三周可以学。网页仿“卷皮网”，如有侵权，请联系删除。

在这里插入图片描述

从构思到实践花了两周，不准备公开源码 设计思路及部分引导如下： 设计思路：首先你得有手，学过JS，没吃透不要紧，明白JS能做哪些事； 用onblur 事件对输入的用户名进行验证，也可以用oninput ，检测到用户名存在显示欢迎文本，或让其头像昵称显示，如未检测到则提示注册；

在这里插入图片描述

正则验证小gif图标，通过修改其src 或css隐藏、显示来动态切换，当全部正则通过，则提交按钮可点； 列一个长字符串，包含A-Z,a-z,0-9,可将一些相近字符剔除，如1和l，将字符串分割为数组，随机几位添加进新数组，如不区分大小写，则统一转换为大写或小写进行正则验证，Canvas绘制四线许多点，改变其top、left，随机定位，绘制画布； 注册成功后将用户名密码组合在一起，绑定一个键值，加入本地缓存，登录页调取本地缓存，查找对应键值，分割字符串验证。可在注册成功后可加密字符串，在登录页解密。如： var name=escape(“我不是费圆”);//编码； var admin= unescape(name); //解码; console.log(admin);//我不是费圆