前言

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

強烈推薦 GitHub 上值得前端學習的數據結構與算法項目，包含 gif 圖的演示過程與視頻講解。

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

GitHub 項目

數據結構與算法

關于數據結構與算法的 GitHub 項目，star 數由高到低排序。

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

LeetCode

關于 LeetCode 的 GitHub 項目，star 數由高到低排序。

• LeetCodeAnimation（36k） 用動畫的形式呈現解LeetCode題目的思路。
• leetcode（13.6k） leetcode 題解，記錄自己的leetcode解題之路。
• leetcode（11.2k） leetcode 問題解決方案。
• leetcode（7.7k） LeetCode題解，151道題完整版。
• awesome-java-leetcode（6.2k） LeetCode算法與Java解決方案（更新）。
• vscode-leetcode（4.1k） 在 VS Code 中練習 LeetCode。
• LintCode（3.4k） LintCode/LeetCode 的 Java 解決方法。
• algorithm-exercise（2.6k） 數據結構與算法/leetcode/lintcode題解/
• 更多 ...

JavaScript 數據結構與算法之美

JavaScript 數據結構與算法之美 系列文章，包含了 十大經典排序算法 的思想、代碼實現、一些例子、復雜度分析、動畫、還有算法可視化工具。

這應該是目前最精簡的 JavaScript 數據結構與算法 的講解了吧。

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

算法可視化工具

• 算法可視化工具 algorithm-visualizer 算法可視化工具 algorithm-visualizer 是一個交互式的在線平臺，可以從代碼中可視化算法，還可以看到代碼執行的過程。

效果如下圖。

旨在通過交互式可視化的執行來揭示算法背后的機制。

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

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

• illustrated-algorithms

變量和操作的可視化表示增強了控制流和實際源代碼。您可以快速前進和后退執行，以密切觀察算法的工作方式。

最后

覺得有用 ？喜歡就收藏，順便點個贊吧，你的支持是我最大的鼓勵！

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

推薦閱讀：

重磅：硬核前端面試開源項目匯總（進大廠必備）?mp.weixin.qq.comGitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目?mp.weixin.qq.com

筆者的技術博客首發地址如下：

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。