尴尬死我了，投递的后端岗位结果因为笔试选的前端调成前端岗位面试了面试自我介绍完了面试官：平时前端那个技术用的多一些我：balabala，您这边后端也可以问一下的，毕竟咱们是后端面试嘛面试官：今天咱们面试的是前端啊我：。。。然后措不及防的我迅速忘掉刚刚背完的Java八股文React：平时都用哪些Hooks？useMemo能说说应用场景吗？useEffect的应用场景说一下吗？取消副作用函数能说一下吗？为啥useState能保留组件的状态？React Fiber说一下干啥的？React开发的时候遇到啥错误？答白屏，追问为啥白屏？提到了Error Boundary 追问技术细节React不同组件是怎么通讯的CSS：一行三列，左右固定中间充满咋做？答flex或者grid 追问flex会使得原来元素的哪些属性失效？没答上来：应该是子元素的float、clear和vertical-align属性将失效。JS：async 函数返回什么？答PromisePromise有几个状态，Promise如何catch错误？Promise如何实现并发？答使用`Problse.all()` 追问如果一个async函数出现问题怎么办？答：全废追问：我不想全废咋办？没答上来应该使用`Promise.allSettled()`，参考这片stackoverflow的帖子questions/30362733/handling-errors-in-promise-all知道防抖节流吗？手写一个防抖？总结：问题都是常见经典题，就是面试前光看后端了忘掉了（真想扇自己耳光

#凉面# 是我太菜了，太丢人了内容：自我介绍项目难点技术迁移难度考量JS基础类型引用类型，区别。得从栈和堆的角度说Promise有几个state，如果改变state了之后还能改变吗？如果then里面throw error了的话咋办呢？那种情况catch不会获捕？比如看这个代码（复盘写的，面试没问）new Promise((resolve, reject) => {    setTimeout(() => {      throw new Error('Error inside setTimeout!'); // 这个错误不会被Promise的catch捕获    }, 1000);  })  .catch(err => {    console.log(err.message);  });对应的Promise底层原理是什么？（复盘：我猜测是事件队列吗？）CSS比较熟悉吧？- 说一下盒模型的border重合？说的应该是这个，内容感谢cnblogs的博主文章xiaoan0705/p/8619338.html （防止URL被屏蔽）根据盒模型解释边距重叠外边距重叠是指两个垂直相邻的块级元素，当上下两个边距相遇时，起外边距会产生重叠现象，且重叠后的外边距，等于其中较大者。（水平方向不会发生）原因：当一个元素包含另一个元素时，假设没有padding或border把外边距分隔开，他们的上/下外边距就会发生合并。 父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己“领导”(父元素，祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级，假传圣旨，把自己的margin当领导的margin执行。React 比较熟悉吧？- 说一下React事件组合？React前版本用document后面用根节点- 详细说一下key咋更新的，diff原理问题好犀利，面到一半就觉得凉了，其他的暂时想不起来了之后在写。

上周腾讯音乐一面，上来面试官疯狂拷打react fiber原理，然后又鞭打了HTTPS协议原理，event loop。鼠鼠很快啊，啪的一下就背出来了，没想到面试官不讲武德，继续拷打细节，这些本鼠撑不住了。完事之后问一下面试官答得咋样，面试官说这些都是基础题啊，我面的基本都是能上手干活的啊。结果隔了一个周末就人才库了，真快啊，还是鼠鼠太菜了

9.5 一面9.7 二面9.13 HR9.15 OC

攒攒人品，祈愿二面自我介绍项目一些问题js闭包以及应用场景https协议React useMemoReact为什么采用了函数式组件，有什么好处手写一个前端计时器UI手写CSS扇形，颜色是白色，底色为黑手写sqrt算法

一面（1.5h）：自我介绍用过的框架个人项目及复杂度多账户SSO登陆对应一个用户profileGraphQL技术选型原因Vue的v-model的原理前端布局方法：浮动，flex，grid追问：flex的浏览器兼容性如何？出了一道进度条布局题，说大体思路：整体flex，右边flex：1，然后进度条标签用relative，flex出了一道业务场景题，写一个抽奖的list，里面有button又出了一道业务场景题，手写一个抽奖轮盘（考察业务逻辑）没想到用非匀速的转盘怎么写出来，大家有知道的吗？二面（1.5h）：自我介绍项目难点前后端协议规范项目代码量Vue render原理React Fiber 架构原理 前端构建工具有了解吗（webpack，rollup这种）追问：请问你们项目typescript的构建过程是什么面向对象的内存回收机制说一说单例模式？设计模式有了解吗？Strategy Pattern追问Adaptor Pattern算法：输入数字 构造数组 [1, 2, 3, 4, 5, 6]， 你的算法不能mutate array另外不断查询：比如query 4，因为每个权重都是1，所以查了1 2 3 4, 返回4 的index 3现在query 4，发上返回 4，因为上一次4的权重改为2现在query 3，查询 4 1 2 得到3面试官说用skiplist实现，不知道是lc那道题攒人品，希望能帮到大家