专栏首页Jerry的SAP技术分享推荐一个采用方便程序员在线动画学习常用算法的良心网站
原创

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

网址: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多个赞了,顺手去点一个吧。

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SAP UI5 Web Component不同React页面的跳转实现

    (1) 从react-router-dom里导入Switch,Route和Redirect组件:

    Jerry Wang
  • ABAP的Package interface, 安卓的manifest.xml和Kubernetes的Capabilities

    版权声明:本文为博主汪子熙原创文章,未经博主允许不得转载。 https://jerry.blog....

    Jerry Wang
  • 使用com.sun.imageio.plugins.png.PNGMetadata读取图片的元数据

    所谓图片元数据,就是除了我们肉眼看到的图片内容外,隐藏在这些内容背后的一些技术数据。

    Jerry Wang
  • XPath 使用笔记

    xpath 的语法主要是使用的 /name/*[]|//*[@name] 的语法规则。

    zucchiniy
  • 手写一个基于NIO的迷你版Tomcat

    在很久之前看到了一篇文章写一个迷你版的Tomcat,觉得还是很有意思的,于是也跟着手敲了一遍,果不其然得出了想要的hello world,但是他这个是基于B...

    beifengtz
  • 队花的烦恼一

    ACM队的队花C小+经常抱怨:“C语言中的格式输出中有十六、十、八进制输出,然而却没有二进制输出,哎,真遗憾!谁能帮我写一个程序实现输入一个十进制数n,输出它的...

    书童小二
  • 极大提高工作效率的神级软件推荐

    作为日常办公的必需品,电脑发挥了不可替代的作用。但是我感觉身边好多朋友对电脑使用并不能说是很6,一些好的软件没人用,这就导致我们的效率比较低。

    SAnBlog
  • 『深度概念』理解多标签图像分类任务的MAP评价方法

    多标签图像分类(Multi-label Image Classification)任务中图片的标签不止一个,因此评价不能用普通单标签图像分类的标准,即me...

    小宋是呢
  • leetcode473. Matchsticks to Square

    Remember the story of Little Match Girl? By now, you know exactly what matchstic...

    眯眯眼的猫头鹰
  • 【每日一题】亲密数

    题目描述 两个不同的自然数A和B,如果整数A的全部因子(包括1,不包括A本身)之和等于B;且整数B的全部因子(包括1,不包括B本身)之和等于A,则将整数A和B称...

    编程范 源代码公司

扫码关注云+社区

领取腾讯云代金券