项目总面试题目，惜败虾皮、快手，腾讯前端面试题

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

-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)

• react hoc hook解决了什么问题

• 有哪些常用的react hook，它们做了什么(useState useReducer`` useContext等等…)

• 项目实现一个中间层的意义（前端全链路日志打通）

• setState同步还是异步

• setState传递对象和函数有什么区别？如何选择

• 合成事件怎样的，有什么好处

• 事件冒泡和事件捕获的区别、react中的冒泡和捕获呢（react中都是合成事件，无论冒泡和捕获，对应于原生事件都是冒泡）

• 怎样看待加班（hhh 加班很正常啦，在腾讯的时候也是每天加班）

• 为啥选择跳槽

题目

• 实现css垂直、水平居中

• 实现bind函数

• 实现快速排序

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

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

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

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

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

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

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

er 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-WK0cZNOI-1712615733350)]