新手入坑必备——这个免费开源网站，把技术黑话全讲成了人话

首页

和 AI 结对写代码、读官方文档、开会评审的时候，总有那么些词「眼熟但说不清」。
我最近做了个小网站，把这件事彻底治好了：每一个术语，都配了一句话定义、通俗讲解、生活类比，还有「怎么对 AI 说」和一张能动的示意图。
免费、无广告、纯前端、开源可自建——刚上线，欢迎访问。

先说说我踩过的坑

你是不是也这样：

• 打开官方文档，看到 幂等、层叠上下文、竞态条件、RAG、背压……每个字都认识，连起来不知道在说什么；
• 让 AI 帮我写代码，我说「把这段改得健壮一点」，它给我糊了一坨谁也看不懂的东西；
• 代码评审会上，同事说「这里有个 race condition」，我点头如捣蒜，其实心里在问「那是什么」；
• 读别人项目，注释里写着「BFF」「Saga」「CQRS」，我只能默默打开搜索引擎，然后被一篇更晦涩的文章劝退。

问题从来不是这些术语多难，而是没人用「人话」把它们讲清楚。

十大分类

它是什么

这是一个开源知识库网站，专门收录程序员高频、但容易「眼熟说不清」的技术术语。

不整花活，就干一件事：把技术黑话说成人话。

为什么值得你收藏

1. 十大分类 × 400+ 个词条，覆盖面是真的广

不是三五个冷门词的「面子工程」，而是系统整理过的完整词表：

特别推荐前端的 100+词条——从 CSS 优先级、margin 塌陷，到事件循环、跨域、Service Worker 全都有，正好是跟 AI 做前端开发最容易「鸡同鸭讲」的重灾区。

词条

2. 「怎么对 AI 说」栏目，是我最喜欢的部分

每个词条都有一组「对 AI 说」的对照示例：

• ❌ 含糊说法：这个类里直接 new 一个数据库
• ✅ 准确说法：通过构造函数注入依赖，不要在类内部直接 new，方便替换和测试

同一个需求，说法准不准确，AI 给出的代码质量天差地别。跟 AI 结对编程的人应该深有体会：你不会表达，AI 就给你表演。

3. 隐晦难懂的术语，直接配动画

光看文字，层叠上下文、事件循环、DNS 解析、CSS 优先级这种概念还是抽象。

最难懂的术语做了可播放的循环动画，还配了 27 张会跟随主题变色的手绘 SVG 图解。
看完一秒就懂了，比看十篇博客都快。

关于

4. 免费、零依赖、开源、可自建

• 纯静态零构建：无框架、无依赖、无打包，克隆下来就是成品，任意静态服务器都能部署；
• 全站搜索：中文、英文、别名、标签、正文全文匹配，键盘 / 聚焦、↑↓ 选择、Enter 跳转；
• 学习进度与收藏：看完打个「已掌握」，分类进度条可视化，localStorage 本地记录；
• 深浅双主题 + 移动端适配 + 无障碍：半夜刷手机看也行。

如果你也想贡献词条，Fork 一下加一个就行。这个项目的正确打开方式，就是从贡献一个新词条开始。

结尾

不搞噱头，就是老老实实把「每个程序员迟早要会、但没人好好讲」的词，用你能看懂的方式讲一遍。

如果你是：AI 结对编程爱好者、前端新手、准备面试的应届生、或者只是「见了术语就头疼」的人——值得收藏。