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

18 篇文章 8 订阅

  原生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);//我不是费圆

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我不是费圆

文章都是免费开源的,不用打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值