輕松學(xué)算法的秘密!可視化算法網(wǎng)站匯總!(附動(dòng)圖)

對(duì)于「算法」的第一印象，我相信大部分人都是一樣的，就是一個(gè)“難”字了得。

而我比較特殊，我的第一印象、第二印象以至第 N 印象都覺得很難，所以為了更好的學(xué)習(xí)和理解算法，我千金一擲一下買了一堆的算法書。

但說實(shí)話，效果不是很好，于是磊哥就琢磨有沒有更簡(jiǎn)單的學(xué)習(xí)算法的方法？沒想到還真被我找到了，真實(shí)應(yīng)了那句老話“瞎貓碰到死耗子”，呸、不對(duì)，是“苦心人天不負(fù)”。

那究竟如何輕松的學(xué)習(xí)算法呢？答案就是下面要介紹的這幾個(gè)網(wǎng)站。

有了這幾個(gè)網(wǎng)站就可以讓你以動(dòng)畫的形式，看到算法的具體執(zhí)行過程和數(shù)據(jù)的具體結(jié)構(gòu)，還有算法的文字講解以及算法的具體實(shí)現(xiàn)代碼，接下來一起來看吧。

DataStructureVisualizations

一個(gè)數(shù)據(jù)可視化和算法可視化的網(wǎng)站，用它可以生成各種各樣的數(shù)據(jù)結(jié)構(gòu)，模擬它們添加和刪除的過程，而且還可以用它來演示算法的執(zhí)行過程。

內(nèi)容演示

比如，我們用它來模擬一個(gè)二叉搜索樹，如下圖所示：

我們?cè)儆盟鼇硌菔疽幌驴焖倥判蛩惴ǎ缦聢D所示：

網(wǎng)站特點(diǎn)

Data Structure Visualizations 包含了很多的內(nèi)容，如：常見的數(shù)組、鏈表、隊(duì)列、二叉搜索樹、紅黑樹、各種排序等，如下圖所示：

訪問地址

https://www.cs.usfca.edu/~galles/visualization/Algorithms.html

VisuAlgo

此網(wǎng)站包含了更多的算法，這個(gè)從首頁就可以看出來，不僅如此，它還支持關(guān)鍵字檢索，如下圖所示：

此網(wǎng)站除了可以以動(dòng)畫的方式演示算法之外，還包含了算法的文字講解，如下圖所示：

內(nèi)容演示

接下來我們演示一下冒泡排序的執(zhí)行過程，如下圖所示：

網(wǎng)站特點(diǎn)

• 提供了算法的檢索功能
• 更多的算法支持
• 可自定義測(cè)試數(shù)據(jù)
• 文字講解
• ......

訪問地址

https://visualgo.net/zh

algorithm-visualizer

此網(wǎng)站也支持很多算法，并且此網(wǎng)站提供算法的具體代碼實(shí)現(xiàn)，它支持的語言有：Java，C++，JS 等，還有控制臺(tái)也會(huì)輸出整個(gè)執(zhí)行的過程，能幫你更好的理解算法，如下圖所示：

內(nèi)容演示

我們用它來演示一下冒泡排序的執(zhí)行過程，如下圖所示：

網(wǎng)站特點(diǎn)

• 算法可視化
• 算法的具體實(shí)現(xiàn)代碼（支持 Java、C++、JS 等語言）
• 控制臺(tái)執(zhí)行步驟輸出（幫助你更好的理解算法）
• ......

訪問地址

https://algorithm-visualizer.org/

總結(jié)

有了這些可視化工具之后，我們就可以更簡(jiǎn)單的學(xué)習(xí)算法了，這三個(gè)網(wǎng)站各有春秋，你可以使用 Data Structure Visualizations 來了解數(shù)據(jù)結(jié)構(gòu)，使用 VisuAlgo 和 algorithm-visualizer 來查看算法的具體執(zhí)行過程，并使用 algorithm-visualizer 來查看算法的具體實(shí)現(xiàn)代碼，真是非常方便，趕快去試試吧。

最后的話

原創(chuàng)不易，都看到這了，點(diǎn)個(gè)「在看」再走唄，這是對(duì)我最大的支持與鼓勵(lì)，謝謝你！

我的 75k Star 開源項(xiàng)目 JavaGuide 總結(jié)而成的PDF版本的《JavaGuide面試突擊版》，公眾號(hào)后臺(tái)回復(fù)“面試突擊”即可獲取最新版本！安排！