2022前端秋招面试题总结阿里腾讯字节百度网易京东小红书快手面试记录

等了百度三个月，终于发offer了，白菜价，92大佬们拒的薪资，我知足了。

排序挂了狠多，快手，蚂蚁，… 很绝望

我的新博客：https://jzq422bol5.feishu.cn/wiki/

个人分享：https://jzq422bol5.feishu.cn/wiki/wikcnuSye5AxZ1IwRyRedlKxaAh

Github：https://github.com/Sunny-117

2022前端秋招面试情况汇总

百度提前批一面二面三面 offer

自我介绍

手写：实现n阶乘

手写：相邻数组的最大哪个，不能排序

手写：tree 可以看这里https://www.nowcoder.com/discuss/1050311 树的场景题题库总结

手写：随机颜色

手写：dom深度优先搜索

手写：柱子盛水最大体积，接雨水改编，柱子宽度不一定相等

手写：队尾幸运编号

preload啥的区别，没见过

this

node事件循环

说一下chrome V8原理

js的特点，缺陷

setState有啥漏洞

React context

看过Redux源码吗？

还有其他常规八股

怎么学习的，学了多久了

平时怎么学习的，怎么获取最新资讯

基于项目延伸出来系统设计问题

大学参与过什么社会活动？

为什么想参与这个社会实践活动？

react生命周期

react开发中不爽的点

redux-saga原理

网络缓存，http

还有其他常规八股

项目优化，学到的东西

关于组件设计，推广，重要性

好未来一面二面hr面offer

一面

自我介绍

React 废弃了哪些生命周期？为什么？

性能优化

async原理了解吗？yield

设计一个B段系统有啥考虑因素

还有一些常规八股

手写：实现一个js数组的sort方法

手写：n个苹果放在m个盘子里面有多少种方式——没写完，时间到了，说过了，，有点懵，好未来貌似不要求写出来

二面

自我介绍

项目重点深挖了一下

看过axios源码是吧，实现一个简易的axios？

react-router原理

redux用的多吗？说一下

connect说一下

babel原理，不会

react必须使用jsx吗

还有一些常规八股

手写：实现一个es6语法解构

手写：写一个react高阶组件

手写：项目中有手写的vue，现场写一个吧，简易版

打过大赛？说一下比赛作品？这也考？？？

hr

恐怖

校园经历，作为队长比赛的时候如何分工，起到的作用

有挑战的事情

知道好未来吗？我：不知道

能加班吗？我：我不想加班，没有自己的生活

啥时候出结果？下周。

用友一面二面hr面oc

一面50min

太简单了，怕kpi

手写：数组扁平化

手写：继承

手写：深拷贝

问实习项目

八股：

垂直居中方法

跨域

http https

vue 通信方式

vue2和vue3区别

vue和react区别

react性能优化

web首评渲染，ssr

反问

二面30min

自我介绍

介绍自己的三个项目

深挖实习经历

对组件封装的理解

算法：删除排序链表中的重复元素

hr 30min

自我介绍

大学里最有成就感的事情

学校是一本吗

为啥不学自动化，自动化挺好的

挂科了吗

自学计算机，绩点不会很高吧

为啥不考研

手里多少offer？

反问：用友是外包？在做什么事情？跟您坦诚清晰一下，问一下池子多大？

网易雷火一面二面hr面oc

悲惨的故事，不想去杭州，北京的岗位笔试挂了，还不能transfer，只能留坑了

面试问题：一面二面是连着的，所以我把题目直接总结了，没有hr面，hr只是打电话说面试过了谈offer时间

八股

简单八股就不列了

CSRF: 文件流steam

ssr

安全相关

cdn的原理

Serverless

JSBridge

jwt原理

redux原理

React 设计思路，理念？

为什么react可以用jsx，解析过程，实现思路

装饰器

前端工程化

mixins

输出结果题

async function async1() {   console.log("async1 start");   await async2();   console.log("async1 end"); } async function async2() {   console.log("async2"); } async1(); console.log('start')
function Foo(){     Foo.a = function(){         console.log(1);     }     this.a = function(){         console.log(2)     } }  Foo.prototype.a = function(){     console.log(3); }  Foo.a = function(){     console.log(4); }  Foo.a(); let obj = new Foo(); obj.a(); Foo.a();

