前端小坑、小知识

一旦父级元素应用了 transform（即使是 transform: translate(0, 0);），它就会变成其子级 position: fixed 元素的包含块（Containing Bloc

—— 从一个 React Demo 看浏览器渲染与合成线程 传送门：https://tools.mind-elixir.com/zh/learn-js-blocking 在前端开发中，我们常听到一句话

为什么要做这个? 最近在项目里想加个思维导图功能，试了几个库，要么配置贼复杂，要么样式跟我的 shadcn 项目完全不搭。想着既然 shadcn/ui 那么好用，为什么不能有个思维导图组件呢? 于是就

绝大多数 Webpack 项目是基于 Vue 2 的，而 Vite 项目几乎都是 Vue 3。这两个版本对“模板中的空格”处理逻辑（Compiler Options）默认值是不一样的。 这里有三个层面

很多开发者在配置 GitHub SSH 的时候，通常是按照网上的教程，噼里啪啦一顿复制：先 ssh-keygen，再把公钥贴到 GitHub，最后 git push。如果一切顺利，你会觉得这是一种“魔

1. 并没有触发真正的“硬件加速” 虽然 translate 理论上比修改 top/left 快，但在 Safari 中，如果你只使用 translate(x, y)，浏览器可能仍将其视为普通的 2D

1. 为什么“传参”通常更好？ ✅ 1）意图更清晰 vs 传参的时候，函数签名就是“需求清单”，别人一看就知道这个函数要什么东西。 ✅ 2）更好测、更好复用 传参：写单测时，随便喂各种参数就能测试。

最近在 GitHub 收到两条无法访问的 mention 烦死了，右上角老是有个亮点，点进去又没更新。被烦了老几天后终于去找了解决方案： 安装 GitHub CLI。 通过 GitHub CLI 进行

在使用 pnpm 时，如果你需要为某个依赖包打 patch，可以使用 pnpm 提供的 patch 命令。以下是具体步骤： 1. 使用 pnpm patch 命令 pnpm 提供了一个内置的 patc

VS Code 默认就内置了 TypeScript/JavaScript 语言服务（TypeScript Language Features 扩展） ，这个扩展是编辑器自带的，不需要你额外安装。 具体

学习如何在任何项目中使用 Tailwind CSS，即使不使用流行框架。本文深入探讨 Tailwind CSS 的工作原理，解释如何利用其 CLI 在任何环境中生成 CSS，并涵盖 Tailwind

关键时刻，还得是 stackoverflow，AI 问半天都是错的，太偏门的问题 AI 只会给你幻觉，歇歇吧。不要小看在 stackoverflow 积累的真正的人的智能 😏