File tree Expand file tree Collapse file tree 3 files changed +1
-45
lines changed
Expand file tree Collapse file tree 3 files changed +1
-45
lines changed Original file line number Diff line number Diff line change 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 )
You can’t perform that action at this time.
0 commit comments