要判断两个对象是否相等，通常有两种方法：浅相等和深相等。浅相等是指比较两个对象的引用是否相等，也就是它们是否指向同一个内存地址。可以使用 JavaScript 的严格相等运算符（===）来进行比较。如果两个对象的引用相等，则它们被视为相等。深相等是指比较两个对象的值是否相等，也就是它们的属性和属性值是否完全相同。需要递归地比较对象的每个属性，以及属性值的类型和值。可以使用递归函数或者库来实现深比较。代码：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=9b6f8ffa01684706b0b2a521920340f8

如果二叉树为空，则返回空数组，表示遍历结束。如果二叉树不为空，则将根节点的值添加到结果数组中。对根节点的左子树进行前序遍历。对根节点的右子树进行前序遍历。重复步骤2-4，直到二叉树遍历结束。代码案例：https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=6ea923b853704e9a862fe9afaac2ff68

computed使用了Vue.js提供的计算属性的机制。在定义计算属性时，我们通过编写计算属性的get函数来计算和返回数据，而不是直接在模板中编写逻辑。Vue.js会为计算属性创建一个依赖追踪器，用于追踪计算属性依赖的数据。当依赖的数据发生变化时，Vue.js会自动重新计算计算属性的值，并将计算结果缓存起来。当计算属性被访问时（如在模板中使用），Vue.js会检查计算属性所依赖的数据是否发生了变化。如果没有变化，则直接返回缓存的计算结果，如果有变化，则重新计算并更新缓存。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767

watch使用了Vue.js提供的$watch方法来监听数据的变化。当我们定义一个watch选项时，Vue.js会在组件实例创建时，遍历这些watch选项，并通过$watch方法对相应的数据进行监听。watch可以监听单个数据的变化，也可以监听多个数据的变化，通过对象的形式进行定义。在数据发生变化时，相应的回调函数会被触发，我们可以在回调函数中执行我们需要的操作。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767

创建一个懒加载函数，该函数接受一个img元素作为参数。在函数内部，使用Intersection Observer API来监听img元素与视口的交集情况。如果img元素进入了视口，将其src属性设置为真实的图片路径，从而加载图片。如果img元素退出了视口，将其src属性设置为空字符串，从而卸载图片。https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=5c32107e68e7410aaf76800615bf88aa

主要特点包括：异步性：事件驱动编程充分利用了异步处理的特点，能够在事件发生时立即响应，而无需等待。松耦合性：事件驱动编程允许多个模块独立运行，并通过事件来进行交互，使得各模块之间的耦合度降低。可扩展性：通过监听和响应不同类型的事件，可以轻松地添加或修改功能，从而实现程序的可扩展性。反应式：事件驱动编程强调对事件的即时响应，能够使程序以较快的速度处理事件并提供及时的反馈。代码：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=2d6077ad79aa408fb541e64c9f6e1ddf

客户端和服务器首先通过HTTP协议进行握手，建立WebSocket连接。握手成功后，客户端和服务器可以通过发送数据帧进行实时通信。客户端可以使用JavaScript提供的WebSocket API发送和接收消息，服务器也可以通过WebSocket API与客户端进行通信。在连接保持的时间内，客户端和服务器可以随时发送或接收消息，实现实时的双向通信。当通信结束时，可以通过关闭连接来终止WebSocket通信。更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=2d6077ad79aa408fb541e64c9f6e1ddf

宏任务（macrotask）：宏任务是排在事件队列中的任务，每个宏任务会在事件循环的一个轮次中执行。常见的宏任务包括页面渲染、用户交互事件、网络请求、定时器等。宏任务的执行时长一般较长，执行完一个宏任务后才会执行下一个宏任务。微任务（microtask）：微任务是在当前宏任务执行完毕后立即执行的任务。它的优先级高于宏任务。常见的微任务包括Promise回调、MutationObserver回调、fetch请求回调等。微任务的执行时长一般较短，执行完一个微任务后会立即执行下一个微任务，直至微任务队列为空。

从事件队列中取出第一个事件。根据事件的类型，找到对应的处理程序。执行处理程序，处理事件。回到步骤1，直到事件队列为空。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0

生成器（Generator）是JavaScript中的一种特殊函数，它可以通过yield语句暂停和恢复函数的执行。生成器函数返回一个生成器对象，通过调用生成器对象的next()方法可以逐步执行函数体，并在每次执行到yield语句时暂停。该函数的执行可以在下一次调用next()方法时继续，并返回yield语句后面的值。生成器函数为开发者提供了一种更灵活的方式来控制函数的执行流程。它们常用于异步编程和处理大量数据的情况下。通过生成器，我们可以按需生成和处理数据，避免一次性加载所有数据或在处理数据时阻塞执行。使用生成器处理异步操作 https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0

await 关键字用于等待一个返回 Promise 对象的表达式的执行结果。在等待期间，await 会暂停当前函数的执行，直到 Promise 对象的状态变为已完成（fulfilled）并返回结果。也就是说，await 等待的是 Promise 对象的执行结果。使用 await 关键字可以让异步代码以同步的方式来编写，避免了使用回调函数或者手动处理 Promise 对象的过程。当 await 等待的 Promise 对象的状态变为已完成时，它会返回 Promise 对象的执行结果，使得代码可以继续往下执行。需要注意的是，await 只能在异步函数（async function）内部使用，并且异步函数本身也会返回一个 Promise 对象，该 Promise 对象的状态与最后一个 await 表达式等待的 Promise 对象的状态相一致。代码：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0

SWR（Stale While Refreshing，当数据过期时刷新）机制是一种缓存策略，用于在数据过期时刷新数据，同时保持数据的一致性。SWR 机制允许缓存中的数据在过期时保持一致，直到新的数据被加载到缓存中。实现 SWR 机制的主要步骤如下：创建一个队列数据结构，用于存储待刷新的数据。当访问一个新的数据时，将其添加到队列的头部。当数据过期时，从队列头部删除该数据，并将其标记为刷新中。当数据刷新完成后，将其添加到队列的尾部。案例：https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=1190de1e70d842ccb06137d1f41af841

选择基准元素：从数组中选择一个元素作为基准元素（pivot）。分区：将数组中所有其他元素与基准元素进行比较，按照顺序将其放在基准元素的两边。递归排序：对基准元素左边和右边的子数组分别进行递归排序。合并：将排序好的子数组合并成一个有序数组。知识点：https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=abf524cebe3a4ebb9335ed09145d081b

从第一个元素开始，与后面的元素进行比较，找到最小的元素，与第一个元素交换位置。从第二个元素开始，与后面的元素进行比较，找到最小的元素，与第二个元素交换位置。重复以上步骤，直到整个数组有序。更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=65feebf8b2fc4873bb48bb64b0b12f32