Legend80s

单元测试输出的 HTML 通常压缩在一行，没有空格和换行不利于 snapshot diff，我们需要有一个称手的工具来“美化” HTML，其次输出的路径的分隔符在 Wind...

💰 价值 本文我们将学会如何在无法给开源模块提交 MR 的情况下且仅针对测试运行时修改第三方模块。该模式可以帮助我们解决任何 node_modules 导致的测试报错。 ...

💎 价值 本文通过自定义 bun 插件解决 bun 具名导入 svg 遇到的问题，同时通过灵活运用 onResolve 和 onLoad 钩子『编织出』导入关系图，精准还...

const 类型参数 这是 TypeScript 5.0 引入的特性。作用： - 它会尽可能保持字面量类型的精确性，而不是拓宽为更通用的类型 - 对于对象和数组，它会推断出...

问题 一个使用官方 create-react-app 的项目，某次为了引入 ts-pattern 将 TypeScript 从 v4 升级到 v5，随后在安装或移除其他依赖...

协调是 React 更新 DOM 来匹配组件树的过程。正是协调机制让 React 的声明式编程模型成为可能——你只需描述想要的结果，React 就能高效地实现它。...

🤕 问题 tailwind css 推崇移动端优先原则： 也就是说默认情况我们的样式是针对移动端的，如果需要适配宽屏需要增加前缀 md: 或 lg: 等，看起来挺好的，但...

问题和背景 在响应式设计中，我们经常会遇到一个元素在移动端隐藏在 PC 端展现，或反之。 我们可以通过 hidden md:xx 来实现，比如将一个 div 元素隐藏可以使...

我们知道通过 className 增加 md: 等关键字可以让我们在 css 中判断小、中、大屏等。 比如想让一个元素在小屏隐藏，但其他屏幕展示。可以如下： 但是有时候仅仅...

探索未来通信的新边界：AQChat一款融合AI的在线匿名聊天 在数字时代，即时通讯变得无处不在，但隐私和性能仍旧是许多用户和开发者关注的焦点。今天，我要介绍一个开创性的开源...

一、如何 serve 静态资源 若是 koa 我们可以通过 koa-static： nestjs 需要通过 module 引入。 解法 @nestjs/serve-stat...

我们可以支持中文展示或者 emoji 展示但是同时支持目前还没看到互联网有文章说明，故记录之。 TLDR: 或 重点是将支持中文和 emoji 的 font-family ...

一般情况，我们只会给 defaultdict 的 value 增加类型，这样 defaultdict 就知道如何初始化。 但是有些情况，如果不给 key 增加类型约束容易写...

在 Python 中，有许多流行的 CLI（命令行界面）框架，它们可以帮助开发者快速构建功能强大、用户友好的命令行工具。以下是目前最受欢迎的几种框架及其特点： 1. cli...

1. 如何提升测试性能？ 将 getAllByRole 改成 getAllByText，性能从 2.6s 优化到 <1ms。 我们对文字断言也做了性能优化，从 1s+ 优化...

一个改善开发体验的小脚本“自动新建组件并且打开浏览器”，主要功能是： 以已有组件为原型，新建组件，其目录结构保持一致（源码、单元测试、README 等），内容替换成新组件。...

在 Python 开发生涯中，相信很多人都是从写简单脚本开始的。随着项目规模扩大，我们会遇到各种项目组织的问题。...

1. 📝 package.json 的“巧妙”注释 常用于分组或者注释某一条比较难以阅读命令 比如分组： 或解释某条 script： 2. 🧪 仅运行修改或新增的测试文...

bun test、React 组件测试、集成测试、单元测试、snapshot 错误和故障出现得更快，错误被更早检测到，这样能更容易重现和更快地修复。更少的错误和缺陷将投入生...

背景 我们在 biome 和 Oxc 之间做选择的时候看到这样一段话： 我们标注下关键字 这一段话信息量很多，也直接道出了 CST 和 AST 的关键区别（CST 能处理非...