Legend80s

我们将实现一个 TS 类型转换：将对象的 key 转成 snake_case，期间会使用到 infer，通过实际操作来学概念才是最牢固的。 假设我们在某个系统中已经存在 c...

升级 Bun bun install 中的 pnpm-lock.yaml 支持 bun install 现在会自动将 pnpm-lock.yaml 和 pnpm-works...

最近在做 umi v2 迁移到 rsbuild + React Router v7 data mode（你没听错就是 7 年前的 umijs v2），需要写了一个 Node...

对于 bun 我们有多种安装方式，可以使用现有的包管理器比如 npm i -g bun。 但是有个麻烦事：npm 一般是通过 nvm 安装的，如果 nvm 切换版本，则无法...

对于 pnpm 我们有多种安装方式，可以使用现有的包管理器比如 npm npm i -g pnpm 但是 npm 一般是通过 nvm 安装的，如果 nvm 切换到其他 no...

为了解决多语言项目中 翻译滞后、key 变更、校对困难 等痛点，我自研了一款 i18n CLI 工具。它通过 自动化翻译、缓存复用和校对闭环，让开发者和翻译团队协作更高效。...

如果你正在阅读这篇文章，十有八九正在使用或学习 React。你肯定也听说过 react-router——多年来在 React 世界里最流行的路由库。 但你可能还不知道，最新...

💎 价值 本文将在“实战”中介绍 bun 内置的速度极快的 HTMLRewriter，4w 多字符的 HTML 处理只需要不到一毫秒！ HTMLRewriter HTML...

做开发已经7年多了，我越来越有一个体会：对程序员而言，效率其实是一种「稀缺资源」。 很多时候，我们并不是输在技术上，而是浪费在一些低效的机械劳作中。...

单元测试输出的 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的在线匿名聊天 在数字时代，即时通讯变得无处不在，但隐私和性能仍旧是许多用户和开发者关注的焦点。今天，我要介绍一个开创性的开源...