项目&&实习

难点，亮点

滴滴实习的组件改造方案，网络监控工具原理

字节实习：树形组件设计，叶子结点联动

个人项目：

mysql如何处理博客的点赞问题

性能做出的优化

优化指标

仿写vue的时候，自己写的和源码的区别，设计的学习

算法

pow A
143. 重排链表 A
三数之和 A

手写

写一个Promise.then，包括Promise构造器A
settimeout系统补偿时间A
手写repeat方法，不能用循环，写三种方法A
手写react中的render函数A
写一个简易版的axios的拦截器（这个因为我读过axios源码才问的）A

智力题

赛马求最快N匹

京东一面

是一个女架构师面试的，工作了13年了，京东没有她不行，呜呜呜…

互相自我介绍

两段实习，都收获了什么

实习中最有挑战的项目（开始深挖）

拓展出这些细节：

组件设计
react-redux怎么实现的？
结合项目，新出一个场景，怎么解决
React-Intl
react diff实现原理

如果让我设计一个axios，会考虑哪些？

axios为什么那么设计

洋葱模型

聊项目

为什么不考虑留在字节？感觉这个不太好回答啊，uu们怎么答？？

如果京东和字节都给offer会选哪一家？uu们怎么答？？

反问：leader咋样？我差在哪？技术细节！！！哎感觉寄了

感受：面试官给人一种沐浴春风，醍醐灌顶的感觉，就算没过也在这场面试中收获了很多东西，包括但不限于技术追求上，看待人生的道路上，职业发展规划上…

9.2 收到二面通知，呜呜呜

京东二面

几乎纯聊天

自我介绍

为啥从去年12月开始实习？没课吗

还没从字节离职吗？

有哪些offer或者OC

选择offer看那些要素？

磁悬浮列车原理

小车移动实验

自动控制原理学的咋样

谈一下策略模式

享元模式适用于哪种情形

axios里面的设计模式

看算法导论的时候印象比较深的一点聊一聊，谈到朴素算法，拉宾-卡普算法，Boyer-Moore算法

反问：京东在做什么，京东还裁员吗，会毁约吗？

9.7 寄了

kpi面试，一顿PUA

字节懂车帝

同事面

对业务的理解

TypeScript 的泛型及距离，Interface 与 Type 的区别，TypeScript 的高阶用法（Pick,…)，详细聊聊 Omit。

介绍产出，难点

手写：柯里化有些问题，没全A

手写：36进制加法A

手写：直线上最多的点数A

口撕：给一个字符串数组，[＇ a = b ＇,’ a = C ’,’ b ! c ]，怎么判断是否正确？A

leader面

我写的代码，用户是怎么放问到的

工程化理解

介绍产出，难点

知道懂车帝业务吗？不知道，呜呜呜

对什么业务方向感兴趣？都不感兴趣，呜呜呜感觉寄了，软实力拉胯，太坦诚清晰了

未来的规划

会议上，会提问吗？会觉得是小白问题不敢问吗？

知道为啥今年hc少吗？

作为RD，怎么推进业务

owner意识

反问：

  1. 业务理解重要还是产出重要？不矛盾      2. 实习生能不能转正看什么？当你不再需要mentor就能了

说好的聊天呢？怎么成面试了，擦，0准备

不知道为神马我参加面试问的这么难，难道因为我是双飞本科吗？？？？

小红书redStar

记录 23 秋招第一次被kpi，不吐槽了，直接上面筋

这次被kpi还挺有诚意，问我这么久

介绍一下项目/实习的难点

js数据类型

判断数据类型的方式

typeof原理

js闭包问题，解决内存泄漏

[‘1’, ‘2’, ‘3’].map(parseInt)

es6 class原理

commonjs 实现原理

说说严格模式

常见的前端攻击-防御

强缓存，协商缓存

https握手原理

为什么http2能多路复用，之前不能

vue生命周期

vue组件之间通信

redux和vuex原理对比

vue diff算法

