LeetCodeAnimation

用动画把 LeetCode 题解过程拆开看：指针怎么移动、状态怎么转移、递归怎么展开、边界为什么成立。当前已同步网站侧持续维护的 256 道 LeetCode 动画索引。

如果你觉得这个项目有帮助，欢迎 Star 支持持续更新。完整交互播放、步骤切换和代码讲解，建议打开网站版本。

网站版动画 · 题目索引 · 结构化数据

网站版动画预览

下面这些 GIF 取自当前网站播放器的关键帧。GitHub 适合快速预览和检索；完整的步骤播放、代码讲解和交互体验建议打开网站版本。

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

项目特点

• 动画题解：很多题目保留了 GIF 或分步动画素材，适合先看清算法过程，再回到代码。
• 256 道 LeetCode 索引：当前网站侧动画列表已同步到仓库，覆盖数组、链表、栈、二叉树、动态规划、图论、回溯、贪心、二分等常见专题。
• 历史内容沉淀：早期题解文章、代码和动画文件继续保留，便于查找旧版本讲解和素材。
• 结构化数据：docs/data/manifest.json 可被脚本读取，用来生成索引、检查链接或做二次整理。
• 持续同步：网站侧新增或调整动画后，可以通过脚本同步回 GitHub，仓库不是一次性的静态归档。

当前索引

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

内容地图

想找什么	从这里开始
按题号查动画	docs/leetcode-animation-index.md
按专题查动画	docs/index-by-topic.md
用脚本处理题目数据	docs/data/manifest.json
查看早期题解文章	docs/notes/ 或 problems/ 下各题的 Article/
查看早期动画素材	problems/ 下各题的 Animation/
查看 README 预览动图	docs/assets/previews/
查看同步记录	docs/sync-log.md
同步网站侧新索引	tools/scripts/sync-algomooc-index.js

如何使用

1. 按题号查找：打开 docs/leetcode-animation-index.md，表格按 LeetCode 题号排序。
2. 按程序处理：读取 docs/data/manifest.json，其中包含题号、slug、中文标题、难度、分类、仓库目录和网站路径。
3. 查历史素材：早期题解在 docs/notes/ 和 problems/ 下各题目录的 Article/、Animation/ 中。
4. 同步新内容：网站侧新增或调整动画后，运行同步脚本更新本仓库索引。

仓库和网站的关系

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

同步方式

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

npm run review:site

确认需要同步后运行：

npm run sync
npm run validate

同步脚本会更新：

• docs/data/manifest.json
• docs/leetcode-animation-index.md
• docs/index-by-topic.md
• docs/sync-log.md

更完整的判断规则和 commit 规范见 docs/sync-workflow.md。

目录

路径	说明
docs/data/manifest.json	LeetCode 动画索引数据
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	判断网站侧改动是否需要同步到 GitHub
tools/scripts/sync-algomooc-index.js	从网站侧 study_index.js 同步索引
tools/scripts/validate-manifest.js	校验 manifest
docs/assets/previews/	README 使用的网站版动画预览 GIF
docs/notes/	早期题解文章
problems/	早期按题目组织的文章、代码和动画素材
problems/*/Animation/	早期动画素材
problems/*/Article/	早期文章素材
tools/	同步脚本、schema、动画生成工具和模板

反馈

如果发现索引错位、链接失效、题目标题或分类有误，可以在 issue 中记录。我会继续把网站侧新增动画同步回来，让这个仓库保持可检索、可追踪。

English

See docs/README-En.md.