推薦一個採用方便程式設計師線上動畫學習常用演算法的良心網站

i042416發表於2019-04-13

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


推薦一個採用方便程式設計師線上動畫學習常用演算法的良心網站


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2641250/,如需轉載,請註明出處,否則將追究法律責任。

相關文章