秋招最难面试-----字节抖电二面

字节太难了啊，怎么越面越难和面试官聊了一个半小时，问的太深入了
挂了也值得，学到了很多东西，也更有学习的动力和方向了

介绍下实习做的事情

新手引导组件是从头开始封装的吗？业内有新手引导组件的库，有调研过吗？

描述下这个组件的api设计？

如果调研充分的话这个组件应该做到的一个什么样的业务终态？如果这个事情让你继续做会做到什么状态？或者说新手引导组件提效的极致在哪？（说了解耦和通用性，面试官说还是停留在组件本身，有没有可能更大一点？你只是在做优化，并没有产生一种质的改变，没有改变这个东西本身，只是改变使用的问题。）或者说如果首页经常变化（更新新的模块），新手引导组件可能也要改变，有可能会漏改，怎么做到一劳永逸？
对于一个开发难度不大，但又频繁修改，并且还很容易被遗漏的组件，我们怎么解决？（面试官说有很多办法，但是我一个也想不到，面试官最后说还是想看我调研的充分不充分）

组件库做到什么程度了，个人角色？几个人做？

组件库github地址？怎么只提交了一次（做完才提交的）？

看我的tooltip组件，开始提问：tooltip和message怎么保证层级不冲突？成熟的组件库怎么解决的？（我的源码是把z-index写死了）用什么策略改z-index？messge自己和自己不会冲突，怎么解决tooltip和message的跨组件层级冲突？
为什么选型用poperjs？2023年了还用老版的？
怎么挂载到其他元素上？（Portal）

这个工程为什么没有配置lint规则？

react和vue哪个更熟？
学习途径？聊一本最熟悉的书？（react设计原理）
react-fiber怎么实现的？解决什么问题？用哪个api判断主线程空闲？想知道浏览器空闲要怎么做？react用的哪个api实现调度？（我说了messageChannel）

校招笔试环节编程做的有点久，为什么？（总共两小时，我一小时不到写完的，这也算久吗呜呜呜，还ak了）

手写深拷贝，尽可能考虑多的情况？

有拿到其他家的offer吗？
想看看其他机会的原因是什么？

为什么用Array.isArray()这个方法？有没有其他方法替代（说了instanceof，面试官说不行。）为什么只有Array有这个方法？
Array.isArray()的polifill？（说了Object.toString()切割，面试官说对）
为什么用hasOwnProperty？（我说因为for in 遍历的是所有可枚举可继承的属性）
不用for in 用别的什么也可以遍历？（说的for of 和object.values(), entries(), keys()）
数组的遍历方法？（说了foreach，some，reduce，any）
数组方法中改变原数组的方法？（说了push pop shift unshift splice）
在Java中两个字符串如何比较？（说的equal）
let a = 'xxxx'
a.split()
说下上述代码a.split()调用过程（说了包装类，面试官问包装类是始终存在吗？是只有调用的时候存在吗？什么时候包装？）
css方面熟悉吗？我问个稍微难点的？
<div>
    <img>
</div>
上述代码div如果设个颜色，发现img无法占满div（img下面有空隙），这个现象原因？如何解决？（我以为是换行，面试官说不是，是个复杂的css原理问题。解决办法只说了个flex）
img是行内元素为什么可以设置宽高？
刚刚说的换行占位问题解决办法？（说了font-size，word-spacing，其他有点忘记了，好像没说到面试官想要的答案）

说下LCP是什么（面试官说我的表述不准），用什么标准测？什么最大？（说了下图片，视频）
TTI是什么？（这个面试官说说的还可以）

200(from cache)这个啥意思？见过吗？（强缓存）
怎么解决强缓存的更新？（说了主动推送，面试官说不对，不一定能成功，我说强制更新，他说怎么强制更新？）打包工具为什么提供md5？上线后文件名字是一串，有打个戳，为什么打戳？（文件变化，戳就变化，会重新请求文件，就可以实现强缓存更新）
强缓存和304区别是什么？
性能优化哪块了解比较深？（我说了js执行优化，重排重绘这块）
为什么getBoundingClientRect会引起重排重绘，这个机制是正常的吗？（立刻拿到页面中的元素最新的相关值）
prefetch和preload，在用单页面路由的时候webpack是有专门的体系来做prefetch，这个你知道吗？（不知道）
prefetch你怎么用的，用过吗？（我说link标签上写rel，面试官说这样很不方便，有一些现成的封装，了解过吗？）
单页面路由用过吗？最理想的状态是在当前页面然后去prefetch其他页面的路由，这个才是prefetch最佳的使用场景，这个有探索过吗？（没有）（看下文档，v-router有个注释，写一下就可以自动加上）
压缩和babel用过吧，tree-shaking怎么做的？（我说了模块级别的，面试官问精确到方法怎么做到，我说ast，面试官让我说更多，说说具体怎么编译的？我说了v8引擎编译原理，面试官追问JIT是什么？编译体现在哪个地方？）

vite快在哪？（go为什么比js快？面试官说这个问题和之前的编译原理相关）
vite还有啥需要补充的吗？（说了更快的冷启动和更快的热更新）