学算法必备的一个网站与 app

男娘i 2022-12-26 14:27 212阅读 0赞

公众号关注 “五分钟学算法”

设为 “星标”，带你挖掘更多开发神器！

![format_png][]

大家好，我是小 G。

众所周知，程序员都需要翻越数据结构与算法这座大山，有的大神可以到达山顶领略更美好的风景，有的则在半山腰停下了绝不，而有的则在山底徘徊找不到上山的路径。

如果想要舒服的入门学习数据结构与算法，那我这两个辅助工具，一个是网站，一个是 app，它们的作用都是可以帮助你更加形象的理解数据结构与算法，因为它们都具备可视化的功能，再也不用担心在山底无助的摸索。

网站是 VisuAlgo，app 是算法动画图解。

**1、VisuAlgo**

VisuAlgo 是由 Steven Halim 博士在 2011 年发布的一款可视化学习算法的工具，用于帮助其学生更好地理解数据结构和算法， 它具备暂停、单步、回退等功能，可以实时的帮助学生更直观的理解代码的执行过程。

打开 https://visualgo.net/zh 一探究竟（是的，这个网站支持中文）。

直接映入眼帘的便是程序员常用的数据结构与算法，像排序、位掩码、链表、哈希表、二叉堆、二叉搜索树等常见算法动画应有尽有，就连高级的数据结构比如图、并查集、线段树等也安排的明明白白。

以我们第一个接触的算法冒泡排序为例，看看 VisuAlgo 是如何帮助学生更直观的理解数据结构与算法的。

![format_png 1][]

首先进入冒泡排序的页面，在左下角创建模拟的排序数组，根据需要，可以将排序数组的数据具备一定的特殊性，比如是否近乎有序（一般情况下，近乎有序的时候采取插入排序效果最好）。

![format_png 2][]

创建好数组好，点击 排序 --> 执行，可以看到上方的矩形开始运动交换，相应的，右下角也在跳动着代码，期间，你可以随时的暂停仔细琢磨代码与动画对应的逻辑。

![format_png 3][]

![format_png 4][]

**2、算法动画图解**

「算法动画图解」是一款可以在手机上运行的应用，可以在 App Store 以及各大应用市场下载，它用动画的形式帮你把基础算法捋一遍，每个算法动画的操作都是可以暂停、回退。

依旧以我们第一个接触的算法冒泡排序为例，看看 「算法动画图解」 是如何帮助学生更好的理解数据结构与算法的。

以上，便是今天的分享，觉得内容对你有所帮助的，还请点个「**在看**」支持，谢谢各位啦~

推荐阅读：

[他，生物系毕业，刚入职连 Java 都没听过，却在马云的要求下，三周写出淘宝网雏形][Java]

[再见，Visio！][Visio]

[神器 Typora ！][Typora]

![format_png 5][]

[format_png]: /images/20221120/a5cb4bb7dc834ae89ffb2b0cdcd6dc68.png
[format_png 1]: /images/20221120/66d8a8cbd06e4f798cd16e9d521cc57c.png
[format_png 2]: /images/20221120/384e28e3d9dc4d79a5e851ecf716838a.png
[format_png 3]: /images/20221120/fb26f02119424eeba999ff7434a378a0.png
[format_png 4]: /images/20221120/5c6ebc5c167045628ce7b0f2676b7815.png
[Java]: http://mp.weixin.qq.com/s?__biz=MzI1OTQ2MTk4MQ%3D%3D&chksm=ea79c18bdd0e489dc2a4643cdee8a6ac7033d7f632607d4f989ad2bfee5436645c40c4fec5e1&idx=1&mid=2247485369&scene=21&sn=2348d65c2d351bc9f929c68ab9036121#wechat_redirect
[Visio]: http://mp.weixin.qq.com/s?__biz=MzI1OTQ2MTk4MQ%3D%3D&chksm=ea79c16edd0e487839508382716a95cbcd640d9c8f0c387aa6006b2502ddd98506b4d754fecd&idx=1&mid=2247485276&scene=21&sn=06a43881ecd7b90a6fc8b7809a7afa11#wechat_redirect
[Typora]: http://mp.weixin.qq.com/s?__biz=MzU1ODg0OTkxNQ%3D%3D&chksm=fc2102fecb568be806c99460162402a16a7293b052b4dc394727267e244537d9132a8b1adaa3&idx=1&mid=2247485674&scene=21&sn=e25833e3a95749d57016e9aca86eba5e#wechat_redirect
[format_png 5]: /images/20221120/6189db7022554c07b41295efae29e195.png