数据结构动起来--超好用的数据结构可视化学习工具网站

最为小白,我在数据结构从入门到放弃的路上一去不复返,于是动手搜了一下发现一位博主介绍了新加坡大学数据结构可视化的网站:

  • 原视频地址
  • 新加坡大学数据结构可视化学习网站
    (为方便更多人学习,此网站已对外开放)
    以下内容为我针对原视频进行的简单翻译,此网上有助于初学者学习,可以快速准确有效的击破难点; 在自学或听老师讲课后,或好奇该部分具体用代码该怎么写的话,可以利用该网站进行学习;此网站但针对高深的难题并未做讲解,大神可以绕道走 - - !
    废话不多说开始正题,直接介绍此网站

使用方法

  • 先来看一下,网站打开主页是这样子的,左上角可以切换语言(主要比较大,此处为缩略图)
数据结构动起来--超好用的数据结构可视化学习工具网站_第1张图片
Visualgo.net.png
主页显示了各种算法的列表,大家可以根据自己的学习选择相关内容
比如在学习数据结构时,会先接触栈、列队等内容,我们可以点击 上图中的链表(Linked List),会显示如下画面
数据结构动起来--超好用的数据结构可视化学习工具网站_第2张图片
VisuAlgo.net2.png
  • 首先可以看到顶部有链表内其他的数据结构,点击可以切换大家想学习的内容
  • 左下角蓝色色块里是可以操作的各选项
数据结构动起来--超好用的数据结构可视化学习工具网站_第3张图片
链表.gif
  • 可以看到在创建中有很多目录,其中use Defined list选项,大家可以自己输入数据执行
数据结构动起来--超好用的数据结构可视化学习工具网站_第4张图片
创建.png

动态变化过程演示

  • 再比如,在stack中添加push,大家可以根据自己的需要输入数字,点击执行查看演化过程
  • ** 而gif图片右侧则显示相关代码信息,此类数据结构在代码中该怎样表示,即数据是跟随哪些代码发生变化的,会产生怎样的变化等相关内容,两个条形色款中,上方显示说明,下方显示代码(此处所显示的代码并非某种特定的语言,而是根据各种代码都很相似的假代码 **
  • 如果感觉速度太快,可以通过左下角可以调节快慢
  • 可以通过键盘左右键调节,查看上一步、下一步
数据结构动起来--超好用的数据结构可视化学习工具网站_第5张图片
push.gif
  • 同时查看pop的演化过程
数据结构动起来--超好用的数据结构可视化学习工具网站_第6张图片
pop.gif

自带练习

  • 返回首页,点击Training,就会发现相应练习
  • 做完会有相应评分
  • 可对错题进行分析
数据结构动起来--超好用的数据结构可视化学习工具网站_第7张图片
练习
原创翻译的,虽然不是原创的,转发请标明原文地址,谢谢

你可能感兴趣的:(数据结构动起来--超好用的数据结构可视化学习工具网站)