手写：axios实现（因为我简历里有写看过axios源码）

手写：最长回文串

手写：写一个节流

Unicode、UTF-8、UTF-16、UTF-32 的区别？

document.onload 和 document.ready 两个事件的区别

最后如何设计一个搜索引擎？从前端后端的方面讲讲。

koa中间件原理

diff一下koa，express，egg

反问：小红书的感受？压力很大，双月okr，压力高于字节跳动，大小周

问的好简单，有点怕kpi了，好吧，刚收到感谢信

快手一面

面试官：部门是一个纯技术部门，难度偏高，所以做好心理准备

我：啊这。。。

全程场景设计，项目，手写，0八股

深挖项目技术难点：字节的权限树讲完，面试官：就这，还有吗？我：还有滴滴的技术建设，前端测网速，面试官：行吧，我：www 两段实习都没技术含量

深挖：组件设计，区块抽离思想

业务逻辑和UI逻辑和表单逻辑的场景

三个手写，崩了，A了一个，两个没全A，提供了正确思路（4/5时间都在这里了）

手写1：实现一个useBodyScrollLock ，当出现弹窗时阻止背景滚动

手写2：装修客厅，大小为nxm，极简风格，需要使用尽可能少的瓦来铺盖地面。最少需要用到多少块方形瓷砖？

手写3: 两个字符串 str1 和 str2，返回同时以 str1 和 str2 作为子序列的最短字符串，返回所有情况

口撕：实现一个高精度定时器，可以在浏览器计算任务繁杂的时候依然准确

什么专业，计算机五门课学了什么

怎么设计一个中间件判断当前用户登陆状态

前端稳定性如果让我当leader来搞这件事，从哪些方面考虑，提前避免什么问题

反问：部门做什么，面试官说部门是一个纯技术部门，难度偏高，要求技术实力很强

如果有二面，大概下下周了，看来得排序，哎，感觉寄了

已约二面hh

快手二面

快手面试官都不会笑吗，一面全程不笑，二面依旧

算法写的时间复杂度较高，写的速度也太慢，貌似也对我的项目不太满意，大概率凉了

问项目

实习产出

讲了一下axios源码：实例创建，拦截器，取消请求，适配器原理

手写：React实现一个组件，秒A

算法1：无重复的最长子串——优化思路，秒A

算法2：重新排列单词，使其成为每行恰好有num 个字符，两端对齐。A，耗时太久了

// input arr = ["This", "is", "an", "example", "of", "text", "justification."], num = 16 // output [  "This    is    an",  "example  of text",  "justification.  " ]

算法3：树节点的第 k 个祖先节点是从该节点到根节点路径上的第 k 个节点。A了一半，叫停了

接着问react八股：

fiber架构

class组件的弊端，使用痛点

介绍几个常用的ahook

ahook对比vueuse，源码层面的优缺点

md5计t算会消耗时间吗？

你认为自己的优势是什么?

快手如果给的薪资低，你会来吗？

怎么选择团队，倾向于选择什么样子的团队

base有要求吗？

快手三面

纯聊天，20min，希望不是kpi

面试官说自己不懂技术，就聊聊天吧

体验一款快手产品，找出bug/设计好的点

最有成就感的事情

手里有多少offer

为什么写博客

怎么学习前端的

反问吐槽：

前两面面试官是业内响当当的知名人物，在大型互联网公司做过负责人，难怪出的题这么难。。。
面的这个部门是整个快手集团技术最复杂的部门，所以问的会难一些
1-2周出结果

奇安信一面

看起来妥妥的kpi面

自我介绍

实习项目

js数据类型，判断

typeof返回结果

区分数组和对象

es6剑头函数this

改变this方式

生成器+原理

反射Reflect

手写Vue时遇到的困难

讲一下react fiber

React组件通信

Redux原理

saga源码中的设计模式最深刻的一个

算法：最长回文串

算法：二叉树层序遍

反问：。。。

阿里蚂蚁一面

人生中第一次面阿里，体验绝佳，40min给我总结和提建议。敢说是面试两年半以来体验最好的一次

唠嗑闲聊：

吃早饭了吗？

在家吗？

疫情咋样？

