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

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

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

相關推薦

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

網址:https://algorithm-visualizer.org/ 進去之後的頁面是程式設計師熟悉的碼農風格: 假設我想學

程式設計師減壓放鬆的 10 個良心網站

工作之餘,不妨放下微博跟朋友圈,來這10個網站感受一下看著就醉了的情境:「唸完往上一推音樂鍵,我往後一靠,潮乎乎的軟皮耳機裡頭,音樂排山倒海。」今天推薦的網站,利用代入感強的圖片與音訊,迅速幫你抹平焦慮,獲得平和心態,特別獻需求改千遍的程式設計師們。 1.Calm 這是同類型中最火的網站了,

10個幫程式設計師和站長減壓放鬆的良心網站

1.  Calm 這是同類型中最火的網站了,站如其名,「平和」,通過自然的影象(陽光下的暖流、淙淙的小溪等)與緩緩的音樂,幫你在短時間內放鬆下來。 左側有時間設定,從 2 分鐘到 20 分鐘,右底部可以改變音訊、影象,調節音量等。還有 IOS 客戶端下載呦。 「木頭人,兩分鐘」,這是一個簡單到極

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

定義 visual 學習 文章 -668 play 技術分享 自動 我想 網址:https://algorithm-visualizer.org/ 進去之後的頁面是程序員熟悉的碼農風格: 假設我想學習冒泡排序算法,在搜索欄裏輸入sort,在結果列表裏選擇bubble so

一個即將離開程式設計師群體的熱愛程式碼的老程式設計師的獨白

我學歷很差 ,我能力也很差,我工作6年經驗,快到30歲了,現在 在上海,作為一個老員工,在公司沒有任何作用。 我很愛程式設計,但是因為一些原因,我的學習能力比一般人差很多,雖然我很努力,但是也不可能,甚至達到他們起點的水平 ,最近面試了一些企業,都不理想,我知道是我能力不行,所以我再給自己6次機

如何成為一個好的程式設計師之(一)學會 Debug

除錯(Debug)是成為一個程式設計師的基石。除錯這個詞第一個含義即是移除錯誤,但真正有意義的含義是,通過檢查來觀察程式的執行。一個不會除錯的程式設計師等同於瞎子。 理想主義者認為設計、分析、複雜的理論或其他東西,是更基本的東西,他們不是現實的程式設計師。現實的程式設計師不會活在理想的世

一個專科生的程式設計師之路

沒有BAT的offer,也沒有奮鬥史,甚至連一個最基本的offer都沒有,有的只是覺悟。 面臨高考         高考就是八仙過海,各顯神通,覺悟高的人可以從高一開始,將每一天都過得很充實,然後為了高考去努力學習,又或者很聰明的人

一個六年程式設計師的歲月沉浮,成長之路!

開篇: 本人從事Java開發有六年了,因為我比較貪玩,上進心不那麼強。總是逼不得已為了高薪跳槽才去學習, 所以也沒混成什麼大牛, 但好在現在也已經成家立業, 小日子過的還算滋潤, 起碼頂得住一月近萬元的吃喝拉撒玩各種貸款信用卡 不為金錢過於發愁了。 我特別感謝當初CSDN上遇見的那位大神,

一個優秀的程式設計師該有的幾個好習慣

1. 看到下次還經常用的函式程式碼就會封裝,然後儲存; 注意這裡提到的,先封裝到一個類中,這樣就能避免每段程式碼都儲存到一個檔案中,下次使用時可以直接拷這個類使用; 2. 系統地學習的時候,多看業內大牛的部落格,這樣能大大提高學習的效率; 學習一流的大牛的部落格,只要肯花功夫,成為一個二流的業內人是沒問

一個合格的程式設計師應該讀過哪些書。

“如果能時光倒流,回到過去,作為一個開發人員,你可以告訴自己在職業生涯初期應該讀一本, 你會選擇哪本書呢?我希望這個書單列表內容豐富,可以涵蓋很多東西。” 很多程式設計師響應,他們在推薦時也寫下自己的評語。 以前就有國內網友介紹這個程式設計師書單,不過都是推薦數 Top 10的

這是一個悲傷的程式設計師愛情故事

          程式設計師的愛情,少了點浪漫,多了點bug。         小馬,科班出身,畢業後順利進入了一家軟體開發公司,可能天生就是幹程式設計師的料,沉默寡言,但是遇到程式難題樂於鑽研

一個BAT老程式設計師的忠告!

一、在中國你千萬不要因為學習技術就可以換來穩定的生活和高的薪水待遇,你更不要認為那些從事市場開發,跑腿的人,沒有前途。 不清楚你是不是知道,咱們中國有相當大的一部分軟體公司,他們的軟體開發團隊都小的可憐,甚至只有1-3個人,連一個專案小組都算不上,而這樣的團隊卻要承擔一個軟體公司所有的軟體開發任務,在軟

JavaScript實現線上生成高強度隨機密碼工具-toolfk程式設計師線上工具網

    本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱,ToolFk 特色是專注於程式設計師日常的開發工具,不用安裝任何軟體,只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援  BarCode條形碼線上生成、&nb

今天算是我的第一個10.24程式設計師節吧,記錄由VGG16復現過程中初見的用法、函式等,以此起步。

1.a[len(a):len(a)]=[] a=[] a[len(a):len(a)]=[]可以用來擴充套件list,類似append,但是append,又類似於”整體加入“ a=[8,9] print(a) a[len(a):len(a)]=[1,2,3] print(a,) a

一個JS程式設計師對機器學習的概念簡單手記

為什麼要學習機器學習,我認為有以下重要的三點: 可縮短我們的程式設計時間,比如可以通過機器學習學習垃圾話樣本,進行更快速更精準的垃圾話的檢測 普通程式設計方法難以解決的問題,比如使用者潛在喜好和使用者行為的預測 更重要的是擴寬我們程式設計師的思維邏輯,對於適用的方向能夠提出這方面的構思

一個開心的程式設計師

我能講剛剛想去噹噹買個android瘋狂講義,然後一手抖下了一大堆單嗎。 嗚嗚嗚。 還有當當的定價當真是飛檐走壁,隨心所欲。 特別是這種滿減活動的時候,價格飆到你害怕。都是套路。 2018年過去一大半了, 這半年來,越發的迷茫了。 說好了做一個開心的程式設計師的,可是畢業一年多了

線上文字比較工具-toolfk程式設計師線上工具網

本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱,ToolFk 特色是專注於程式設計師日常的開發工具,不用安裝任何軟體,只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援  BarCode條形碼線上生成、 QueryList採集

線上思維導圖工具-toolfk程式設計師線上工具網

 本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱,ToolFk 特色是專注於程式設計師日常的開發工具,不用安裝任何軟體,只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援  BarCode條形碼線上生成、 QueryLi

Linux常用命令大全-toolfk程式設計師線上工具網

   本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱,ToolFk 特色是專注於程式設計師日常的開發工具,不用安裝任何軟體,只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援  BarCode條形碼線上生成

線上短地址轉換聚合工具-toolfk程式設計師線上工具網

    本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱,ToolFk 特色是專注於程式設計師日常的開發工具,不用安裝任何軟體,只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援  BarCode條形碼線上生