網址：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的原創文章，請關註公眾號"汪子熙":

推薦一個采用方便程序員在線動畫學習常用算法的良心網站