Skip to content

Commit cb80ceb

Browse files
committed
docs: 精简README,使用gif演示
1 parent 140616e commit cb80ceb

File tree

3 files changed

+1
-45
lines changed

3 files changed

+1
-45
lines changed

README.md

Lines changed: 1 addition & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -2,48 +2,4 @@
22

33
一个交互式的回溯算法可视化工具,帮助你理解 [LeetCode 46. 全排列](https://leetcode.cn/problems/permutations/) 的解题思路。
44

5-
![演示截图](./screenshot.png)
6-
7-
## ✨ 特性
8-
9-
- 🌳 **决策树可视化** - 直观展示回溯算法的搜索过程
10-
- 🐛 **代码调试器** - 实时显示 Java 代码执行位置和变量状态
11-
- 📊 **调用栈追踪** - 展示递归调用的层级关系
12-
- ⏯️ **动画控制** - 支持播放、暂停、单步执行、进度拖拽
13-
- 💡 **算法解释** - 每一步都有详细的中文说明
14-
- ⌨️ **快捷键支持** - 空格播放/暂停,方向键单步控制
15-
16-
## 🚀 快速开始
17-
18-
```bash
19-
# 安装依赖
20-
npm install
21-
22-
# 启动开发服务器
23-
npm run dev
24-
```
25-
26-
## 🎮 使用方法
27-
28-
1. 在输入框中输入 1-6 个不重复的数字(如 `1,2,3`
29-
2. 点击"开始"生成决策树
30-
3. 使用控制按钮或快捷键观察算法执行过程
31-
4. 拖动进度条可跳转到任意步骤
32-
33-
## 🧠 算法思路
34-
35-
回溯算法的核心是"选择-探索-撤销":
36-
37-
1. **选择**:从剩余数字中选一个放入当前位置
38-
2. **递归**:继续填下一个位置
39-
3. **回溯**:填完或走不通时,撤销选择,尝试其他数字
40-
41-
## 🛠️ 技术栈
42-
43-
- React 18 + TypeScript
44-
- Vite
45-
- CSS3 动画
46-
47-
## 📄 License
48-
49-
MIT
5+
![演示](./imgs/46.gif)

imgs/46.gif

3.73 MB
Loading

screenshot.png

-725 KB
Binary file not shown.

0 commit comments

Comments
 (0)