一面 （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（磨磨唧唧没撕出来，面试彻底凉透）反问（已经不好意思问啥了，就随便问了业务和后续流程）

问项目： 大文件上传怎么做的 请求响应拦截器做了什么 服务器返回的md或者html格式文章，为什么 提到了XSS注入，这个的原理是什么 说一下redux，项目中用redux做了什么 为什么token要在redux中和localStorage中存总共两份 redux和localStorage生命周期有什么不同的 做小程序项目碰到过哪些难点 小程序响应式怎么做的 react批量渲染，为什么要有属性值key 如果用一个数组的index作为key可能会出什么问题 了解useMemo吗 react新...

现在前端面试是不是得每一题都回答出来才有戏有时候脑袋转不过来了就是忘了或者回答错了😂😂😂每次事后拍大腿#前端#

前言在无数前端面试中，总有一个问题如同幽灵般反复出现："手写一个发布订阅模式"。这道看似简单的题目，却让许多候选人在白板上进退维谷。当我们拆解这道面试题背后的逻辑，会发现它像一把精巧的瑞士军刀，能够同时考察候选人多维度的能力。本文将带您深入剖析面试官钟爱这道题目的六大原因，并揭示如何用这个模式照亮前端开发的迷雾。一、设计模式的试金发布订阅模式（Pub/Sub）作为23种设计模式中的行为型模式，其重要性远超表面。在Vue.js中，EventBus的实现正是该模式的典型应用；React的Redux通过store.subscribe实现状态订阅；甚至浏览器原生的addEventL...