快手前端

刚面完二面，趁记得写个面经1. 自我介绍2. 讲一下你学前端的过程3. 讲一下你实习经历里最有意思的项目4. Webpack打包-- Webpack的核心概念-- Webpack打包优化5. React hooks-- 常用的hooks, useState, useEffect, useRef, useMemo, useContext-- Hooks为什么不能打乱顺序使用6. Typescript的范型interface7. flex原理题：给定父元素大小为600px，子元素A大小500px，flex-shrink: 1，子元素B大小400px，flex-shrink: 2。问最后的空间分配如何 -->延伸，假如最后元素分配到的要缩小的大小超过了元素本身大小怎么办8. 手写ES6模板字符串。这里真的坑，面试官问我知不知道，我天天用，但是就是不知道这个叫模板字符串，就换题了9. 算法题：查找二叉树根节点到叶子结点和为target的路径10. 毕业后啥打算11. 反问：typescript在开发中的重要性有多少，怎么学；快手用react多还是vue多有结果再来更新，求个三面！更新：二面过了，约个三面，好运加持！

前面写了一个，居然发出来少了一半东西，不知道为什么。面的心态有点崩，属实是阴沟里翻船。1. 自我介绍2. 为什么学前端，学了多久3. html-- html学习的重点有哪些-- html里如何实现飞书文档字体变化的效果（加粗，斜体）4. css-- css怎么学的-- 对于一个"<div class="a b"></div>"，css怎么写可以让css只选中a b，并且忽略单独的a和单独的b-- CSS选择器优先级-- 一个元素下有3个子元素，CSS怎么分别选取到这3个子元素（first-child，last-child，中间的可以用nth child，但我不知道，面试官提醒的）-- 垂直居中如何实现-- 讲一下position5. JS-- JS怎么学的-- 作用域和闭包-- 闭包看代码讲输出6. React-- 讲一下var a = 1, let a = 1, const a = 1, const [a, setA] = useState(1), const a = useRef().current = 1的区别-- 细说useState和useRef在处理数据时候的区别-- useRef().current更新以后，会触发组件重新渲染吗？-- 哪些因素会触发组件重新渲染7. 写代码：实现一个下拉框，选择城市，下拉框里是这个城市下辖的区，用react写一下-- lz这边纯心态爆炸，偏偏考一个select+option，这个真的很简单，但是好久好久没写了，一下子忘了，直接糗大了8. 反问。面试官直接笑了，说前面答得还不错，后面react这个写不出来，基础不太行秋招首挂应该就是这个了，move on下一家了，诸君共勉

自我介绍 项目亮点，说了老长，终于在嘴巴干涩的时候面试官让我停下，开始问一些细节讲了自己知道的状态管理详细讲了redux结合了项目，面试官超级好，给我讲了RxJS情景问题，流式的数据，想要返回怎么去做比较好所有的design pattern讲了一遍，自己的项目是怎么用的项目聊天中的websocket的实现websocket的ping pong机制nodejs和浏览器的事件循环机制宏任务，微任务点击是什么任务css居中的方法react的所有hooks定位手撕Eventhub反问一共45分钟左右，面试官说我状态很好继续保持，我觉得二面就没问题，大概过了三四个小时二面二面前半个小时很好，后半个小时感觉压力来了，应该是挂了

美国找工跟地狱一样，还得国内多争取机会，刚面完，热乎的，人生前端处子面给了快手1. 自我介绍2. 前端学了多久了3. 计网7层协议，5层协议4. TCP 3次握手4次挥手5. http和https6. 跨域方法7. 简单请求，预检请求8. 基本数据结构9. JS里面Obejct和Map有什么区别10. Object的key可以是什么类型，Map的key可以是什么类型11. 算法题1，全排列12. 算法题2，bfs dfs遍历树，树的前中后序有什么应用面完就通知过了，等二面时间

今天下午三点多来电话谈薪资，口头接受offer。两周内发offer。可以等三方，可以先签两方

