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

时间 2019-11-06

标签大厂前端面试什么问题年薪经验总结栏目快乐工作繁體版

原文原文链接

前言

“金九银十“跳槽季，又到了面试求职的高峰期。好多小伙伴都会跳槽去找工做。若是你不跳槽，也建议把这篇文章看完，毕竟金九银十以后，就是金三银四了，老是逃不掉的css

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

各大招聘网站海投简历，给回应的寥寥无几
永远想不明白到底该不应去外包公司
面试前不知道该作哪些准备，常被面试官问到发懵
不知道怎么谈薪资，可让本身利益最大化

若是你中了其中2条以上，那本文必定要认真读完。

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

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

百度vue

一、请分析如下代码执行结果node

二、请分析如下代码执行结果react

三、请写出 inner 的实际高度。linux

四、手写一个深拷贝函数。webpack

五、HTTP 状态码 301 302 304 403。程序员

六、手写发布订阅模式 EventEmitter。web

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

当时用的是 left join 实现。

八、react 高阶函数的写法，一般有哪几种。

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

九、delete 数组的 item，数组的 length 是否会 -1。

不会。

十、mongoDB 中的 BSON 是什么？

B 表明二进制。

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

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

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

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

1三、尽量写出更多的数组反作用方法。

splice、push、pop、shift、unshift。
sort、fill、reverse。

百度三面：

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

二、不断优化刚才实现的函数，用尽一切办法，多问一问还有吗？跳出本身的固定思惟圈。

阿里

一、vue 双向数据绑定原理，依赖收集是在何时收集的？

是在 created 生命周期以前，render 生成虚拟 dom 的时候。

二、react hooks 原理是什么？

hooks 是用闭包实现的，由于纯函数不能记住状态，只能经过闭包来实现。

三、useState 中的状态是怎么存储的？

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

React Hooks 原理

快手

一、请写出如下代码执行结果。

二、请写出如下代码执行结果。

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

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

五、parseInt 的第二个参数是什么？

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

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

使用 padding 和负 margin
使用 flex
使用 table-cell
使用 grid 布局

七、函数提高，若是加了一个括号，还会提高吗？

不提高。

八、setTimeout 的第三个参数，能够传递函数的初始参数。

九、bind 函数的第二个参数，能够传递函数的初始参数。

十、使用 ts 时，若是不在 a 后面加类型，怎么建立一个 number[] 的数组？

十一、react 源码看过吗，<Component1 /> 最后编译出来是个什么东西，是个什么类型？

ReactElement 类型。

爱奇艺

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

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

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

三、为何 react 要作成异步的呢？

由于 state 更新会致使组件从新渲染，在渲染后，才能把新的 props 传递到子组件上，因此即便 state 作成同步，props 也作不成，为了保证 state 和 props 的一致性。
为了性能优化，state 会根据不一样的优先级进行更新。
为了让 react 更加灵活，如实现异步过渡，例如页面在切换的时候，若是延时很小，就在后台自动渲染了，渲染好以后再进行跳转；若是延时相对较长，能够加一个 loading。

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

是。

五、本身实现一个 Symbol Interator 。

六、options 头是在何时会进行发送。

检测服务器所支持的请求方法
CORS 中的预检请求

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

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

八、localStorage 存放的只能是 string 类型。

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

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

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

top 命令，查看内存。
free 命令，查看内存。
ps aux 列出当前内存中正在运行的程序。
df 命令，查看磁盘。

十一、meta 标签用过吗，都用来作些什么？

seo 优化
viewreport 设置手机端适配
设置 charset 字符编码
模拟 http 标头字段

滴滴

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

手写了一个快排。

二、手写一个 eventEmitter。

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

两层 for 循环。
将两数组排序后，使用双指针去判断。

四、webpack 运行流程，seal 方法以后都有什么？何时生成 chunk ？

五、ts 中 ThisType <T> 是什么？

ThisTypeT

六、手写一个 es5 继承。

寄生组合继承

七、react hooks 主要用来作什么？

在组件之间复用状态逻辑很难
你可使用 Hook 从组件中提取状态逻辑，使得这些逻辑能够单独测试并复用。Hook 使你在无需修改组件结构的状况下复用状态逻辑。这使得在组件间或社区内共享 Hook 变得更便捷。
复杂组件变得难以理解
组件中的每一个生命周期经常包含一些不相关的逻辑。Hook 将组件中相互关联的部分拆分红更小的函数（好比设置订阅或请求数据）。
难以理解的 class
class 组件学习成本相对较高，须要理解 this 在 js 中的工做方式，在绑定事件时须要注意。

hooks 介绍

八、https 有什么缺点？