跟 AI 结对写代码、读官方文档、看开源项目的时候,你是不是也经常被这些词整懵:
幂等、层叠上下文、竞态条件、RAG、背压、Saga、BFF……
每个字都认识,连起来不知道在说什么?今天推荐一个免费开源的宝藏网站,专治这种「术语尴尬症」。

先说痛点,太真实了
你是不是也有过这样的时刻——
- 让 AI 帮我写代码,我说「把这段改得健壮一点」,结果它给我糊了一坨谁都看不懂的东西;
- 代码评审会上,同事说「这里有个 race condition」,我点头如捣蒜,其实心里在问:那是什么;
- 读别人项目,注释里写着 BFF、Saga、CQRS,我只能默默打开搜索引擎,然后被一篇更晦涩的文章劝退。
问题从来不是这些术语有多难,而是没人用「人话」把它们讲清楚。
它是什么
这是一个开源知识库网站,专门收录程序员高频、但容易「眼熟说不清」的技术术语。
不整花活,就干一件事:把技术黑话说成人话。

为什么值得收藏?四个理由
① 十大分类 × 444 个词条,覆盖面是真的广
从编程基础、数据结构与算法,到前端、后端、数据库、网络协议、Git 协作、工程实践、架构设计,再到现在最火的 AI 与大模型,一共十大分类 444 个词条。前端 128 条尤其良心——从 CSS 优先级、margin 塌陷,到事件循环、跨域、Service Worker 全都有。
② 「怎么对 AI 说」栏目,是我最爱的部分
每个词条都配了一组「对 AI 说」对照示例,同一个需求,说法准不准确,AI 写出来的代码质量天差地别。看下面这张对比图你就懂了:

左边那种说法,AI 只能给你「表演」;右边这种,AI 才能真正帮到你。跟 AI 结对编程的人,应该都懂这种痛。
③ 隐晦难懂的术语,直接配动画
光看文字,层叠上下文、事件循环、DNS 解析、CSS 优先级这种概念还是抽象。这个站给 20 个最难懂的术语做了可播放的循环动画,还配了 27 张会跟随主题变色的手绘 SVG 图解。比如「层叠上下文」那个动画:左边容器 z-index:1、里面子元素 z-index:50,右边容器 z-index:2、子元素 z-index:10——动画清清楚楚告诉你:50 比 10 大也没用,子元素的 z 跳不出父容器。 看完一秒就懂,比刷十篇博客都快。
④ 免费、零依赖、开源、可自建
纯静态零构建,无框架、无依赖、无打包,克隆下来就是成品,任意静态服务器都能部署。全站搜索支持中英文+别名+标签+正文全文匹配,还有学习进度和收藏功能,深浅双主题,手机也能刷。
怎么用?
- 在线访问(无需安装):评论区问我
- 开源仓库:/Shrbuz/JargonBuster (给个 ⭐ 不亏)
结尾说点实在的
这个网站不搞噱头,就是老老实实把「每个程序员迟早要会、但没人好好讲」的词,用你能看懂的方式讲一遍。如果你是 AI 结对编程爱好者、前端新手、准备面试的应届生,或者只是「见了术语就头疼」——真的值得收藏。
觉得有用的话,点个关注、转发给身边被术语折磨的朋友,评论区聊聊你被哪个技术黑话坑过?