修改输入,追踪每一步执行。

输入数组、图或操作序列,单步执行,查看当前代码行。切换到讲解,了解算法原理、复杂度与边界情况。

  • 代码、画面、日志,三者同步

    代码高亮、动画和日志对应同一步执行。比较两个值时,对应的 if 条件高亮,日志记录结果。课程若有多种代码语言或解法,代码面板会随选择切换。

  • 输入你自己的数据

    修改课程支持的数组、目标值、图或数据结构操作序列。动画、代码高亮和日志根据输入重新生成。

  • 拖动、单步、重放

    拖动进度条、前进或后退一步、调整速度。遇到疑问时暂停,核对当前代码与状态。

  • 手绘白板

    动画使用 1920×1080 白板和统一的手绘样式。图形、标记与文字像课堂笔记一样展示概念。

  • 免费开始,进度归你

    无需账号即可学习。最近打开的课程、收藏与保存的输入存在当前浏览器;终身版可跨设备同步。

卡住的时候

播放器之外,也有工具

除了查看执行过程,还可以阅读不变量,或用操作序列观察数据结构的变化。

  • 讲解是独立的一屏

    可视化展示执行轨迹;讲解说明不变量、复杂度、边界情况和常见错误。阅读讲解无需启动播放器。

  • 用操作序列观察数据结构

    向栈、队列、链表、树、堆和哈希表输入操作序列,观察查找路径与修改结构的写入步骤。

不只一节课

预测下一步

排序、查找和数据结构课程支持在执行途中暂停,让你预测下一步:是否交换,或向哪边查找。用预测检验自己对算法的理解。

  • 动画本身就是答案

    在交换或分支决策前暂停。提交判断,再播放下一步核对结果。

  • 随机输入生成题目

    执行轨迹由输入决定。每次答题使用新的随机数据,练习根据当前状态推导下一步。

  • 按能力维度拆解掌握度

    按执行追踪、边界情况、不变量和复杂度四个维度记录表现,查看已掌握的内容与待练习的部分。

边界与失败情况

载入关键用例

多数课程提供场景预设,例如已有序、逆序或产生冲突的哈希输入。AI 课程提供学习率导致发散、检索失败、错误工具调用等场景。选择预设,观察性质成立或失败的条件。提供场景预设的课程均免费开放这项功能。

分享与导出

把这节课带走

分享当前输入,在自己的页面嵌入交互播放器,或保存 PNG 图片。终身版还可导出视频。

  • 分享当前输入

    分享链接包含当前输入。对方打开后会载入相同输入,重新生成执行轨迹,并从开头播放。

  • 嵌入可交互播放器

    把 <iframe> 粘贴到博客、文档或课程页,即可嵌入带播放控制的交互课程。

  • 导出画面或视频

    免费将当前画面保存为 PNG。终身版可导出无水印 PNG,或将完整动画录制为视频。

问题与建议

在 GitHub 上反馈与跟进

通过公开的 GitHub Issues 反馈问题、提出建议或请求课程。需要时附上课程链接和截图,并在同一条 Issue 中查看回复和进展。