字节前端一面2.21

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

实习第二周了，这周是猛猛开发的一周，给自己排的13pd的活，下周一再开发一天的话总共8pd就能结束，比我预想的要快的多的多。再次回来做需求感觉是不一样，当把之前忘记的东西捡起来之后，开发起来好像也能实现一些比较麻烦的联动，解决问题的过程还是让自己信心大增的。这周的周记就分享一下我这周的感悟吧。前端已死？别担心，还没那么快死 ”前端已死“。这句话从gpt3出来的时候就开始听了，在我读研的这几年一直有人说前端要死了，这给当时还没有找实习找工作的我很大的危机感，况且前几年疫情正值行情差的时候，互联网寒冬的加持让我觉得我选这条路是不是完了。这周我又一次听到了这句话，与当时不同的是我已经找...

1. 场景题：a. 聊天记录懒加载、虚拟滚动- 问怎么填充没加载的动态元素的空间（比如聊天记录），答数文字数量和换行符数量大致计算。b. 问怎么手写markdown渲染。不会。2. 基础a. async promise 输出时机和宏任务微任务。主要是async套promise套闭包的各种玩意3. 算法题：a. 合并无序数组并输出有序数组，但合并时，对相同的元素取数组内数量最多的合并，数量少的忽略不合并- 例：[0, 2, 2, 2, 1, 9, 1]和[1, 1, 1, 2, 5] 合并为 [0, 1, 1, 1, 2, 2, 2, 5, 9] - 我的思路是生成好一个记录元素最大数量的map之后，把key排序，再生成出结果的数组。不大知道怎么优化了- 还问了点怎么优化空间复杂度的问题，我回答原地修改插入元素b. 实现一个有sum功能，无限调用的add函数- 例： add(1, 2, 3).sum(); 和 add(1)(2, 3).sum(); 和 add(1, 2)(3).sum(); 输出一样的结果- 我的思路是让add函数返回它本身，然后在prototype设置sum和持续记录接收到的参数。但没写出来，甚至不知道思路对不对...其实仔细想想都不咋难，甚至没咋问八股，但我真的太菜了面试官还会给提示，但还是不会

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