前言

算法為王。
想學(xué)好前端，先練好內(nèi)功，內(nèi)功不行，就算招式練的再花哨，終究成不了高手；只有內(nèi)功深厚者，前端之路才會(huì)走得更遠(yuǎn)。

強(qiáng)烈推薦 GitHub 上值得前端學(xué)習(xí)的數(shù)據(jù)結(jié)構(gòu)與算法項(xiàng)目，包含 gif 圖的演示過(guò)程與視頻講解。

筆者 GitHub：https://github.com/biaochenxuying/blog。

GitHub 項(xiàng)目

數(shù)據(jù)結(jié)構(gòu)與算法

關(guān)于數(shù)據(jù)結(jié)構(gòu)與算法的 GitHub 項(xiàng)目，star 數(shù)由高到低排序。

• javascript-algorithms（51.3k） 該倉(cāng)庫(kù)包含了多種基于 JavaScript 的算法與數(shù)據(jù)結(jié)構(gòu)，提供進(jìn)一步閱讀的解釋和鏈接。 每種算法和數(shù)據(jù)結(jié)構(gòu)都有自己的 README，包含相關(guān)說(shuō)明和鏈接，以便進(jìn)一步閱讀 (還有 YouTube 視頻) 。
• Algorithm_Interview_Notes-Chinese（24.6k） 2018/2019/校招/春招/秋招/算法/機(jī)器學(xué)習(xí)(Machine Learning)/深度學(xué)習(xí)(Deep Learning)/自然語(yǔ)言處理(NLP)/C/C++/Python/面試筆記
• algorithm-visualizer（23k） 算法可視化工具是一個(gè)交互式的在線(xiàn)平臺(tái)，可以從代碼中可視化算法。
• swift-algorithm-club（20.8k） 算法和數(shù)據(jù)結(jié)構(gòu)迅速，有解釋 ！
• algorithms（15.4k） Python中數(shù)據(jù)結(jié)構(gòu)和算法的最小示例。
• algo（8.3k） 數(shù)據(jù)結(jié)構(gòu)和算法必知必會(huì)的50個(gè)代碼實(shí)現(xiàn)。
• awesome-algorithms（6.4k） 一份很棒的學(xué)習(xí)和/或練習(xí)算法的地方的整理清單。
• algorithms 對(duì)Jeff的算法書(shū)、筆記等進(jìn)行錯(cuò)誤跟蹤
• javascript-algorithms（5.4k） 此存儲(chǔ)庫(kù)包含不同著名計(jì)算機(jī)科學(xué)算法的 javascript 實(shí)現(xiàn)。
• Learn-Algorithms（3.8k） 算法學(xué)習(xí)筆記。
• AlgoXY（3.8k） 基本算法和數(shù)據(jù)結(jié)構(gòu)手冊(cè)。
• JS-Sorting-Algorithm（2.9k） 一本關(guān)于排序算法的 GitBook 在線(xiàn)書(shū)籍 《十大經(jīng)典排序算法》，使用 JavaScript & Python & Go & Java 實(shí)現(xiàn)。
• JavaScript 更多 ...
• 其他語(yǔ)言，更多 ...

LeetCode

關(guān)于 LeetCode 的 GitHub 項(xiàng)目，star 數(shù)由高到低排序。

• LeetCodeAnimation（36k） 用動(dòng)畫(huà)的形式呈現(xiàn)解LeetCode題目的思路。
• leetcode（13.6k） leetcode 題解，記錄自己的leetcode解題之路。
• leetcode（11.2k） leetcode 問(wèn)題解決方案。
• leetcode（7.7k） LeetCode題解，151道題完整版。
• awesome-java-leetcode（6.2k） LeetCode算法與Java解決方案（更新）。
• vscode-leetcode（4.1k） 在 VS Code 中練習(xí) LeetCode。
• LintCode（3.4k） LintCode/LeetCode 的 Java 解決方法。
• algorithm-exercise（2.6k） 數(shù)據(jù)結(jié)構(gòu)與算法/leetcode/lintcode題解/
• 更多 ...

JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美

JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 系列文章，包含了 十大經(jīng)典排序算法 的思想、代碼實(shí)現(xiàn)、一些例子、復(fù)雜度分析、動(dòng)畫(huà)、還有算法可視化工具。

這應(yīng)該是目前最精簡(jiǎn)的 JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法 的講解了吧。

• 1. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 時(shí)間和空間復(fù)雜度
• 2. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 線(xiàn)性表（數(shù)組、隊(duì)列、棧、鏈表）
• 3. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 實(shí)現(xiàn)一個(gè)前端路由，如何實(shí)現(xiàn)瀏覽器的前進(jìn)與后退 ？
• 4. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 棧內(nèi)存與堆內(nèi)存 、淺拷貝與深拷貝
• 5. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 遞歸
• 6. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 非線(xiàn)性表（樹(shù)、堆）
• 7. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 冒泡排序、選擇排序、插入排序
• 8. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 歸并排序、快速排序、希爾排序、堆排序
• 9. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 計(jì)數(shù)排序、桶排序、基數(shù)排序
• 10. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 十大經(jīng)典排序匯總
• 11. JavaScript 數(shù)據(jù)結(jié)構(gòu)與算法之美 - 優(yōu)秀程序員都應(yīng)該學(xué)習(xí)的 GitHub 上開(kāi)源的數(shù)據(jù)結(jié)構(gòu)與算法項(xiàng)目

算法可視化工具

• 算法可視化工具 algorithm-visualizer 算法可視化工具 algorithm-visualizer 是一個(gè)交互式的在線(xiàn)平臺(tái)，可以從代碼中可視化算法，還可以看到代碼執(zhí)行的過(guò)程。

效果如下圖。

旨在通過(guò)交互式可視化的執(zhí)行來(lái)揭示算法背后的機(jī)制。

• 算法可視化來(lái)源 https://visualgo.net/en 效果如下圖。

• https://www.ee.ryerson.ca

• illustrated-algorithms

變量和操作的可視化表示增強(qiáng)了控制流和實(shí)際源代碼。您可以快速前進(jìn)和后退執(zhí)行，以密切觀(guān)察算法的工作方式。

最后

覺(jué)得有用 ？喜歡就收藏，順便點(diǎn)個(gè)贊吧，你的支持是我最大的鼓勵(lì)！

筆者 GitHub：https://github.com/biaochenxuying/blog

推薦閱讀：

重磅：硬核前端面試開(kāi)源項(xiàng)目匯總（進(jìn)大廠(chǎng)必備）?mp.weixin.qq.comGitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開(kāi)源項(xiàng)目?mp.weixin.qq.com

筆者的技術(shù)博客首發(fā)地址如下：

總結(jié)

以上是生活随笔為你收集整理的一般项目中哪里体现了数据结构_优秀程序员都应该学习的数据结构与算法项目（GitHub 开源清单）...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。