}
})
})
分析:
-
我们从用户输入的邮箱出发,如果数据库里已经有这个邮箱名,说明已经被注册过了,提示“邮箱已被注册”
-
如果该邮箱没有被注册,则进入下一阶段,将输入的邮箱、加密过的密码、名字存入数据库
-
密码的加密使用bcrypt.genSalt完成
我们给注册信息加上"头像"这个字段:
使用gravatar模块的默认头像:官网
1.先安装gravatar模块:npm i gravatar
2.在users.js中引入:const gravatar = require('gravatar');
3.当我们判断邮箱没有被注册过后,再生成这个默认头像
var avatar = gravatar.url(‘emerleite@gmail.com’, {s: ‘200’, r: ‘pg’, d: ‘mm’});
4.使用:
const newUser = new User({
name: req.body.name,
email: req.body.email,
password: req.body.password,
avatar
})
5.用postman测试:重新注册一个数据,mongodb上查看,如果多了一个avatar字段,说明该修改生效:
1.先安装验证模块validator:npm i validator
2.新建文件夹validation,创建注册验证文件:register.js
3.再register.js引入模块:const Validator=require('validator');
4.编写验证,先写一个名字长度验证
const isEmpty =require(“./empty”);
module.exports=function validateRegisterInput(data){
let errors={};
if(!Validator.isLength(data.name,{min:2,max:30})){
errors.name=“名字的长度不能小于2位并且不能大于30位!”;
}
return {
errors,
isValid:isEmpty(errors)
// isEmpty函数判断errors是否为空,如果不为空,说明没有通过验证,相当于一个标志位,便于在users中判断是否通过验证
}
}
在validation文件夹下的empty.js文件:
const isEmpty=value => {
//判断是否为空
return value === undefined || value === null ||
//判断是否是空对象{}
(typeof value ===“object” && Object.keys(value).length === 0) ||
//判断是否是空字符串
(typeof value ===“string” && value.trim().length === 0)
}
module.exports=isEmpty;
5.验证
6.将其他验证代码补上
使用到的api
- Validator.isEmpty:判断是否为空
- Validator.isLength:判断长度是否在指定范围内,区间左闭右开
- Validator.isEmail:判断是否是合法的邮箱
- Validator.equals:判断两者是否相等
//如果输入空(没有输入),需要将其改为空字符串
data.name = !isEmpty(data.name) ? data.name : ‘’;
data.email = !isEmpty(data.email) ? data.email : ‘’;
data.password = !isEmpty(data.password) ? data.password : ‘’;
data.password2 = !isEmpty(data.password2) ? data.password2 : ‘’;
if (!Validator.isLength(data.name, { min: 2, max: 30 })) {
errors.name = “名字的长度不能小于2位并且不能大于30位!”;
}
// 名字不能为空
if (Validator.isEmpty(data.name)) {
errors.name = “名字不能为空”;
}
// 邮箱不合法
if (!Validator.isEmail(data.email)) {
errors.email = “邮箱不合法”;
}
// 邮箱不能为空
if (Validator.isEmpty(data.email)) {
errors.email = “邮箱不能为空”;
}
// 密码不能为空
if (Validator.isEmpty(data.password)) {
errors.password = “密码不能为空”;
}
// 密码长度不能小于6
if (!Validator.isLength(data.password, { min: 6, max: 13 })) {
errors.password = “密码长度不能小于6位,不能大于12位”;
}
// 确认密码不能为空
if (Validator.isEmpty(data.password2)) {
errors.password2 = “确认密码不能为空”;
}
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)

最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽
/img2.imgtp.com/2024/03/13/H4lCoPEF.jpg" />
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