请选择 进入手机版 | 继续访问电脑版
设为首页 收藏本站
开启辅助访问 快捷导航
菜单
从零开始 资讯 查看内容

数据结构和算法难了解?可视化动画网站带你轻松透彻了解

2020-2-20 16:12 发布者: 云山千叠885 评论 16 查看 166
学过数据结构和算法的都知道这玩意儿不好学,没学过的经常听到这样的说法还没学就觉得难,其实难吗?真难!难在哪呢?当年我还是个小蒟蒻,初学数据结构和算法的时候,在忍着枯燥看完定义原理,之后想实现的时候,觉 ...
学过数据结构和算法的都晓得这玩意儿欠勤学,没学过的经常听到这样的说法还没学就感觉难,实在难吗?真难!

难在哪呢?昔时我还是个小蒟蒻,初学数据结构和算法的时辰,在忍着死板看完界说道理,以后想实现的时辰,感觉它们的进程真的是七拐八绕,及其难熬。

在简单的链表、栈和行列这些我还能靠着在草稿上写写画画了解进程,可是到了数论、图论的时辰,中心实现的进程步调起头剧增,阿谁时辰靠写写画画和对法式的单步伐试强行了解,作为一个智商一向被压制的惨人,略不留意就会重新来过,堕入死循环...

后来搞 ACM 之初,我的队友给了我一个数据结构模拟器的紧缩包(后来晓得似乎是严蔚敏数据机构那本书光盘里带的),里面是对一些数据结构的模拟操纵,一步步的很形象,有些工具似乎一会儿就通了...

数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

这类可视化的动画真的对我们了解数据结构和算法很是有帮助,特别是在进修之初,可谓很好的防劝退工具,所以我对这些做了一些整理,希望能帮助到你。


0x00 数据结构在线模拟器


Github 网址:https://github.com/IACJ/react-datastructer

在线网址:https://iacj.github.io/react-datastructer/#/

这个在线的模拟器包括“栈”、“行列”、“堆”、“BST” 等数据结构,每个数据结构以图像的方式展现在我们眼前,同时又有各自的帮助文档,可以用鼠标对数据节点停止拖拽,还可以实现各类数据结构的增删改查。

还有一点好的是,这个网站还陪伴着一些数据结构的讲授材料、简要的复杂度分析、数据结构利用实例,对于了解各类数据结构的道理及应用可以说是相当丝滑了...

数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166


网站上还带着利用说明和产物简介,可以说是相当贴心了...

数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

随意点开一个“堆”的,大师体验一下,能否是想赶紧用起来啦...


数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

0x01 VisuAlgo


英文网址:https://visualgo.net/en

中文网址:https://visualgo.net/zh

VisuAlgo 可以说是著名度比力高的一个经过动画进修算法和数据结构的网站了,它最初的建立就是经过可视化让门生更好的了解数据结构和算法。

VisuAlgo 的功用更丰富,它包括了很多的数据结构和算法,从简单的到复杂的都逐一包括,而且对于一些新出现的算法也有浏览,经过可视化动画的方式,帮助我们更轻松透彻的了解算法及道理,特别是对一些经过笔墨描写很难了解的算法而言,简直是生命之光。

VisuAlgo 还支持搜索和多种说话的切换,英语欠好的同学可以切换成中文,可是现在有一些算法中文翻译的并不全,所以假如能看英文的话还是倡议看中文的。


数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

我们随意点开一个排序来看,可以看到它包括之多,还带笔墨讲授、单步、回退、停息等功用,真的是功用丰富且强大,固然它不止于此,还包括着更多的工具等着我们去玩儿,赶紧行动起来吧。


数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

0x02 Data Structure Visualizations


网址:https://www.cs.usfca.edu/~galles/visualization/Algorithms.html

这是旧金山大学的一个数据结构和算法的可视化工具,不外它触及的内容没有 VisuAlgo 多,不外也触及了很多常用的数据结构和算法。

数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

我们随意翻开一个“栈”,左上角就有 Push(进站)、Pop(出栈)、Clear Stack(清空栈),下面可以设备对动画的一些参数,关于具体的利用,还需要大师多做尝试:


数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

0x03 Algorithm Visualizer


Github 网址:https://github.com/algorithm-visualizer/algorithm-visualizer

网址:https://algorithm-visualizer.org/

AV 一样包括了很多可视化的数据结构和算法,包括静态计划、加密算法、回溯算法等,这个项目在 Github 上有 25k+ 的 Star,足以见得它的受接待水平:

数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

一样随意点开一个“二叉搜索树”,包括演示地区、进程数据记录和代码演示的部分,而且在代码演示的部分,动画履行到某步的同时代码履行处也会同步,既可以了解代码也可以了解算法道理和进程,真的是相当棒!

数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

0x04 LeetCodeAnimation


网址:https://github.com/MisterBooo/LeetCodeAnimation

这个是我的好朋友法式员吴师兄(五分钟学算法)保护的项目,在 Github 上已经有了 44k+ 的 star,属于头部中的战役机。

这个项目努力于用动画的形式显现解LeetCode题目标思绪,我们学数据结构与算法,就是为了用,在现实具体的实操情况中常常更能加深对了解,在利用中了解,在了解中利用,才能更快的把握。

比如删除链表的倒数第 N 个节点:


数据结构和算法难了解?可视化动画网站带你轻松透彻了解_资讯_2020-2-20 16:12发布_从零开始_166

现在项目还在继续完善,我感觉大师应当 star 一下。


0x05 写在以后


虽然这篇文章先容的几种可视化动画,可以更轻松的了解数据结构和算法,但我还是倡议大师把这个当做一个帮助工具来用,了解今后还是要自己脱手写写画画,不要过度依靠,由于方便让人怠惰。


总会有新的工具需要你靠自己去了解,去进修,而不是每次都有通往目标地的捷径,大师共勉。

鲜花

握手

雷人

路过

鸡蛋
收藏 分享 邀请

相关阅读

发表评论

最新评论

鬼子进了村部 2020-2-20 16:20
转发了
麦子971 2020-2-20 16:19
转发了
去火星三小时自 2020-2-20 16:18
转发了
杨俊语语il 2020-2-20 16:17
转发了
jiaguangqin 2020-2-20 16:17
转发了
麦子971 2020-2-20 16:17
转发了
纵横捭阖804 2020-2-20 16:16
转发了
便宜老鼠药沼 2020-2-20 16:16
转发了
梨波儿 2020-2-20 16:15
转发了
阿阳937 2020-2-20 16:15
转发了
醉于山水 2020-2-20 16:15
转发了
FREEDOM326 2020-2-20 16:14
VisuAlgo是我算法课教授做的[捂脸]我还贡献了几个功能[捂脸]
章牛险 2020-2-20 16:13
这个好,这个好[赞][赞]
更强 2020-2-20 16:13
好文章 多发点
123457000 2020-2-20 16:12
劝急功近利的诸君…先把算法看明白再搞AI吧
gnmpmnuy35327 2020-2-20 16:12
可视化动画网站讲数据结构与算法

查看全部评论(16)

一周热门

头条攻略!

日排行榜

相关分类