字节前端凉经

一面 （2.24）：面试时长（1h5min）1. 实习过程中最难上手的或者最大的难点是什么？2. 如何理解Web Component，如何学习的？3. 如何在Web Component中引入第三方库？4. 介绍一下什么是服务端渲染5. 为什么要SSR，对比CSR有什么优缺点6. 第三方库在服务端渲染时还有哪些兼容性问题7. 在SSR中进行数据处理有什么不同吗？比如正则或者symbol（没了解）8. 性能优化一般用什么样的方式去衡量？（只粗略地说了LCP，CLS，FID）9. 怎样去监控这些性能指标呢？（没深入了解过，说了lighthouse）10. 有用过浏览器的Performance吗？（没听过）11. 项目中会用一些什么样的手段进行性能优化呢？（聊了官网SEO优化）12. 为什么要做SEO优化，是基于什么问题呢？对性能有什么帮助呢？13. 预渲染的话预先渲染的是什么东西？14. 除了刚刚哪些还知道哪些优化手段吗？（没说好，其实方案挺多的）15. 提到了移动端安全区处理，展开说说吧，对性能有什么提升呢？16. 回到SSR的问题，你将项目从CSR转为SSR后，如何衡量这是一次性能优化而不是性能劣化呢？（答得不好，还是没具体了解过）17. 说说vue的渲染流程吧18. 提到了diff算法，说说vue3的diff算法吧（说的有点乱，感觉没说清楚）19. diff算法中，有key的情况下时间复杂度会是多少？（没深入了解，答得不好）20. 有key和没key的情况下会有什么区别（没深入了解，答得不好）21. 虚拟DOM对比真实DOM有什么优势吗？22. 操作虚拟DOM更快呢还是操作真实DOM更快？（对于虚拟DOM的理解还是不够透彻，没理解其本质和意义，面试官表示需要再学习一下批量更新）23. 说说vue中computed是怎么实现的？24. 说说vue3生命周期25. 在SSR的项目里面哪一个生命周期里面可以操作localStorage？26. 说说响应式布局如何实现27. 说说有哪些相对单位？28. 用过CSS变量吗？了解多少？（说了个主题色的例子）29. CSS里面有什么选择器？优先级说一下30. 相邻节点如何选择？还有哪些操作符？31. document.querySelector用的什么算法？（没了解过，但因为是树结构我说应该是深度优先搜索）32. 除了深度优先，遍历一个树还有什么算法？33. 算法题：lodash.get反问二面 （2.25）：面试时长（35min）1. 项目履历中最有挑战的一个，为什么你觉得这个项目有挑战2. 组件库是如何实现跨框架运行的3. 你这个组件库是基于ES Modules的，那遇到不支持ES Modules的浏览器怎么办？（没了解过...）4. 说说ES Modules，AMD，UMD以及ES Modules的区别5. UMD是怎么实现？为什么他能兼容兼容多种环境？（也没了解过...到这里这场面试已经凉了一半）6. 算法题：    （1）链表最后第 k 个结点     （2）hardman（磨磨唧唧没撕出来，面试彻底凉透）反问（已经不好意思问啥了，就随便问了业务和后续流程）

实习相关项目相关知道RN的底层原理吗能说一下JSBridge具体做了什么吗知道hydration吗能讲一下前端工程化吗如果打包过程很消耗时间，能做什么性能优化吗知道前端层面的性能优化吗讲一下浏览器缓存ETag底层是怎么实现的，如果让你设计你会怎么实现知道React18新增了什么特性吗一道事件循环输出题目手写归并排序算法：岛屿问题

个人介绍为什么跨专业选择前端 看你项目里写你不是要登录即可完成下单，介绍下登录的流程....（我要会了不就做了吗....）无限滚动如何实现SSR和CSR的区别回调地狱的解法windows.onload()css: 用flex写一个五子斜方向连线的场景http和https的区别...最后总结，你不太适合干前端，互联网这碗饭不是谁都能吃的（原话忘了，这是楼主yy出来的）

参考优秀牛友的经验，分享攒人品字节跳动 Tiktok后端实习一面面经1.自我介绍2.第一段实习项目的拷打，有什么优化点3.几种mq了解吗，介绍下他们的区别4.kafka怎么保证高可用性的5.kafka丢失消息的情况，怎么解决呢6.kafka leader选举的策略7.kafka怎么保证整体的顺序性的8.kafka怎么把消息发送到partition里的（轮询策略 hash策略那些）9.第二段实习拷打10.责任链模式介绍下11.重构过程你的感受是什么，优化了哪些12.责任链模式和规则引擎的区别是什么13.责任链模式有什么缺点呢14.mysql acid15.mvcc流程介绍下16.遇到慢查询你是怎...