字节前端面经

处女面3.20 1h1.自我介绍2.项目拷打3.localstorage sessionstorage cookie4.JS原型链 原型对象5.http缓存机制6.css选择器7.tcp udp8.http https9.手撕promise.all 防抖3.12投了简历3.13简历秒过发面试邀请HR小姐姐很好看让我安排面试时间😭只学了三件套➕vue  拖了一个周时间准备 狂背八股 凉是肯定凉的😭#字节跳动#

概括过去一年跳槽了两次，最近的一年都在面试，失败了很多次，也拿了很多offer，腾讯，字节，虾皮，滴滴都oc，最终人生的第三方份工作选择了腾讯，工作空闲之余，把最近一年的面经整理一下。联系我wx：Chan-FE 可腾讯内推～抖音二面面经介绍项目亮点，负责的模块webpack升级过程做了哪些优化，提升了多少，具体的指标三种哈希的使用区别是什么，为什么css使用contenthashwebpack升级优化过程中踩了什么坑，或者说两个版本差异需要注意的地方除了这些还有别的优化手段嘛，用到的没用到的都可以说一下webpack热更的原理websocket的原理TLS握手的过程对前端安全方面的理解简单请求...

二面挂了一次后被捞起来，然后一面直接挂。不知道面评脏得程度如何...timeline3.12 一面过3.17 二面挂3.19 复活赛一面挂都是1h到1.5h，前面都有自我介绍环节3.12 一面，八股盛宴1. 盒模型2. px，em，rem，vw，vh3. 选择器优先级4. css浮动5. JS类型6. 原型链7. 闭包8. 模块化9. 作用域10. DOM事件11. 事件冒泡有什么用12. React事件和DOM事件有什么不同13. 虚拟DOM14. 事件循环15. 哪些是宏任务，哪些是微任务16. 常见状态码17. HTTP缓存18. 双栈实现队列19. 并发控制的请求函数八股基本答出来个大概，并发控制函数没写出来但讲了思路过了两个小时后约二面3.17 二面 至暗时刻1. 有效括号2. lodash的get实现3. ts的优势4. redux的好处5. webpack loader和plugin接下来全程从项目开始问，不细写了，因为项目写得早，一面过了之后也松懈了没去看，导致基本多问一句就答不出来了6. 跨域7. nginx8. 登录态9. JWT原理10. Node性能指标11. 后端日志12. 除了日志还有什么监控机制13. 前端监控14. 前端性能，FCP，FMP面完就感觉G了，次日给我捞到另一个部门3.19 复活赛一面 垂死挣扎1. 项目难点（没深挖过项目，答得很差）2. 明暗怎么调3. 不用组件库的话怎么实现明暗模式4. docker原理5. redis作用6. vite webpack7. React18新特性8. 虚拟DOM diff算法9. js继承10. ES6继承用的什么方式11. promise讲完Promise顺势开始写promise题目12. promise.all13. 并发控制，一面完去看了下实现，以为字节这边之前问过我了就不会再问了，这个时候没记清，然后卡了10多分钟，心态爆炸。次日发感谢信总结一下，项目没去深挖，一些高频以外的八股也没来得及熟悉，可能不应该拿字节来试水。但是得说一句字节的面试官给我的体验还是很好的，事后复盘感觉自己好多地方答得很差，面试官那边也一直在给回应。目前也就面过两家，不知道其他家的面试官怎么样。3.12一面完之后头脑一热去投了好几家，等各家面完继续更面经，顺带一提，投了淘天结果3.15笔试直接挂，也妹人跟我说笔试算法题难度这么高啊，感觉连个签到的题都没，待会美团笔试，听天由命吧。3.25ps:字节又把我捞起来打复活赛，应该面评没那么糟糕？腾讯推到3面了，美团筛了几天也约了面，感觉压力略大，希望能有个好结果。

3.14一面 85min1.warmup 自我介绍 为什么选择前端2.拷打项目 介绍一下是什么比赛，需求是什么？做了多久？ 首页的放大镜效果：设计思路？用什么设计的（figma）具体如何实现的？（css蒙版+监听鼠标位置）【问的很细，他不清楚的地方会继续问】【上次字节日常实习一面的面试官让当场复现这段代码，今天没有】 适配移动端了吗？（做了横屏检测，但手机上样式会乱）面试官立刻点开手机上看【遗憾地发现没有适配】 说一个遇到的困难？（说了一个由 在组件挂载时依赖父组件传递的props导致数据延迟 引起的问题）【组件prop传值不是很明白原理，以为不会即刻更新，...