Liu

React通过虚拟DOM（Virtual Document Object Model）来提高性能，它在内存中维护了一个UI的状态树，当状态改变时，React会计算出最小的DOM变更，然后批量更新到真实的DOM中，从而提高渲染效率。然而，出于安全考虑，访问令牌通常有较短的有效期，一旦过期，用户就需要再次进行完整的认证流程才能获得新的令牌，这可能影响用户体验。后来，为了进一步提升性能，Facebook推出了Hermes引擎，它专为React Native设计，提供更好的优化和更快的执行速度。

用于等待所有 Promise 成功解决。用于等待所有 Promise 结束，无论结果如何。用于响应最快完成的 Promise。

Vue 的数据绑定和 DOM 渲染是异步的。当数据发生变化时，Vue 并不会立即更新 DOM，而是将数据变化放入一个队列中，然后在下一个事件循环的时机批量更新 DOM。这样做是为了避免频繁的 DOM 更新带来的性能开销。nextTick的作用就是确保在 DOM 更新之后执行某个回调函数，使得开发者可以在数据变化后立刻访问到更新后的 DOM。Vue 的nextTick机制通过巧妙地利用 JavaScript 的事件循环和异步机制，保证了在数据变化后能够及时地访问到更新后的 DOM，同时避免了不必要的性能损耗。

则会尝试“重播”一系列提交，将当前分支的提交历史“移动”到目标分支的最新提交之上。会在目标分支的历史上添加一个新的合并提交，这个提交包含了两个分支差异的合并结果。更适用于清理提交历史，比如在开发一个功能分支时，希望它的提交历史看起来好像一直跟随着主分支，或者在提交前希望整理提交历史使其更加清晰。则是通过调整当前分支的提交历史，将它们置于目标分支的最新状态之上，就像这些提交从未离开过目标分支一样。适用于希望保留分支历史的场景，比如在团队协作中，每个功能分支的提交历史都是有价值的，应当被保留。

强缓存适用于那些更新频率较低的资源，如图片、样式表和脚本文件，因为它们的更新周期较长，可以长时间缓存在客户端。协商缓存更适合那些更新频率较高的资源，如动态生成的内容，因为它能确保客户端始终获取到最新的版本。用于等待所有 Promise 成功解决。用于等待所有 Promise 结束，无论结果如何。用于响应最快完成的 Promise。Vue 的数据绑定和 DOM 渲染是异步的。当数据发生变化时，Vue 并不会立即更新 DOM，而是将数据变化放入一个队列中，然后在下一个事件循环的时机批量更新 DOM。

TypeScript类型定义总结：基础类型、接口、类型别名、函数类型、类的类型、泛型、可选参数和默认参数、映射类型

在使用TypeScript进行DOM操作和事件绑定时，正确地定义元素类型可以显著提升代码的可读性和健壮性，减少类型错误。以下是一些常用类型和实践建议：常用类型。

网络代理分为几种类型，包括透明代理、正向代理、反向代理和匿名代理。每种类型的代理有不同的用途和透明度级别，透明代理会将客户端的真实信息传递给目标服务器，而匿名和高匿名代理则不同程度地隐藏客户端的信息。：在企业环境中，代理服务器也可以用来分配请求到多个后端服务器，实现负载均衡，或在某个服务器宕机时自动切换到其他可用服务器，保证服务的连续性。：代理服务器可以隐藏客户端的真实IP地址，提供一定程度的匿名性，尤其是在使用匿名代理或高匿名代理时，能有效防止外部追踪用户的网络活动。

总的来说，WebSocket相较于HTTP，更适用于那些需要低延迟、高实时性和双向通信的应用场景。而HTTP则更适合简单的、偶尔的数据交换和网页内容的请求。

401 Unauthorized 和 403 Forbidden 是HTTP状态码，它们都表示客户端在尝试访问Web资源时遇到了错误，但两者的含义和应用场景有所不同：401 Unauthorized:403 Forbidden:总结：

nuxt3 + ElementPlus项目搭建过程记录

同样，添加到DOM元素上的事件监听器，如addEventListener，如果不使用removeEventListener移除不再需要的监听器，也会导致相关对象无法释放。尽管WeakMap和WeakSet中的键是弱引用，不会阻止垃圾回收，但如果它们的值是强引用的对象，且这些对象不再需要时没有从集合中移除，仍然可能导致内存泄漏。如果使用了缓存（如Map、WeakMap等）来存储数据，而没有适当的清理机制，随着时间推移，缓存会不断积累，占用越来越多的内存。全局变量很难被垃圾回收机制自动回收。

返回一个数组，包含了对象自身的所有键，无论键的类型是字符串、Symbol还是其他可迭代类型，并且不管是否可枚举。如果对象有使用Symbol作为键的属性，此方法会返回这些Symbol属性名的数组。返回一个数组的数组，每个内部数组包含一个属性名和相应的属性值。这是最基本的遍历方式，可以遍历对象自身的和继承的可枚举属性。返回一个数组，包含对象自身的所有属性名（无论是否可枚举）。返回一个数组，包含对象自身的所有可枚举属性的属性名。返回一个数组，包含对象自身的所有可枚举属性的属性值。

从官网定义可知，defaultExpandAllRows 属性仅仅是用于初始化的，当表格数据变化时，表格并未重新初始化，所以defaultExpandAllRows未作用于更新后的数据。在使用 antd 嵌套子表格时，想要默认展开所有子列表，设置属性。通过更新table key的方式来实现每次更新数据时初始化表格。，但是子列表没有展开。

含义：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看做凝聚为一体的一个组，而不再是一堆彼此无关的片段。

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。CORS是一个W3C标准，全称是"跨域资源共享"(Cross-origin resource sharing)，在CORS的规范中有一组新增的HTTP首部字段，允许服务器声明其提供的资源可以被哪些站点跨域使用。

监听滚动事件，根据 document.documentElement.scrollTop + window.innerHeight > dom.offsetTop 判断元素是否在窗口可视区域。scrollHeight 结合clientHeight可以判断多行文本是否溢出，scrollWidth结合clientWidth可以判断单行文本是否溢出，当前元素距浏览器边界的偏移量，以像素为单位。已经滚动到元素的左边界或上边界的像素数。结果 = border。

1、设置writing-mode属性。

js大量数据渲染，虚拟列表，分批渲染