23届秋招前端快手面筋(一二三面)
楼主双非本,5.13至今在字节飞书实习。秋招投递了快手三次简历,先后投了深圳杭州的base结果简历都挂。鼓起勇气投第三次(北京base)后才有了面试机会,目前已经收到手手的意向啦。故总结下三次面试的面筋,为后来者提供参考。
一面(65min)
字节实习
面试官让我主要介绍下在字节都做了些啥?
- 历史vue组件迁移到react(模块联邦实现组件维度的技术迁移)
- 复杂表单组件的设计理念, use-context-selector和useReducer
- service-woker存储入口html原理以及如何在html更新时及时取到最新的html文档?
- 覆盖率
- 模块联邦的原理浅说了一下, react组件渲染至vue的大体流程(核心是createPortal)
问题
全程没有八股,实习介绍完就开始写题
取得数组的最大深度
let arr = [1,2,[2,[3]],4,5] getDepth(arr) ===> 3
生成随机的16机制颜色值
手写完后,能达到生成的效果。但是面试官提示说从16进制入手会更简练一些。场景题
const newFn = requestFn(fn,count,time)
实现requestFn,调用返回newFn可以做到fn每隔time时间执行一次, 供执行count次手写react组件
实现复选框组件
反问
问了业务以及技术栈, 总体感觉面试体验挺好,面试官挺年轻看起来像没毕业几年。最后结束时笑着说肚子饿了要去吃饭哈哈哈
二面(65min)
整场面试体验特别好, 面试官很友善和蔼看起来像是小组的负责人, 自我介绍完他有个紧急会议然后留下了一道组件题给我写。约6分钟后回来然后开始正式的面试。
题目
- 框架题: 使用vue或者react实现多选框的组件, 因为面的部门的技术栈主要是vue, 面试官建议我使用vue写,没办法好久没用vue了,硬着头皮用组合式api写的。
写完后面试官反问如果要进行封装给其他人用, 可以有哪些优化点? - 介绍实习中遇到的难点与收获
- 复杂表单表格的设计理念. useReducer和use-context-selector
- 对TS高级类型的理解加深了, 讲述了在复杂业务中TS的重要性。
然后面试官发散性问我never类型在实际场景中的使用? - 模块联邦
- 然后开始写题
- 实现数组的flat方法, 可以指定层级进行拍平同时也要兼容Infinity层
- 使用数组的reduce实现数组的map方法
一分钟就a了, 随后面试官发散性问为什么数组的很多方法比如forEach, map, filter的回调函数的第 三个参数要传数组本身的引用? - 手写Promise.allSettled
- 最后一道很经典的题
在浏览器中输入url地址后按回车会发生什么?
由这个问题引出以下问题:- DNS域名解析
- HTTPS加密过程
- 浏览器渲染原理
- http1.0 1.1 2.0 3.0的区别?
- 为什么http3.0要基于UDP实现, 如何保证可靠性?
反问
反问了部门业务, 得知我面的部门是大前端部门, B端C端都有做, 有做活动页的低代码平台,有面向快手创作者的创造者平台(会比较多的用到图表渲染),总之那边的业务我很喜欢。
面完一个小时后约了三面。
三面(30min)
三面面试官有一点点严肃, 名字叫海洋看起来像是大佬。整个面试过程很快就半小时。
- 自我介绍
让我介绍自己做过的项目(值得说的项目都可以说不局限于实习项目), 把自己之前用canvas做的一些粒子烟花效果以及用canvas去获取视频的每一帧等等小demo都说了下。后面介绍了自己的个人博客以及实习做的一些事情 - 算法题
力扣原题
单词距离
有个内含单词的超大文本文件,给定任意两个单词,找出在这个文件中这两个单词的最短距离(相隔单词数)。如果寻找过程在这个文件中会重复多次,而每次寻找的单词不同,你能对此优化吗?
题写完后问了我手上已经有几个offer了以及字节打算啥时候转正答辩
最后面试官有说让我等HR面, 大概一到两周可以出结果,希望能进池子!!