面试官人挺好的，会问你哪里掌握得好给你出编程题，虽然最后还是做的很糟糕基础知识会根据你的回答深入提问，可以加以引导，引导到自己了解的知识1、地址栏输入url后续的过程（浏览器与服务端的通信）2、HTTP/HTTPS区别、网络协议3、浏览器有哪些进程4、进程与线程的区别与联系5、浏览器渲染（回流与重绘）6、宏任务与微任务（给代码判断输出，Promise的then操作7、git：- 有哪些常用的指定操作-一些指令的区别（具体忘记了8、防抖节流9、红黑树10、react的hooks为什么不能放在函数中编程题：1、手写快排2、手写Promise3、判断嵌套数组的最大深度

写在前面警告自己：以后不可能再有人要我简历我就直接给了、并在完全没复习的状态下约 1-2 周后的面试- 两周前，一个快手的 B 站的粉丝直接把我微信开出来了加了我，还在脉脉上（我都是匿名的）把我开出来了，这个人是做网络安全的，看了他的一些文章，对于信息搜索和攻击能力还是挺强的，所以开我个人信息也理所应当；- 加我后，说是大数据平台组很缺前端，他收简历的 OKR 还有一天截止了，想跟我互帮互助，虽然这个时候我已经有感觉是刷 OKR 的，但我还是出于好心和对大厂的技术生活向往，写了简历给了他。发给他之后，他就几乎没回复我了。几天之后才从 HR 那儿得知转到其他部门去了，并且还是通过官网投递的（我并没投过）。懂的都懂。- 我在面试上有一年没准备了，理性来看，花 1-2 周突击是并不好的，这个时候需要忍住去面试的冲动直接给 HR 说后面有意向了再联系她，不然毁面评还要等半年冷冻期。1. 判断类似 301 这种有递增的数组中缺失的那一个 ✅2. 找到递增矩阵的 target ✅ 但过程中有 bug，主要是边界条件3. 从顶点到底部哪一行的最大路径和 思路正确，但中途还是有 bug4. 手写 Promise.race ✅ 但没写 Promise.resolve 处理不是 Promise 的传参【这个时候已经写代码了一小时，之前复习没覆盖这块，但我只要复习覆盖过这些，不到半小时都能写完】5. 看代码输出，new 一个返回值是一个对象的构造函数，然后修改构造函数的 prototype，再访问这个实例的参数 ❎6. nodejs 用过没，express 的原理？❎7. React 从 import react 到渲染完有什么流程？❎8. TS 怎样判断函数返回值类型？❎9. 项目，写到简历上的前两个项目都过了一遍，前端工程化相关我答得还行，问我有个 toc 的 APP 内嵌页面怎么性能优化，我居然都没想到服务端渲染。。。面完突然才想起这次面试学到的经验前端面试无非就那些板块，最多就问底层的原理实现，多花时间掌握牢就行，在准备时间充足的情况下，真 不 难

暑期实习转正部门: 电商事业部-电商技术部-前端 base:杭州bg:双非本,2-6在北京快手国际化前端实习(不建议去)timeline:06-15 入职07-28 提交转正09-25 面试10-09 意向(催了下就发了)--------------其他的评论区交流

快手 一面 9.14promise.retry颜色随机生成时间的监听事件+定时任务+轮询http状态码http缓存get postrestful，还有一些问题忘记了，形式就是一边刷题一遍穿插八股问快手 二面 9.20手写字符串的indexOf超时中断的封装 promise.race ,AbortControllerpromise的原理手写MyAll，注意边界条件手写对象数组的去重react和vue的区别？写法、原理层面等等vue2和vue3在原理层面你了解什么？双向数据绑定vue2和vue3的双向数据绑定有什么区别？Object.defineProperty和Proxy的区别手撕Object....

一面：   面试官人很好，很友善，一直说不要紧张   1. 简单的情况了解   2. 为什么学习前端（而不是后端等等）   3. 题目：事件循环（promise以及async的相关知识、微任务、宏任务）   4. 场景应用题：请求一个接口，但是页面退出了，希望接口获取的数据不用返回、不进行处理（使用promise.race  如果先退出，就不会触发接口返回数据相关的resolve）   5. 算法：根据先序遍历以及中序遍历生成二叉树   6. 算法：翻转链表   7. 算法：进制转换（10进制转26进制）   8. 反问：部门业务、工作环境   算法题实现的都还不错，面试官引导的也很好，氛围很...

