秋招那些我简历挂+笔试挂的公司（前端）

虚拟 DOM 的工作原理可以概括为以下几个步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=6ba5d46dd6254d20809b2e18c249cbb9初始渲染：当应用程序加载时，首先进行一次初始渲染，将虚拟 DOM 结构构建出来。虚拟 DOM 是由 JavaScript 对象构成的树形结构，它对应于真实 DOM 的层次结构。更新生成新虚拟 DOM：当应用程序的状态发生变化时（比如用户交互），需要更新 UI。这时会生成一个新的虚拟 DOM 树，新的虚拟 DOM 表示了更新后的 UI 状态。对比差异：将新的虚拟 DOM 树与之前的虚拟 DOM 树进行对比，找出两者之间的差异（即哪些节点需要被更新、添加或删除）。这个对比过程的算法被称为"Diffing"。生成更新：根据对比得出的差异，生成一个表示更新操作的"补丁"（Patch）对象。该补丁对象包含了需要修改真实 DOM 的具体操作，比如添加节点、删除节点、更新属性等。应用更新：将补丁对象应用到真实 DOM 上，即将所有的变更操作一次性地应用到真实 DOM 上，从而实现 UI 的更新。这个过程通常使用最小化 DOM 操作的方式进行，以提高性能。

二面:自我介绍实习离职原因实习技术栈介绍手头offer讲讲有挑战性的实习业务介绍项目测试规范、单元测试错误监控性能优化技术实习的H5项目介绍、以及性能优化图片CDN图片性能优化竞赛项目实习的时候是否做过自主优化手撕：异步池并发控制手撕：属性劫持4个输出判断 浅拷贝相关的手撕：字符串数组相加的最大值（字典序）

虚拟 DOM（Virtual DOM）是一种用 JavaScript 对象表示真实 DOM 结构的概念。它是由 React 引入的一种优化技术，旨在提高前端应用性能和开发效率。虚拟 DOM 是一个轻量级的抽象层，它对应于真实 DOM 的结构，并且可以以一种高效的方式进行操作和更新。它包含了与真实 DOM 相同的层次结构、属性和内容信息，但它只存在于内存中，并不直接渲染到浏览器中。虚拟 DOM 的原理是通过对比前后两个虚拟 DOM 树的差异，然后将差异部分应用到真实 DOM 上，从而减少直接操作真实 DOM 的次数。这种优化可以提高性能，因为直接操作真实 DOM 是一项昂贵的操作，会导致浏览器执行大量的重排和重绘操作。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=6ba5d46dd6254d20809b2e18c249cbb9

面试官是个和蔼的姐姐，就是对我的回答没有什么反馈问我是否还在腾讯实习，为什么转正失败讲我做的项目中比较有挑战的，选了第一个参加的公司级项目，简单介绍了下问前端监控服务内容，使用什么上报的（Aegis SDK）如何发现错误（只回答了接口层面的错误发现，但是代码层面的错误如何发现没有回答出来）有没有自动预警（没有）项目中的性能优化 虚拟列表，理解不够深，还需要多去了解还有什么别的性能优化（http 和 web 缓存，合并文件，现在感觉还可以多说一个 cdn 缓存）讲下 http 缓存cache-control 基本完全取代了 expires，为什么 etag 没有完全取代 last-mod...