前端（jquery），附面试题答案

if(isokName || isokPasswors){

$.ajax({

url:‘http://10.7.178.116:4000/api/sign’,

type:‘post’,

data:{

username:$(‘input[name=“name”]’).val(),

password:$(‘input[name=“password”]’).val()

},

success:function(data){

if(data.status==1){

alert(data.message)

}else{

localStorage.setItem(‘token’,JSON.stringify(data.token))

alert(‘登录成功’)

location.href=‘index.html’

}

}

})

}).on(‘click’,‘input[name=“login”]’,function(){

location.href=‘login.html’

})

}

2. 注册页面web/login.html

3. 主界面web/index.html

退出

管理

• 游客列表
• 更新信息
• 重置头像
• 重置密码
• 后端

  =====================================================================

  1. 连接数据库db/index.js

  const mysql=require(‘mysql’)

  //建立数据库连接

  const db=mysql.createPool({

  host:‘127.0.0.1’,

  user:‘root’,

  password:‘123456’,

  database:‘test2’

  })

  module.exports=db

  2. 建立路由
  • 公开路由，不用身份验证router/user.js

  const express=require(‘express’)

  const router=express.Router()

  //导入路由模块

  const user_handler=require(‘…/router-handler/user’)

  //导入验证数据中间件

  const expressJoi=require(‘@escook/express-joi’)

  //导入验证规则对象

  const {reg_sign_schema}=require(‘…/schema/user’)

  //注册新用户

  router.post(‘/reguser’,expressJoi(reg_sign_schema),user_handler.reguser)

  //登录

  router.post(‘/sign’,expressJoi(reg_sign_schema),user_handler.sign)

  module.exports=router

  • 私有路由要验证router/userinfo.js

  const express=require(‘express’)

  const router=express.Router()

  //导入路由模块

  const userinfo_handler=require(‘…/router-handler/userinfo’)

  //导入数据验证中间件

  const expressJoi=require(‘@escook/express-joi’)

  //导入验证条件

  const {update_userinfo_schema,update_password_schema,update_avatar_schema,delete_user_shema}=require(‘…/schema/user’)

  //获取用户基本信息

  router.get(‘/userinfo’,userinfo_handler.getUserinfo)

  //更新用户信息

  router.post(‘/updateUserinfo’,expressJoi(update_userinfo_schema),userinfo_handler.updataUserinfo)

  //重置密码

  router.post(‘/updatePwd’,expressJoi(update_password_schema),userinfo_handler.updatePassword)

  //更换用户头像

  router.post(‘/update/avatar’,expressJoi(update_avatar_schema),userinfo_handler.updateAvatar)

  //获取访客列表

  router.get(‘/list’,userinfo_handler.getList)

  //删除用户

  router.post(‘/delUser’,expressJoi(delete_user_shema),userinfo_handler.getDelUser)

  module.exports=router

  3. 路由执行代码
  • 公开路由执行代码router-handler/user.js

  //导入数据库模块

  const db=require(‘…/db/index’)

  //加密模块

  const bcrypt=require(‘bcryptjs’)

  //导入token模块

  const jwt=require(‘jsonwebtoken’)

  const config=require(‘…/schema/config’)

  const { TokenExpiredError } = require(‘jsonwebtoken’)

  //注册新用户

  exports.reguser=(req,res)=>{

  const userinfo=req.body

  // if(!userinfo.name||!userinfo.password){

  // // return res.send({

  // // status:1,

  // // message:‘用户名或密码不为空’

  // // })

  // return res.cc(‘用户名或密码不为空’)

  // }

  //定义数据库查询语句

  const sqlStr=‘SELECT * FROM ev_users WHERE username=?’

  db.query(sqlStr,[userinfo.username],function(err,results){

  if(err)return res.cc(err)

  if(results.length>0)return res.cc(‘用户名已占用’)

  //加密

  userinfo.password=bcrypt.hashSync(userinfo.password,10)

  //注册新用户

  const newUserSql=‘insert into ev_users set ?’

  db.query(newUserSql,{username:userinfo.username,password:userinfo.password},(err,results)=>{

  if(err)return res.cc(err)

  if(results.affectedRows!==1)return res.cc(‘注册出错了’)

  res.cc(err,0)

  })

  })

  }

  //登录

  exports.sign=(req,res)=>{

  const userinfo=req.body

  let usernanmSql=‘SELECT * FROM ev_users WHERE username=?’

  db.query(usernanmSql,userinfo.username,(err,results)=>{

  //判断用户

  if(err) return res.cc(err)

  if(results.length==0) return res.cc(‘用户名不存在’)

  //判断密码

  const comparResults= bcrypt.compareSync(userinfo.password,results[0].password)

  if(!comparResults)return res.cc(‘密码错误’)

  //生成token字符串

  const user={…results[0],password:‘’,user_pic:‘’}

  //加密

  const tokenStr=jwt.sign(user,config.jwtSecretKey,{expiresIn:‘10h’})

  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

  深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

  因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
  
  
  
  
  
  

  既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

  由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

  如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
  

  最后

  正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

  CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  判断密码

  const comparResults= bcrypt.compareSync(userinfo.password,results[0].password)

  if(!comparResults)return res.cc(‘密码错误’)

  //生成token字符串

  const user={…results[0],password:‘’,user_pic:‘’}

  //加密

  const tokenStr=jwt.sign(user,config.jwtSecretKey,{expiresIn:‘10h’})

  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

  深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

  因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
  [外链图片转存中…(img-O0ZxGsmS-1712013636362)]
  [外链图片转存中…(img-Cy0TOT0j-1712013636363)]
  [外链图片转存中…(img-ZquPsaK8-1712013636363)]
  [外链图片转存中…(img-oDRXg6T9-1712013636364)]
  [外链图片转存中…(img-JNHC1cKu-1712013636364)]
  [外链图片转存中…(img-ftQtY7Rz-1712013636365)]

  既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

  由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

  如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
  [外链图片转存中…(img-vCtqqrMP-1712013636365)]

  最后

  正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

  CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】