大厂前端面试都问些什么问题？入职爱奇艺年薪48万，面试经验总结

大厂前端面试都问些什么问题？入职爱奇艺年薪48万，面试经验总结

前言

“金九银十“跳槽季，又到了面试求职的高峰期。好多小伙伴都会跳槽去找工作。如果你不跳槽，也建议把这篇文章看完大厂前端面试都问些什么问题？入职爱奇艺年薪48万，面试经验总结，毕竟金九银十之后，就是金三银四了，总是逃不掉的

你在面试的时候，是否遇到过以下问题：

如果你中了其中2条以上，那本文一定要认真读完。

从9月开始，我分别面试了百度、快手、爱奇艺、阿里、滴滴、字节跳动、好未来、贝壳等8家互联网大厂，顺利拿到4家offer，并最终入职爱奇艺，年薪48万。

本文记录了以上8个互联网大厂的面试题目，带你全面了解——【最近，前端面试都问些什么】

百度

1、请分析以下代码执行结果

2、请分析以下代码执行结果

3、请写出 inner 的实际高度。

4、手写一个深拷贝函数。

5、HTTP 状态码 301 302 304 403。

6、手写发布订阅模式 。

7、手写一个多表查询的 sql 语句。

当时用的是 left join 实现。

8、react 高阶函数的写法，通常有哪几种。

第一种是通过工厂模式直接 ，第二种是通过组件反向继承的方式。

9、 数组的 item，数组的 是否会 -1。

不会。

10、 中的 BSON 是什么？

B 代表二进制。

11、关系型数据库和 nosql 查询效率谁高？

关系型是 B+ tree 查询效率相对较高。

12、使用 node app.js 开启服务，如何让它在后台运行。

开启守护进程，在命令后加上 & 符号，表示开启守护进程来执行。

13、尽可能写出更多的数组副作用方法。

百度三面：

1、实现一个周岁函数，例如 fn(‘2018-8-8’) 输出 1，只要是过了生日就 +1。

2、不断优化刚才实现的函数前端面试必问问题，用尽一切办法，多问一问还有吗？跳出自己的固定思维圈。

阿里

1、vue 双向数据绑定原理，依赖收集是在什么时候收集的？

是在 生命周期之前大厂前端面试都问些什么问题？入职爱奇艺年薪48万，面试经验总结， 生成虚拟 dom 的时候。

2、react hooks 原理是什么？

hooks 是用闭包实现的，因为纯函数不能记住状态，只能通过闭包来实现。

3、 中的状态是怎么存储的？

通过单向链表，fiber tree 就是一个单向链表的树形结构。

React Hooks 原理

快手

1、请写出以下代码执行结果。

2、请写出以下代码执行结果。

3、ts 如何获取一个函数的类型，以及获取一个函数参数的类型。

4、ts 泛型约束的多种方法。

5、 的第二个参数是什么？

第二个参数表示将字符串当做几进制进行解析。

6、实现一个多列等高布局，多种方式。

7、函数提升，如果加了一个括号，还会提升吗？

不提升。

8、 的第三个参数，可以传递函数的初始参数。

9、bind 函数的第二个参数，可以传递函数的初始参数。

10、使用 ts 时，如果不在 a 后面加类型，怎么创建一个 的数组？

11、react 源码看过吗， 最后编译出来是个什么东西，是个什么类型？

类型。

爱奇艺

1、浏览器渲染 js，html，css 的顺序。

2、react dom diff 算法，list 比较首先比较的是什么？

首先比较同层级元素，从左到右。

3、为什么 react 要做成异步的呢？

4、对象的 {…} 解构，是 rest 吗？

是。

5、自己实现一个 。

6、 头是在什么时候会进行发送。

7、 在两个 tab 窗口能共享吗？

不能，和后端的 类似，每一个窗口对应一个会话层。

8、 存放的只能是 类型。

插入时需要将对象转换为字符串，读取时需要做 JSON.parse 转换。

9、写一个 0-100 的正则表达式。

10、linux 中怎么查看内存和磁盘。

11、meta 标签用过吗，都用来做些什么？

滴滴

1、快速排序和二分排序选一个手写。

手写了一个快排。

2、手写一个 。

3、手写两个数组的交集。

4、 运行流程，seal 方法之后都有什么？什么时候生成 chunk ？

5、ts 中 是什么？

6、手写一个 es5 继承。

寄生组合继承

7、react hooks 主要用来做什么？

hooks 介绍

8、https 有什么缺点？

三面问题：

1、你工作中做过的最牛的项目是什么？

按实际项目实话实说，可按原因，过程，结果三个维度进行介绍。

2、深挖项目中的技术栈，追问项目中的难点，需要给出具体的解决方案。

根据实际情况说明即可，尽量多表达你自己对该项目的思考。

3、针对项目中的优缺点进行分析，并让你给出相应的优化方案。

主要考察对项目的思考。

4、还有其他最牛的项目吗？

一般一个项目不够，尽量多准备几个。

字节跳动

1、请分析以下代码执行结果

2、手写一个节流函数

手写节流函数

3、什么是装箱和拆箱

装箱和拆箱操作，能够在值类型和引用类型中架起一做桥梁。换言之,可以轻松的实现值类型与引用类型的互相转换。

装箱是将值类型转换为引用类型，拆箱是将引用类型转换为值类型。

4、什么是委托

粗略来说前端面试必问问题，一个类想执行一个方法，但它本身没有这个方法，这个方法在另一个类中，于是它“委托”那个类来帮它执行。

5、手写一个 方法。

6、手写一个模板字符串替换方法

7、看过 antd 源码吗前端面试必问问题，如何实现一个 Model， 组件？

只能猜想到 React ，未层看过源码，有待提升。

8、如果要设计一套微前端架构，说说你的具体思路？如何实现主页面事件注册机制？如何解决多个 同时通信？

需要有落地实战项目，不然很难答好，消息加锁等。

好未来

1、同步，异步，阻塞，非阻塞，分别解释一下。

以烧水的案例来理解。

2、cdn 是如何匹配最近的节点的？

通过动态 dns 解析。

3、 实现一个 sleep。

贝壳

1、实现一个 css 布局，每一列的第一个和最后一个元素，在最左最右侧，其他的元素均匀分布。

案例：第一行 4 个元素，第二列 2 个元素。

2、请分析以下代码执行结果

3、请分析以下代码执行结果

总结

技术面试一般分为三面。

一面：考察基础，必须过硬，如：js、css、html、tcp/ip 协议栈、浏览器渲染等。

二面：结合实际项目考察技术深度，如：react、vue、koa、ts、 等。

三面：结合实际项目考察项目思考，如：react 的优缺点、前端方向的思考、以及解决问题的思考方式等。

前端程序员的福利

巴菲特有句名言：“人生就像滚雪球，最重要的是发现湿的雪和长长的山坡。”职业发展亦是如此，前端人除了埋头踏实苦干，更要懂得抬头思考远望，在行业变化中找到正确的方向。如果你想：