腾讯前端暑期实习面经

2025-03-19 一面（专业）base：杭州1. 自我介绍2. 学校有没有相关前端课程（答看roadmap、博客、文档自学）3. 什么时候开始接触前端，为什么选择前端4. websocket如何建联   后端接口，react封装一下，答了一下监听onclose，也讲了检查本地存储聊天记录5. localStroage怎么做的，如何检查聊天记录是已经存储过的（卡了）改问如何标识对话时间，答后端有指定好6. socket在哪层（传输和应用之间的api，websokect协议在应用层）7. 五层网络模型（应传网数物）8. socket怎么实现推送功能9. 介绍一下react常用版本，常用的特性（开始吟唱，中断渲染，fiber架构，虚拟dom，组件复用）10. 怎么从JSX变为命令式语法（没听懂，后面回头补答了一些babel编译，语法词法分析ast相关的内容）11. fiber的出现是为了什么（可中断渲染），解决了之前的什么问题（不会，盲答了不可中断渲染）追问没有fiber为什么会导致渲染卡顿（没有双缓存？瞎扯了点东西，重排重绘一股脑输出）12. fiber具体怎么实现双缓存（双缓存，航道模型，但是回答的比较乱，缺点条理）13. 深挖可中断渲染的具体原理，深到具体任务队列，渲染原理（怎么被分成小块），之前看的源码有点遗忘了，答的比较胡言乱语（此处拷打长达5分钟）14. 哪些dom操作会影响性能（又答了重排重绘）15. dom增删改查的api（答了getelementbyid，其他的说不记得了）16. 打包工具为什么有，具体做了什么（答了webpack的树摇代码分割，vite答了es模块，hmr热更新）追问vite编译流程，提供了哪些参数，入口，怎么通过这些入口整合代码压缩体积（md忘了，这里说查文档。但是这里想起来ast了，回头答了babel编译那里，又追问怎么进行词法分析，盲答了正则，状态机）17. 问roadmap怎么学的18. 反问，问面试官有哪些好提升的。面试官说继续沉淀细节的内容，api谁都会调用，问问ai就行。但是底层的原理不是所有人都了解，叫我多熟悉框架底层总结：几乎没问常见八股，就针对问了计网react和打包工具，还是蛮神奇的🥲没有代码考察，应该是G了，那就给大🔥提供点面试反面教程吧😭#牛客AI配图神器#

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

⏰时长 40min1.自我介绍 2.介绍实习项目技术难点2.TS泛型3.TS的基本类型4.vue的响应式原理5.跨域 说说项目中如何解决（代理）6.浏览器的缓存机制7.前端工程性能化8.ref reactive作用9.项目上线流程10.react用过吗 讲自己做过一个小需求，主要语法你太了解11.想到在小红书补充（id:程陶陶的陶程程）代码考核1.setTimeout promise.then输出题2.有效括号匹配反问1.base地2.主要业务3.自己的改进点#前端# #暑期实习# #字节#

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