推荐一个采用方便程序员在线动画学习常用算法的良心网站

一个名为algorithm-visualizer的网站提供了算法学习的全新方式,通过直观的动画演示各种算法的工作原理,包括冒泡排序、斐波那契数列、二叉树遍历和迪杰斯特拉算法等。用户可以控制动画的播放速度和步骤,甚至回溯执行过程。该网站源代码开源,欢迎贡献新动画。

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

进去之后的页面是程序员熟悉的码农风格:

假设我想学习冒泡排序算法,在搜索栏里输入sort,在结果列表里选择bubble sort:

点击之后,排序操作处于就绪状态,点击play开始:

此时右边的JavaScript代码像我们平时单步调试一样逐行执行,同时每一步执行后排序的效果在屏幕正中实时显示:

比单步调试更强大之处是,我们能随时回退到前面的执行结果,通过下图高亮的84/144这个柱状开关控制。144意思是这个排序全过程总共要进行144次单步执行,当前已经执行了84步。自动播放的速度也可以在下图所示的Speed开关控制。

这是非波拉契数列的生成动画:

二叉树的遍历动画:

Dijkstra迪杰斯特拉算法最短路径算法:

有了这个网站,算法学习从此不再枯燥。这个网站的源代码是完全开源的,如果你有新的算法想给全世界的编程爱好者展示,可以按照Readme.md里定义的规范,提交您的动画。

https://github.com/algorithm-visualizer/algorithm-visualizer

截至2019年3月16日,已经有14000多个赞了,顺手去点一个吧。

本文来自云栖社区合作伙伴“汪子熙”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值