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

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

从构思到实践花了两周,不准备公开源码
设计思路及部分引导如下:
设计思路:首先你得有手,学过JS,没吃透不要紧,明白JS能做哪些事;
用onblur 事件对输入的用户名进行验证,也可以用oninput ,检测到用户名存在显示欢迎文本,或让其头像昵称显示,如未检测到则提示注册;
JS实现登录、注册,Canvas图形二维码_第1张图片
正则验证小gif图标,通过修改其src 或css隐藏、显示来动态切换,当全部正则通过,则提交按钮可点;
列一个长字符串,包含A-Z,a-z,0-9,可将一些相近字符剔除,如1和l,将字符串分割为数组,随机几位添加进新数组,如不区分大小写,则统一转换为大写或小写进行正则验证,Canvas绘制四线许多点,改变其top、left,随机定位,绘制画布;
注册成功后将用户名密码组合在一起,绑定一个键值,加入本地缓存,登录页调取本地缓存,查找对应键值,分割字符串验证。可在注册成功后可加密字符串,在登录页解密。如:
var name=escape(“我不是费圆”);//编码;
var admin= unescape(name); //解码;
console.log(admin);//我不是费圆

你可能感兴趣的:(Canvas,JS,js,canvas,登录,注册,我不是费圆)