2021-9-6 晚上8.00一面   面试官人很不错，我这停电了一直在线上等我🤣       面筋   1. 自我介绍   2. 非科班为啥学前端   3. 实习经历（问的比较细）   4. loader和plugin区别   5. webpack优化   6. 前端工程化   7. 前端性能优化   8. 浏览器输入url到显示画面的过程   9. 浏览器缓存   10. localstorage，websql   11. 事件循环   12. 看代码说输出   13. BFC   14. 重绘和重排，如何避免   15. 一道手写css题，一个竖向滚动列表，header固定，中间con...

一面（8.19）介绍项目难点和遇到的问题以及优化项目中的token具体怎么使用的以及登录验证逻辑什么是 RESTful 风格接口路由懒加载以及实现根据需求，设计实现一个图片懒加载用一些工具的时候遇到了什么问题，怎么解决的作用域和 this 指向对 Promise 的理解 && Promise输出问题强缓存 && 协商缓存防抖 && 节流 && 手写节流，并写一个测试用例算法题：有效的括号平时怎么学习的最近有没有在系统性的学习一些知识

一面：1、手写左侧固定右侧自适应，尽量多方法2、类型判断有哪些方式， typeof typeof typeof null 返回什么3、addEventListener的第三个参数是什么，手写ul里有n个li，实现点击li能console.log对应li，什么是事件委托，什么是冒泡4、手写一个简版搜索框组件，要求考虑可复用性5、算法：两个有序数组合并二面：1、css的颜色有哪些形式，rgb/rgba，pink之类的字符串，'#666fff'为什么有6位，各表示什么，手写一个生成随机颜色（颜色表示方式用'#666fff'这种）的函数2、手写并发控制器3、async defer区别4、手写实现一个组...

投的前端被捞到了桌面客户端，技术栈是js+electron1算法:16进制字符串转10进制，合并k个升序链表2实习难点，项目拷打，长耗时计算任务怎么优化3怎么搭一个web server，socket编程会不会update---算法都a出来了还是一面挂，应该是方向不匹配吧（自我安慰），webserver还得c++大佬熟

一面  自我介绍 为什么要把style放在head里面，为什么要把script放在页面底部  style放头部不会阻塞，放底部会被阻塞（会白屏），script放前面也会阻塞 那我们如果想把script放在head里面通过什么去控制 defer和async有什么区别  预加载，paload什么的 重绘和回流  通过js去改css会触发重绘或者回流吗？ 获取页面宽度和高度会引发回流吗  输出结果 for(let i=0;i<3;i++){ document.body.addEventListener('click',function(){ console.log(i) }) } var a ...

1.<ul>   <li>1</li>   <li>2</li>   ..   <li>100</li>   </ul>   点击显示出元素内的内容，考事件绑定addEventListener，事件委托   document.getElementsByTagName('ul')[0].addEventListener('click',function(e){       var e = e ||window.event;       if(e.target.nodeName==='LI'){    ...

快手三面-技术面问了一些项目的流程，因为简历有写vue-cli所以问了一点关于他的配置，大概的说了一下cdn配url问了publicpath（脑子卡壳懵逼）写了个顶部栏和一个全选反选组件还没写完面试官问了一下逻辑就匆匆的跑了。。。。有点迷茫啥情况说起来还以为会继续深入基础，没想到是实操，好慌啊求hr面！求hr面！

把我能记得的面试问到的记录下来   一.基础知识考查           二.看代码写结果       三.编程题    本来出了一个好像是编译原理的状态机原理实现输出‘123’+‘456’-‘789’的结果，但是不会，就换了一道题

27号一面   28号二面   29号HR面      说是走意向书流程节后发   希望快点拿到呀许愿许愿