前端开发

📣 近期更新

• 2025-02-17
  • 增加了用于数学公式渲染的 KaTeX
• 2025-01-24
  • 增加了用于多人协作同步的 yjs
• 2024-09-02
  • 增加了日志包 logtape

特效

canvas-confetti:礼花效果

npm install --save canvas-confetti

UI库

PrimeVue

PrimeVue 是一个开源的 Vue UI 组件库，提供了 80 多个丰富的组件，用于构建现代的 Web 应用程序。

KaTeX

Katex是一个快速，易于使用的JavaScript库，用于网络上的Tex Math渲染。

工具

es-toolkit

es-toolkit 是一个现代的 JavaScript 实用库，提供了一系列强大的函数，适用于日常使用。

与 lodash 等替代品相比，es-toolkit 提供了 显著更小的包体积（最多减少97%）和 2-3倍更快的运行时性能。这是通过利用最新的 JavaScript 特性实现的。

es-toolkit 内置 TypeScript 类型，并经过严格测试，确保了100%的测试覆盖率，以保证最大的可靠性。

以下是 es-toolkit 提供的一些功能特点：

• Array: 数组操作工具，如 uniq 和 difference。
• Function: 控制函数执行的工具，包括 debounce 和 throttle。
• Math: 数值操作工具，如 sum 和 round。
• Object: 操作 JavaScript 对象的工具，如 pick 和 omit。
• Predicate: 类型保护函数，如 isNotNil。
• Promise: 异步操作工具，如 delay。
• String: 字符串操作工具，如 snakeCase。

操作引导

Driver.js

• 通过解释如何使用您的产品并回答常见问题来吸引用户。
• 通过突出显示功能，您可以消除干扰并将用户的注意力集中在重要的事情上。
• 为您的用户提供上下文帮助，解释如何使用您的产品并回答常见问题。
• 突出显示新功能，解释如何使用它们并确保您的用户不会错过它们。

日志

logtape

LogTape 官方文档

具有零依赖性的简单日志库，可用于 Deno、Node.js、Bun、浏览器和边缘函数。

• 零依赖性：LogTape 具有零依赖性。您可以使用LogTape而无需担心LogTape的依赖关系。
• 运行时多样性：LogTape 支持 Deno、Node.js、Bun、边缘函数和浏览器。您可以在各种环境中使用LogTape，而无需更改代码。
• 结构化日志记录：您可以使用结构化数据记录消息。
• 分层类别：LogTape 使用分层类别系统来管理记录器。您可以通过在类别层次结构的不同级别设置记录器的日志级别来控制日志消息的详细程度。
• 日志级别：LogTape 支持多种日志级别，包括调试、信息、警告、错误和严重错误。
• 模板文字：LogTape 支持日志消息的模板文字。您可以使用模板文字来记录带有占位符和值的消息。
• 极其简单的接收器：您可以轻松地将自己的接收器添加到 LogTape。

同步

yjs

Learn Yjs

Yjs 是一个用于构建协作软件的共享数据类型的 JavaScript 框架。它使您可以构建实时协作应用程序，如 Figma。

YJS是CRDT实现，将其内部数据结构视为共享类型。共享类型是诸如Map或Array，更改会自动分配给其他同行，并合并而不会合并冲突。