2024年Web前端最新Node-express项目--个人简历：添加token认证(1)，前端面试题web

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS
• JavaScript
• 前端框架
• 前端性能优化
• 前端监控
• 模块化+项目构建
• 代码管理
• 信息安全
• 网络协议
• 浏览器
• 算法与数据结构
• 团队管理
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容

验证token：

========

验证token我使用了passport模块和passport-jwt

passport.js是Nodejs中的一个做登录验证的中间件

passport-jwt是JSON Web Token进行身份验证的Passport策略

安装：npm install passport-jwt passport

使用：

1.在index.js中引入passport并初始化

const passport=require(‘passport’);

app.use(passport.initialize());

2.将passport传入./config/passport.js文件，分离其定义与使用

require(‘./config/passport’)(passport);

3.在config文件夹下新建文件passport.js，规定token的验证是基于id的，当有数据库中匹配的id时返回该用户，没有匹配的id时返回false

var JwtStrategy = require(‘passport-jwt’).Strategy,

ExtractJwt = require(‘passport-jwt’).ExtractJwt;

var opts = {}

opts.jwtFromRequest = ExtractJwt.fromAuthHeaderAsBearerToken();

const User = require(“…/module/User”);

const secret = require(“./key”).secret;

opts.secretOrKey = secret;

module.exports = passport=>{

passport.use(new JwtStrategy(opts, function(jwt_payload, done) {

User.findById(jwt_payload.id)

.then(user=>{

if(user){

return done(null, user);

}

return done(null,false);

})

}));

}

4.在users.js中引入passport，定义路由，当token正确时返回用户的id，name和email信息

const passport=require(‘passport’);

//$route GET api/users/current

//@desc return current user

//@access private

router.get(“/current”,passport.authenticate(“jwt”,{session:false}),(req,res)=>{

res.json({

id:req.user.id,

name:req.user.name,

email:req.user.email

})

})

5.在postman测试
将login后获得的token（注意过期时间）复制到当前请求current的Header下的Authorization字段中，然后发送请求，获得结果：

读者福利

========

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

由于篇幅过长，就不展示所有面试题了，想要完整面试题目的朋友（另有小编自己整理的2024大厂高频面试题及答案附赠）