基础考核：常规题：

let val const区别

箭头函数

为什么js是单线程？

es6解构语法

事件循环输出题

chrome V8相关：Ignition+ TurboFan，隐藏类和内联缓存，Deoptimization，内部优化手段和开发者可优化的空间

http/s

udp原理

axios为什么设计成洋葱模型

扫码登录原理

jwt，Token

React设计好的点在哪？

为什么有Redux，对比Redux中间件之间的方案，哪一种设计好，为何

Redux-thunk内部是怎么和中间件关联的？

ts类型体操

ts中const和readonly的区别

ts装饰器

学过node

express用的多吗？koa，egg都有哪些进步，已经慌了，很久没看这个了

代码考核：五个手写/算法：

手写：防抖和节流 A
手写：树形结构转换题，押中了！https://www.nowcoder.com/discuss/1050311）A
手写：发布订阅+观察者，说出区别A
算法：最短回文串（https://leetcode.cn/problems/shortest-palindrome/）力扣原题，A
算法：寄，说了思路，写了一半

两个自然数组成的数组num1，num2，选出若干个数字组合成一个数，要求取出的数字顺序保持一致，求满足该条件的最小数，返回一个表示该最小数的长度为 k 的数组。

项目考核

项目难点

描述实习中手写的diff算法

怎么设计一款产品，从0到1

未来的规划

自己的优缺点

反问：

阿里不要双飞本科，帮我提些职业建议，讲了40min，面试过程中高度紧张，面试官说不要太紧张，不要当成面试，简单聊天就可以，爱了！！

阿里蚂蚁二面

全程项目+算法/手写题，没有八股，没有框架

项目就不写了，参考意义不大，大概20min

从算法导论中分享一些有意思的算法

讲了一些数据结构

算法/手写：

计算数组中，最大连续增长子序列的长度，如：[1,2,3,4,1,2,3,4,5,1,2,3] 结果为5 秒了

手写flat 秒了

滑动窗口最大值A

至多包含两个不同字符的最长子串不会

口撕：动态表达式 A

绩点，保研，本专业的问题，为啥不考研

**反问，**为啥蚂蚁也喜欢考这么多算法？意思是过了，找时间约三面www

阿里蚂蚁三面 hr面

纯聊天

介绍滴滴和字节的产出

最有成就感的项目是什么

介绍一些数据结构

实现通用的批量更新策略

安全相关，waf

hr面挂

奇安信二面

基本八股就不列了

CSS 优化、提高性能的方法

es6的class优点

== 隐试转换的原理？

https跟tcp滑动窗口

文件的上传和下载

用Redis干什么？

虚拟内存

TCP传输，如果TCP传输中第二个包丢失了，会怎么办？

对前端工程化，模块化，组件化的理解？

模块化的好处

amd cmd

treeShaking原理 – 类似 Vite 基于 ESM，且 DCE

git-flow

奇安信技术栈vue，所以问了一些vue原理

vue2 diff算法缺陷

生命周期

template和jsx的区别

手写：发布订阅/观察者模式，说出区别

反问

9.22约hr面

字节基础架构一面

自我介绍

表单解决方案，jsonSchema协议

前端测网速，一个请求从发送到接受经历了一些步骤，怎么更精准

模态

计算机网络，有待熟练，udp和tcp，dns问题

css object model

dom

白屏问题

大前端非web类的

编译原理（ast）

聊vue3，react--开源贡献

golang

字节晋升，团队影响力

软实力：回答问题过于委婉，培养直白的回答问题的习惯，沟通方式

代码输出结果题（字节文档隐私）

两个手写题（字节文档隐私）

页面从输入URL到展示的过程细节细扒

反问，团队全栈方向

字节基础架构二面

介绍字节产出

计算机网络

操作系统

前端工程化

react diff算法

redis缓存原理，

算法：实现一个迭代器拍平，找到列表中的所有Int类型的数字A

手写：react+ts手写一个组件，样式没完全写出来

面试通过，3分，hr不推进流程了。。。想要3+

哈罗前端一面

自我介绍

做过的项目（滴滴，字节，自己的项目）

跨域

https

tcp

