2023-第五十周

该周报主要为各个地方内容的汇总整理

技术

How to Keep Your Loader Data Fresh in Remix

这篇文章介绍了如何使用 useRevalidator 钩子来定期重新验证加载器数据，以确保数据始终更新。它还讨论了如何处理缺乏互联网连接、停止应用程序不活动状态下的重新验证、连接状态和间隔速度、以及如何避免在节省数据模式下重新验证。

• 使用 useRevalidator 钩子可以在一定时间间隔内重新验证加载器数据，以确保数据始终是最新的。
• 通过检测用户是否离线，我们可以避免触发重新验证，从而处理缺乏互联网连接的情况。
• 通过检测可见性状态的变化，我们可以停止重新验证，从而节省用户带宽和服务器资源。

Introducing Waku

Waku 是一个基于 React 的最小框架，用于探索 React Server Components（RSC）的核心功能和最佳实践。它使用 Vite 作为基础，并支持在 Vercel 等平台上部署。这个框架简单易用，可以独立于传统的静态站点生成和服务器端渲染策略进行开发和实验。

• Waku 是一个基于 React 的轻量级框架，可以探索 React Server Components（RSC）的核心功能并独立于传统的静态网站生成和服务器端渲染策略进行开发。
• Waku 的 API 简单可扩展，提供了服务器入口 API 和客户端 API，通过定义输入参数和返回 JSX 元素来实现服务器和客户端之间的交互。
• Waku 可以通过 Vercel 进行部署，并利用 Vercel 的 Build Output API 和 Vercel Functions 来支持 RSC 的部署和功能实现。

Deep Cloning Objects in JavaScript, the Modern Way

这篇文章介绍了 JavaScript 中的一个新特性——structuredClone 函数，它可以实现对象的深拷贝。与其他拷贝方法相比，structuredClone 可以拷贝包括嵌套对象、数组以及各种 JavaScript 类型在内的内容。文章还提到了其他拷贝方法的不足之处，并介绍了 structuredClone 支持的类型和适用范围。最后，文章总结了 structuredClone 在不同浏览器和运行环境中的兼容性情况。

• JavaScript 现在有一种原生的方法来深拷贝对象。
• 使用 structuredClone 函数可以精确地复制嵌套数组和 Date 对象等多种 JavaScript 类型。
• 相较于其他方法，如 JSON.parse(JSON.stringify(x)) 和 Lodash 的 cloneDeep 函数，structuredClone 更加高效和全面。

CSS animation-composition

animation-composition 是一种 CSS 属性，用于在多个动画同时影响同一属性时指定组合操作。它有三个可能的值：replace、add 和 accumulate，分别表示替换、添加和累积。通过设置 animation-composition 属性，可以改变动画的默认行为，使其在应用属性值时采用其他方式。animation-composition 不仅适用于多个动画，还适用于所有动画属性。它可以应用于具有动画的元素。此外，文章还介绍了 animation-composition 对位置属性和颜色属性的影响，并提供了示例和浏览器支持信息。总的来说，animation-composition 是一种用于控制动画效果的属性，可以通过试验和错误来确定最佳效果。

• 动画组合属性 (animation-composition) 允许我们指定多个动画同时作用于同一属性时的混合方式，有替换、叠加和累积三种可能的值。
• 替换 (replace) 是默认的属性混合方式，它会覆盖属性原有的值；叠加 (add) 会在原有值的基础上添加效果值；累积 (accumulate) 则是将效果值与原有值结合起来。
• 动画组合属性不仅适用于多个动画，也适用于单个动画，可以通过设置 animation-composition 属性来改变动画的效果。

Locking scroll with :has().

这篇文章介绍了 CSS 中的:has() 选择器，并展示了如何使用它来实现页面滚动锁定的功能。通过使用:has() 选择器，我们可以根据元素的内容来控制父元素的样式，从而简化了滚动锁定的管理。文章还提到了一些应用场景和用法建议，并对:has() 选择器的全面支持表示了赞赏。

• :has() 是一个 CSS 伪类选择器，可以根据元素的内容来修改父元素的样式。
• 使用:has() 可以简化页面滚动锁定的实现，通过在需要锁定滚动的元素上添加.lock-scroll 类来实现滚动锁定。
• 通过将滚动锁定的状态与 DOM 内容绑定，可以更简单地管理滚动锁定，只需通过添加或移除.lock-scroll 类来实现滚动锁定或解锁。

The Most Popular Node.js Frameworks

