LeetCodeAnimation README

The project's README from github.com/MisterBooo/LeetCodeAnimation. As one markdown file: README.md.

LeetCodeAnimation

用动画把 LeetCode 题解过程拆开看:指针怎么移动、状态怎么转移、递归怎么展开、边界为什么成立。 GitHub 这份是公开索引与历史素材;完整的单步、回看、变速、语音讲解在网站版。

GitHub stars last commit LeetCode 动画题数

🎬 在线交互版 📚 按专题刷 🤖 AI 私教小欧

如果这个项目帮到你,欢迎 Star 支持持续更新。


🚧 2026 大版本进行中

这个仓库不是一次性归档。2026 年正在做一轮大版本升级,只列已上线 / 进行中的实话:

进度会随同步脚本更新到下方「当前索引」与 docs/sync-log.md。


网站版动画预览

下面四张 GIF 取自网站播放器的关键帧,点图直达对应题目页(完整步骤播放、三语言代码、语音讲解都在网站版)。

两数之和动画预览
两数之和
边扫数组边维护哈希表,看清 complement 是怎么被找到的。
接雨水动画预览
接雨水
用柱状图把左右边界和蓄水过程拆开,直观看懂为什么能接住水。
岛屿数量动画预览
岛屿数量
DFS 染色过程一格一格展开,连通块边界会更容易看清。
环形链表动画预览
环形链表
快慢指针在链表上同步移动,什么时候相遇一眼能看到。

↑ 网站版还能单步、回看、变速、听讲解 —— 打开在线交互版 →


项目特点

当前索引

下表数字由 tools/scripts/build-readme.js 据 docs/data/manifest.json 实算注入,请勿手改。

项目 数量 / 位置
LeetCode 动画题数 256
简单 71
中等 160
困难 25
数据文件 docs/data/manifest.json
按题号索引 docs/leetcode-animation-index.md
按专题索引 docs/index-by-topic.md
网站路径 https://www.algomooc.com/leetcode-animation

数字口径:上表 256 指已同步到本仓库的 LeetCode 题动画数(脚本据网站侧 study_index.js → manifest.json 实算)。 近况区提到的 299 指 algomooc.com 全站动画内容总数(含进阶题与专题,口径来自站内 content-stats 单一数据源),范围比本仓库已同步的 LeetCode 子集更大。 两个数字都由脚本接管、禁止手写:256 来自本仓库 manifest,299 随站内 content-stats 同步回填(见 docs/data/stats.json 的 siteTotal 字段)。


内容地图

想找什么 从这里开始
按题号查动画 docs/leetcode-animation-index.md
按专题查动画 docs/index-by-topic.md
用脚本处理题目数据 docs/data/manifest.json
查看早期题解文章 docs/notes/ 或 problems/ 下各题的 Article/
查看早期动画素材 problems/ 下各题的 Animation/
查看同步记录 docs/sync-log.md

🛠 维护者:同步与数据说明(点击展开 —— 普通读者可略过)

仓库和网站的关系

GitHub 仓库保存历史内容、公开索引和同步脚本;网站侧维护当前动画页面。交互播放、步骤切换、阅读体验以网站版本为准。同步脚本把网站题目列表写回仓库,方便在 GitHub 上审阅、检索和版本化。

同步方式

网站侧题目索引来自 study_index.js。同步前先审查:

npm run review:site

确认需要同步后运行:

npm run sync        # 更新 manifest / 题号索引 / 专题索引 / 同步记录
npm run validate    # 校验 manifest
node tools/scripts/build-readme.js --write   # 把 README 数字段 + stats.json 重新注入

会更新:

  • docs/data/manifest.json
  • docs/leetcode-animation-index.md
  • docs/index-by-topic.md
  • docs/sync-log.md
  • docs/data/stats.json 与 README 的 当前索引 标记区(数字段)

更完整的判断规则、commit 规范和数字接管机制见 docs/sync-workflow.md 与 docs/HOW-TO-INTERACT.md。

目录

路径 说明
docs/data/manifest.json LeetCode 动画索引数据(数字单一数据源)
docs/data/stats.json 由脚本实算的计数,供 README 徽章读取
docs/leetcode-animation-index.md 由 manifest 生成的题目列表
docs/index-by-topic.md 由 manifest 生成的专题索引
docs/sync-log.md 网站侧索引同步记录
docs/sync-workflow.md 网站和 GitHub 联动流程
tools/scripts/review-site-changes.js 判断网站侧改动是否需要同步
tools/scripts/sync-algomooc-index.js 从网站侧 study_index.js 同步索引
tools/scripts/validate-manifest.js 校验 manifest
tools/scripts/build-readme.js 注入 README 数字段 + 生成 stats.json
docs/assets/previews/ README 使用的网站版动画预览 GIF
docs/notes/ · problems/ 早期题解文章、代码与动画素材

⭐ Star 一下,陪它持续更新

Star History Chart

这个项目从一张张手画动画走到今天,靠的是每一个 Star 的鼓励。 如果它让你把某道题真正看懂了,点个 Star 就是对持续更新最实在的支持。

📌 内容持续同步自 algomooc.com —— 网站更新,仓库索引随脚本同步。

English

See docs/README-En.md.

LeetCodeAnimation (MisterBooo/LeetCodeAnimation)

Searching Database…

这是什么?LeetCodeAnimation 是一套 LeetCode 题目的动画讲解合集:每个动画展示指针如何移动、状态和递归如何展开、边界条件为什么成立,并配有参考代码。
我看到的是一个放 GIF 的仓库,还是一个完整的网站?GitHub 仓库是公开的索引和历史资料;带单步播放、重播、速度调节和语音讲解的交互版在配套网站 algomooc.com 上。
网站上的每个动画在仓库里都能找到吗?不能——这里只同步了 256 个 LeetCode 动画(网站上有 299 个,含进阶和专题内容),而且 2026 年的大改版正在分批重做每个动画。
我在准备编程面试——这个只适合新手吗?它覆盖所有难度——简单题 71 道、中等题 160 道、困难题 25 道——既可以作为算法的轻松入门,也能用来备战面试。
如果我只是克隆仓库,不上网站能看老内容吗?可以——早期的文字题解和 GIF/分步动画资料就存放在仓库的 problems/ 和 docs/notes/ 目录里,这些历史内容离线阅读完全没问题。
这么多内容里,我怎么找到某道具体的题?查看 docs/leetcode-animation-index.md 可以按题号找,或用 docs/index-by-topic.md 按专题挑选;两者都由 docs/data/manifest.json 自动生成。
每个动画都附带代码吗?是的——每道题的题解都提供 Python、C++ 和 Java 的参考实现,默认语言是 Python。
AI 答疑助手“小欧”是什么?小欧是作者开发的 AI 算法答疑助手:当你在某道题上卡住时,可以向它追问思路和边界情况。
这个仓库还在更新吗,还是已经变成固定的存档了?它保持同步:网站每新增或重做一个动画,脚本就会把更新后的索引推送回 GitHub,所以这个仓库明确不是静态存档。
Creator
MisterBooo
Size
498.4 MB
Stars
76.7K
Updated
CommitJun 12
Age
7y
Commits · 90 Days