字节跳动前端笔试

9.12一面，9.14二面，9.20三面改到了9.24，实习强相关的问题就不放了面完泡一个月十月底给hr发了个邮件流程结束捏🤗————————————————一面animation和transition的区别手撕动画 div先下移100px 再右移100px手撕 倒计时组件cdn为什么可以加速splitchunks怎么配置前端如何进行缓存react和vue的区别esm和cmj的区别————————————————二面i18n原理强缓存和协商缓存强缓存什么情况下会失效兼容性的问题一般怎么看有没有了解过为什么兼容性会造成高度塌陷的问题app和h5具体怎么调试手撕 LRU缓存手撕 聊天框————————————————三面，输得很彻底输得心服口服。。。。。。。。跨域的情况下如何获取到别的页面localstorage里存放的数据 如何进行安全处理性能指标怎么看的 fcp理想状态应该在几秒内（……）哪些优化会对这个指标产生影响性能指标好和坏的标准为什么服务器反应时间会对fcp和si造成影响从读到这个主文档到最终的这个页面被完全渲染出来发生了什么splitchunks可以无限分包吗什么情况会引发重绘和重排构建的时候js是异步还是同步 js会阻塞dom树渲染吗defer和async的区别 假如在defer后面又有了dom元素怎么办最新的es属性了解吗weakset和set的区别 强引用和弱引用的区别js垃圾回收堆和栈的概念内存泄漏如何检测 有没有实践过什么情况会引发内存泄漏如果写了死循环会造成什么手撕 数组拍平+去重手撕 type嵌套数组的类型 type NestedArray = T | NestedArray[];

flex布局，双栏布局左边为文字内容宽度右边自适应，flex-grow、flex-shrink、flex-basis。水平居中对齐方法数组常用方法，遍历常用方法数组乱序如何使用sort实现数组乱序判断数据类型为函数函数拷贝call bind apply浅拷贝和深拷贝的方法promise状态转换promise.race，手写实现思路跨域的解决方案webpack和vite的区别路由history模式和hash模式，服务器如何配置支持history模式

面试时间：1h22min自我介绍实习经历、项目介绍结束还会问一些相关的场景题。一开始没有想到，但是面试官很好，有一些引导性的思考，所以体验感就非常好。实习项目问的也很详细，从业务背景问到设计模式、技术原理。根据简历里的项目介绍深挖重排和重绘will-change，为什么使用will-change性能会更好reflect是什么，有哪些方法实现一个类型判断函数实现一个事件总线，代码有风险的地方有学过其他语言、java和js的数组的区别|| 与 ?? 区别事件循环缓存的方式http1.0-->http3的进化，还会问里面的优化具体是怎么实现的编程题#软件开发笔面经#

牛客上好像拼多多服务端开发分享得很多，想了解一下前端的情况😃