《快手前端工程师面经》专题

第一次面试大厂，没有经验，虽然面前看了两天的面经，但是还是败给了当初被我抛弃的算法（大一下退出算法跑去开发） 一面（60min）： 1.自我介绍 2.在平常开发中遇到过哪些问题？怎么解决的？ 3.sso单点登录怎么实现的？ 4.离职原因？ 5.整个软件开发的流程是怎样的？ 6.set和map的区别 7.object和map的区别 8.了解promise.all,promise.race吗 9.手撕

二战快手吗，整个过程一个小时左右，只做了四个题 1. 自我介绍 2. 写个排序，本来要写快排的，然后说写个冒泡吧 3. 写一个storage，十分钟过期 4. 手写allSettled 5. 刷过lc么，写个全排列吧 6. 中间穿插着聊了其他的一些东西，for in和for of区别，nextTick原理啥的，说多了解一些基础的东西 本来还觉得上来就做题是kpi，但是面试官说这一面我给你过，之后多

先吐槽一下，下午三点面淘天，五点面快手，七点百度。。我我要麻了，全是一天，还都是连着的 面试的话一上来是三道输出题和两道算法题。输出题嘛，就是经典的this, 变量提升，还有异步输出 算法题，一道找最长的连续相同字符子串和一道字符串转数字 然后是问了下项目难点，奈何本人项目无难点，10min草草结束。然后大概问了10min八股，一面结束

一面： 1、css像素 2、进程和线程的区别 3、浏览器有哪些进程 4、浏览器是怎么进行渲染的 5、重排和重绘，什么时候触发 6、js是单线程还是多线程，为什么 7、异步的方式 8、TCP四次挥手 9、https几次握手 10、常见的非对称加密和对称加密算法 11、http版本发展 12、强缓存 13、vue2和vue3的区别 14、手写new 二面： 1.使用vue手写一个购物车页面 2.rgb

自我介绍。 介绍完直接说：八股、项目都不问了，直接做题。 手写题：用 React/Vue/前端三大件 实现一个TODO List，具有增删改查功能。 手写题：利用闭包实现函数counter()。 function counter(){} console.log(counter()); //输出1 console.log(counter()); //输出2 console.log(counter(

一下午三个面试到快手面试的时候脑子已经转不过来了，面试官真的很好，不仅会引导，而且会详细解答我没答出来的问题，让我学到了很多新知识，而且很随和，但就是一反问我我就拿不准了，哈哈 1. 自我介绍 2. 浏览器存储方式 3. 缓存方式，强缓存和协商缓存 4. 了解fetch发请求方式么（不是很了解，当时一说基于ajax实现给面试官都惊了） 5. css中隐藏元素的方法 6. 了解弹性布局么，说说 7.

部门：电商 1.项目单点登录介绍，如果自己实现不用keycloak托管怎么做 2.深挖性能优化，火焰图，performanceAPI，代码http图片webpack所有的性能优化相关 3.react和vue你认为上手的区别（这个被问到好多次了） 4.微前端概念，解决了什么 5.ahooks印象比较深的hooks 6.react18新特性有无了解 7.自己做的性能优化，效果怎么样优化了多少 面试官看

一面 自我介绍 一道 异步代码题 异步发展，出现了什么解决方案 promise真的解决 回调地狱了吗 redux dispatch 如果有异步，怎么做？答的中间件机制，在dispatch前 await住 async await呢？是语法糖还是？怎么做的？ css 选择器 优先级，如果给一个 id选择，还有很多个class 那么优先级是 vue css 怎么不会出现样式污染？scoped，原理是？a

总时长：40min 1.自我介绍 2.项目相关，想到什么问什么，能给面试官讲清楚，做到自洽（主要考察的是专业角度学的怎么样，因为我做的被动流量抓包比较多，问前端怎么获取网页源码，问防火墙怎么判断网页是不是恶意，等等。 计算机网络基础： 1.TCP怎么保证网络的可靠传输 总体比较简单，项目问的很多。求过啊啊啊吧

1. BFC 2. 外边距塌陷是会取大的还是小的 3. 项目难点介绍 4. 项目中模块联邦 用了会带来哪些性能影响 5. 项目xxxxx此处省略一堆 ........ 6.引导框咋写的 7.写个题：就数组的合并 排序 去重 不准用api set这些，原生的。 反问：

太菜辣 1.看设计稿，给出DOM结构 2.看代码，说结果，考察闭包 3.看代码，说结果，考察变量提升、this指向和原型 4.实现一个对象变量查询 5.说一下内存泄漏和浏览器垃圾回收机制 面完秒挂#秋招#

上来先介绍了一下部门，挺好的，讲了挺久。 问的点： 1. 我开始就说我从全面变hooks开始学的react，然后问我memo实现是怎么实现的（作用答出来还有几个用法比较，但他意思是问让你结合生命周期，我真的没听过类组件的那些东西） 2. url解析到页面，过程答了，问你怎么计算全程耗时，问你听过window.performance吗？答没有，结束了。 面完秒挂，

快手面试体验真的是太好了，是我目前感觉最好的面试体验了，二面没有自我介绍直接上代码 1. 看代码说输出，一个不同方式调用访问变量的问题，通过函数调用对象内部函数或者直接调用函数内部函数，有this有直接变量（面试官带着整个代码读了一遍，带着分析，但关键时候输出也会让自己说，中间会穿插着问一些八股） 2. 使用递归和非递归的方式实现一个类似于斐波那契数列的问题（忘了叫啥名了），公式是F(n) = F

base 杭州 1. 文件上传之后传到哪儿-》答服务器-问文件大多,会有存储问题吗=》答更好的办法可以传到oss 2. css问题：隐藏一个页面元素用哪些方式实现 3. v-if, v-show 的区别 4. 对页面的Dom渲染过程理解吗 5. 重排重绘，怎么减少重排重绘，vue里面对重排重绘的优化手段 6. 垂直居中一般会怎么做 7. 事件循环机制 8. 输出题，就宏任务，微任务，有promis

treeShaking 怎么保证treeShaking一定成功？ 项目怎么做鉴权 强缓存和协商缓存 介绍cookie http-only的作用 浏览器的重排和重绘 看代码： css 问题： 怎么当数据很多的时候去点击ul获取li的data css选择器 兄弟选择器 基础this指向问题 事件循环，输出 手写promise.all async await 返回值 二叉树左序遍历 怎么学前端 vite