09 2023 档案
用户登录🔒~生成图片验证码(identify(生成图片验证码)插件)
摘要:
1.效果图: 2.以用户登录实现 生成图片验证功能:使用 identify(生成图片验证码)插件 identify:这是一个vue的插件,使用canvas来生成图形验证码 2.1 下载identify插件,npm安装 npm i identify 2.2 具体参数如下: 2.2 在component
![用户登录🔒~生成图片验证码(identify(生成图片验证码)插件)](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230923193359952-192547129.png)
js简单的倒计时器~~⏰
摘要:
1.效果图 2.html部分 3.逻辑部分 3.1获取当前时间,时间差 //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var str = "2023/9/14 12:28:34"; var endDate = n
![js简单的倒计时器~~⏰](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230914123932533-1689937669.png)
实现:修改密码🔑~确认新密码🔒~重置密码🔗~提交操作✔
摘要:
1. 功能效果图: 2. 基本布局 先需要引入elementUI插件- 注册 基本布局code <template> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>重置密码</span> </div> <!
![实现:修改密码🔑~确认新密码🔒~重置密码🔗~提交操作✔](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230906103610751-24312777.png)
上传图片【选择文件📁+上传图片🎨】
摘要:
1. 上传图片的流程分析:【选择文件📁+上传图片🎨】 2.1 功能步骤 2.1 页面基本布局 基本布局 <template> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>更换头像</span> </d
![上传图片【选择文件📁+上传图片🎨】](https://img2023.cnblogs.com/blog/1462173/202309/1462173-20230904121015677-1941749287.png)