进程和线程

深拷贝和浅拷贝

手写管道函数

反问

腾讯云智一面

想起来就这些，问的挺广的，也挺深，有点难度，挺有压迫感,希望不是kpi

自我介绍

关于自我介绍展开的一些问题：

jsonSchema规范，如何设计自己的jsonSchema规范

表单解决方案

源码学习到那些东西

项目

项目难点

html

介绍html5

原生JS：

原型链继承设计

let const

作用域替代方案

promise

css

图片缩放

css优化

css在前端的地位

webpack

工程化配置方案

开发环境生产环境隔离

优化手段

网络

输入一个url

tcp原理

字节的跨域处理方案

nginx代理

腾讯云智前端二面

自我介绍

滴滴的项目，字节的项目

跨域

react通信

函数编程

源码阅读体验，收获

Babel

TS类型推断的手写题

域名和dns解析

Nodejs每个目录或文件都是一个对象 getContent

Node组成原理

V8引擎的扩展和对扩展的编译

家在哪

西安工作地点接受吗

公司用Vue2，我更偏向React，怎么半

反问：感悟

为啥总感觉是kpi呢？呜呜呜云智

我的老本：

Front-end-handwritten-question项目https://github.com/Sunny-117/Front-end-handwritten-question

集成了市面上所有的手写题，将近1000题，整理中，计划开源，欢迎star

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DonznXCA-1670471997716)(https://user-images.githubusercontent.com/73089592/194744593-1e9e95d2-2975-42d0-9751-5c9ee24232fb.png)]

Native-project：https://github.com/Sunny-117/Native-project

原生JS项目集合

TODO

文档建设
项目分类

几乎包含了市面上所有的原生JS练习项目，如有侵权请联系我！微信：17560850561

如果有遗漏的欢迎提issue或者pr

此项目有野心成为github上唯一的且最全面的原生js项目库

exercisehttps://github.com/Sunny-117/exercise

如今的年代，做什么事情是绝对正确的，那我首选锻炼身体，于是捡起来了运动的习惯，每天跑步3km+，水一些issue哈哈*（bushi）大家感兴趣的可以私信我，我拉你进锻炼身体的群，每天风雨无阻的坚持，相信糟糕的坚持比放弃强

Front-end-interview-questionshttps://github.com/Sunny-117/Front-end-interview-questions

记录一些前端的八股文，目前还是WIP，根据热度决定做成什么亚子

BOSScripthttps://github.com/ideas-tips-frontend/BOSScript

你还在为海投而苦恼吗，或许BOSScript可以帮助到你

boss直聘投递、关闭，一条龙服务的油猴脚本，一天的简历投到上限，不会超过2min

事件原因，bug还很多，但是满足需求足足了

TODO vs done

done：

自动开启多个标签页进行投递。
投递结束自动关闭浏览器标签页

todo：

检测 chat 页面自动关闭
发简历功能
发包
自动化：hack进页面，添加一个按钮，点击按钮后再开始执行脚本
速度和执行效率优化（标签页数量限制，监控，执行pool）轮训时间较长，我在缩短一点会更快
自动执行分页
脱离油猴脚本一键执行
…issue

声明：此脚本仅做技术研究和交流，不要随意修改此程序，包括但不限于轮训时间。针对使用此脚本造成BOSS抗不住崩了的后果本人概不负责。

the OKR of my life

2022年

前端

vue3 源码吃透
react 源码吃透
技术topic 专精
看技术书《Vue设计与实现》《高性能JS》
最全，最前沿前端技术知识库：FrontEndKnowledge 上线
。。。虽然不多，但是我想求精hh

算法

leetcode 至少500题
沉淀文档

人生不只有技术

跑步等高强度锻炼每天3km+ 关于健身

思考创业

商业化造诣

2023年7月（毕业前）

工作一年

英语拾起来？
纯前端面试不会遇到不会的题
在职研究生？

工作三年

精通前端，开源社区有所造诣

跨越后端

结尾

另外把我的简历给大家，简历有些地方还是有些不妥，放在我github上了，大家可以自取

https://github.com/Sunny-117

千锤万凿，你终成英雄！！！