2024年Web前端最新好的始终在后面，虾皮、快手、拼多多均失利，终拿字节 offer(2)，2024年最新腾讯web前端开发面试题

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

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

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

• mixin hoc 继承的区别，优缺点

• react diff如何实现

• react 旧版的diff用深度优先还是广度优先。为什么用深度优先，广度优先能实现吗（其实我认为广度也能实现的，面试官问广度有啥不好，我确实不知道…）

• diff的时间复杂度？为什么？(o(n)。提了下react优化o(n3)->o(n))

• react-router实现原理(hash/html5 history)

• 客户端路由hash/history实现的区别、原理

• 有哪些常见的http头

• websocket/轮询的好处和缺点 （性能、兼容性）

• websocket的握手过程（urgrade websocket）

• tcp的握手过程

• tcp/udp的区别

• 一个应用场景redux触发几次action如何设计（这个问题感觉有点迷，不知道有啥问，我回答也有点迷，面试官说可以了…）

• 尽可能多实现pdd app导航布局实现（就是类似4等分div并列排布）

• 如何清除浮动

• BFC实现原理

• 开放题：pdd首页假设没有任何优化，尽可能多的想优化的办法（懒加载、打包优化、webpack速度、代码压缩、雪碧图、http2 balabala…）

二面 周日 下午2.30 35分钟

• css的盒子模型（content-box border-box）

• 实现动画有哪些方法 (js css)

• react mixing hoc 继承 hook之间的区别/优缺点

• 浏览器渲染出一个页面的过程

• vue/react技术选型

• 项目相关，项目重构开发如何并行balabala…

• 项目中工程化进行了哪些优化

• 项目中继续进行优化会从哪些方面去做(说了下webpack5 module fedration)

• nodejs项目的性能优化

• linux文件权限（4 2 1 ）

• 前端监控怎样实现 (数据采集、上报、展示之类)

三面 本来约了去星期天广州现场的，结果车票都买好了，前几天，hr说部门架构调整，岗位暂时不开放了。又凉了～

拼多多的面试时间还是很合适的，周天+晚上9点，基本可以避免上班的尴尬（毕竟11 11 6…）。问的问题也中规中矩吧。不过也无缘了。拼多多的两轮是比较少有的不需要手写代码的，都是电话面试。

虾皮

虾皮通过一个同学内推的，面的金融部门

虾皮都是qq视频面试+腾讯文档word写代码

一面 周二早上

• http 302 301 307之间的区别

• 301和302对于seo来说哪个更好 (301)

• 跨域是什么、如何解决

• jsonp有什么缺点

• 图片base64和外链的应用场景，各有什么优缺点(base64减少请求数，但是会增加额外的体积)

• http缓存机制

• https的握手过程是怎样的

• set/map的区别

• hook的局限性

• setState和hook的区别

• decorator的作用，编译后是怎样的(@decorator -> decorator(target)…)

• symbol是什么，一般用来做什么

• csrf 是什么 如何防范

• sql注入是什么，如何防范

• react 调用setState之后发生了什么

• nodejs事件循环机制

• pm2的原理，有哪些模式(cluster fork)

• docker和k8s有了解多少(k8s听过没用过)

• 移动端端一个元素拖动，如何实现和优化（节流、改变位置）

-for in/for of 看代码输出

• 几道看代码说输出（忘了具体题目了）

• 描述链表的反转怎样实现，复杂度多少

编程

• 实现instanceOf

• 实现一个对象被for of遍历

• 实现链表的添加、删除。复杂度多少

一面考的都是一些基础知识，需要一定牢固的基础知识准备才行

二面 时间 一面之后的下午

• 给了两段效果上都可以实现child 继承 parent，细节上的差别

function child(){}

function parent(){}

child.prototype.proto = parent.prototype

child.prototype = new parent()

• 一些代码看输出的题目。考点有函数this指向的问题

• 如何监听html外链资源加载失败(面试官又追问了onerror 和addEventListener的error都能吗。面试官说onerror不行，具体我没试过…)

• Mutation Observer、Interp Observer使用场景（Interp听过没用过）

• 127.0.0.1和0.0.0.0差别（一个只能通过localhost ，一个可以通过本机ip或者localhost都行）

• 利用promise js sleep函数实现

• jsx转换后是怎样的

• redux compose函数做什么的，中间件呢

• redux-saga是什么，和redux-thunk有什么区别

• dva有了解吗

• umi.js有用过吗

• req.pipe(res)

• stream 如何处理数据消费和数据生产的速率不一致问题

• writeable stream drain事件是做什么的（这是和一个控制读写速率有关的事件）

二面考得比较细，问了很多看代码问输出的问题，也问了一些比较细节的问题，有些细节的地方确实实际也没接触过。

字节

字节是通过一个同学内推的。字节也是自己比较中意的公司之一吧。为了准备字节面试，刷了不少leetcode，虽然好像面试也没怎么考，但是通过这段时间刷leetcode，不得不承认感觉自己的代码能力也有一定提升

某个周日晚上20点

一面

• 常用的http状态码(101 200 204 301 302 304 307 400 404 500…)

• 301和302的区别(永久/临时)

• 前端路由怎样实现(hashchange事件 hack history.pushState)

• 前端路由直接刷新404怎样处理(404时重定向到index.html 如nginx)

• 从前端到后端全链路如何设计实现一个登陆的流程(session方案、jwt)

• 什么是跨域，怎样处理

• 简单请求和复杂请求的区别

• 浏览器的缓存策略说下

• domain属性解决跨域。几种domain设置对跨域是否生效

• ts 泛型做什么的，infer关键字的作用

题目

• 实现typescript的Paramters、ReturnType (考察infer关键字使用)

• 实现Promise.all (每个promise resolve结果存数组，最后一个promise返回时，把数组返回)

• 实现一个并发请求控制函数，限制并发数

二面 一面之后马上进行了二面

• jwt的原理（以前用过，比较好说）

• xss和csrf是怎样的，如何去解决

• pureComponent和Component的区别(前者shouldComponentUpdate默认比较props)

结束

一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！

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