这篇文章介绍了几个流行的 Node.js 框架，包括 Next.js、tRPC、Nest、Remix、Strapi、SvelteKit、Directus 和 Redwood。它们都有不同的特点和用途，适用于构建快速、高效的 Web 应用程序。文章还提到了 Node.js 生态系统的趋势，包括 API 的崛起、GraphQL 的主导地位以及微服务和实时应用的需求。

• Node.js 是一种强大的开源 JavaScript 运行环境，适用于构建快速高效的 Web 应用程序。
• Next.js 是目前最受欢迎的 Node.js 框架之一，它提供了一套功能和约定，使开发人员能够轻松构建复杂的 React 应用程序。
• tRPC 是一个用于构建类型安全 API 的框架，它为开发人员提供了一种简单直观的方法来定义和使用 RPC API。

工具

reason

RΞASON 是一个精简的 TypeScript 框架，可用于构建出色的大语言模型应用程序

AIGC

检索增强生成（RAG）：从理论到 LangChain 实践 [译]

检索增强生成（RAG）是将外部知识与大型语言模型结合的方法，旨在提高模型生成答案的准确性和符合上下文的能力。传统的微调方法不够灵活，而 RAG 通过检索外部知识并将其与模型结合来解决这个问题。RAG 的工作流程包括检索、增强和生成三个步骤。

• 检索增强生成（RAG）是一个概念，旨在为大型语言模型（LLM）提供额外的、来自外部知识源的信息。
• RAG 的工作流程包括检索、增强和生成三个主要步骤。
• RAG 的目标是通过结合生成模型和检索模块，从易于更新的外部知识源中获取额外信息，以提高语言模型的准确性和适应性。

用 RAGAs（检索增强生成评估）评估 RAG（检索增强型生成）应用 [译]

这段文字介绍了评估检索增强生成（RAG）应用和 RAGA 的方法。RAGA 是一个评估框架，可以帮助评估 RAG 流程的性能。这个框架使用大语言模型生成数据来评估 RAG 流程的各个组件，并提供了一些评估指标来量化性能。文章还介绍了 RAGAs 提供的评估指标和评估数据集的使用方法。

• 评估 RAG 应用和 RAGA 方法的框架。
• RAGAs 是一个评估 RAG 流程的工具框架。
• RAGAs 提供了组件层面和整体流程两个方面的评估指标。

多模态和多模态大模型 (LMM)[译]

本文介绍了多模态系统的概念和重要性。多模态系统可以处理多种类型的数据，如文本、图像、音频等，以更贴近人类大脑的能力。多模态技术在医疗、机器人、电商等领域有广泛应用，并能提升模型性能。文章还介绍了多种数据模式的转换和模拟方法。

• 多模态技术的重要性：多模态技术在医疗、机器人、电商等领域有广泛应用，可以提升模型性能和实现灵活多样的交互方式。
• 数据的多种模式：数据可以是文本、图片、音频等形式，可以相互转换或模拟，丰富了多模态系统的应用场景。
• GPT-4V 的多模态应用亮点：GPT-4V 展示了多模态系统的潜力，可以处理多种数据类型，为视力受损的人浏览网络和进行导航提供了可能性。

探讨人工智能对经济的影响 [译]

这段文字主要讨论了人工智能对经济的影响以及当前的发展状况。目前，人工智能在特定经济领域中迅速普及，作为提高生产效率的工具，显示出独特魅力。然而，人工智能的影响主要集中在少数行业，对整体增长和通货膨胀的影响较小。对于未来的发展，人们对于人工智能的影响仍存在不确定性，但预计其最大影响将在十年或更长时间之后出现。为了发挥人工智能的潜在生产力优势，需要进行劳动力重新培训和组织流程创新。总的来说，对于人工智能的影响，我们目前所不知道的远远超过所知道的。

• 人工智能目前在特定经济领域迅速普及，作为提升生产效率和降低成本的工具。
• 尽管人工智能在特定行业内有显著影响，但对整体经济增长和通货膨胀的影响相对有限。
• 对于人工智能未来的发展，预计将在十年或更长时间之后才会出现最大影响，需要进行劳动力培训和组织创新来释放其潜在生产力优势。

其他

全世界各种语言的"茶"，只有两种读音，一种是 chai，另一种是 tea。它们都来源于中文，第一种是北方普通话读音，第二种是福建沿海的闽南话读音。
显然，采用第一种读音的国家，茶叶源自中国的陆路传播。采用第二种读音的国家，茶叶源自中国的海路传播。

-- 《历史地图》