强烈推荐 GitHub 上值得前端学习的数据结构与算法项目

前言

算法为王。

想学好前端，先练好内功，内功不行，就算招式练的再花哨，终究成不了高手；只有内功深厚者，前端之路才会走得更远。

强烈推荐 GitHub 上值得前端学习的数据结构与算法项目，包含 gif 图的演示过程与视频讲解。

GitHub 项目

数据结构与算法

关于数据结构与算法的 GitHub 项目，star 数由高到低排序。

•javascript-algorithms（51.3k）^[1] 该仓库包含了多种基于 JavaScript 的算法与数据结构，提供进一步阅读的解释和链接。每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。•Algorithm_Interview_Notes-Chinese（24.6k）^[2] 2018/2019/校招/春招/秋招/算法/机器学习(Machine Learning)/深度学习(Deep Learning)/自然语言处理(NLP)/C/C++/Python/面试笔记•algorithm-visualizer（23k）^[3] 算法可视化工具是一个交互式的在线平台，可以从代码中可视化算法。•swift-algorithm-club（20.8k）^[4] 算法和数据结构迅速，有解释 ！•algorithms（15.4k）^[5] Python中数据结构和算法的最小示例。•algo（8.3k）^[6] 数据结构和算法必知必会的50个代码实现。•awesome-algorithms（6.4k）^[7] 一份很棒的学习和/或练习算法的地方的整理清单。•algorithms^[8] 对Jeff的算法书、笔记等进行错误跟踪•javascript-algorithms（5.4k）^[9] 此存储库包含不同著名计算机科学算法的 javascript 实现。•Learn-Algorithms（3.8k）^[10] 算法学习笔记。•AlgoXY（3.8k）^[11] 基本算法和数据结构手册。•JavaScript 更多 ... ^[12]•其他语言，更多 ... ^[13]

LeetCode

关于 LeetCode 的 GitHub 项目，star 数由高到低排序。

•LeetCodeAnimation（36k）^[14] 用动画的形式呈现解LeetCode题目的思路。•leetcode（13.6k）^[15] leetcode 题解，记录自己的leetcode解题之路。•leetcode（11.2k）^[16] leetcode 问题解决方案。•leetcode（7.7k）^[17] LeetCode题解，151道题完整版。•awesome-java-leetcode（6.2k）^[18] LeetCode算法与Java解决方案（更新）。•vscode-leetcode（4.1k）^[19] 在 VS Code 中练习 LeetCode。•LintCode（3.4k）^[20] LintCode/LeetCode 的 Java 解决方法。•algorithm-exercise（2.6k）^[21] 数据结构与算法/leetcode/lintcode题解/•更多 ... ^[22]

算法可视化工具

•算法可视化工具 algorithm-visualizer^[23]算法可视化工具 algorithm-visualizer 是一个交互式的在线平台，可以从代码中可视化算法，还可以看到代码执行的过程。

效果如下图。

旨在通过交互式可视化的执行来揭示算法背后的机制。

•illustrated-algorithms^[24]

变量和操作的可视化表示增强了控制流和实际源代码。您可以快速前进和后退执行，以密切观察算法的工作方式。

JavaScript 数据结构与算法之美

JavaScript 数据结构与算法之美系列是笔者写的， 用的语言是 JavaScript ，旨在入门数据结构与算法和方便以后复习。

•1. JavaScript 数据结构与算法之美 - 时间和空间复杂度^[25]•2. JavaScript 数据结构与算法之美 - 线性表（数组、队列、栈、链表）^[26]•3. JavaScript 数据结构与算法之美 - 实现一个前端路由，如何实现浏览器的前进与后退 ？^[27]•4. JavaScript 数据结构与算法之美 - 栈内存与堆内存 、浅拷贝与深拷贝^[28]•5. JavaScript 数据结构与算法之美 - 递归^[29]•6. JavaScript 数据结构与算法之美 - 非线性表（树、堆）^[30]•7. JavaScript 数据结构与算法之美 - 冒泡排序、选择排序、插入排序^[31]•8. JavaScript 数据结构与算法之美 - 归并排序、快速排序、希尔排序、堆排序^[32] | 精彩待续•9. JavaScript 数据结构与算法之美 - 计数排序、桶排序、基数排序^[33] | 精彩待续•10. JavaScript 数据结构与算法之美 - 十大经典排序汇总^[34] | 精彩待续•11. JavaScript 数据结构与算法之美 - 强烈推荐 GitHub 上值得前端学习的数据结构与算法项目^[35]

最后

觉得有用 ？喜欢就点个赞吧。

往期精文

1. 分享高效使用 Chrome 浏览器调试前端代码的技巧

2. 前端架构师亲述：前端工程师成长之路的 N 问 及 回答

3. ES6 完全使用手册

4. ES6 系列之我们来聊聊 Async

References

[1] javascript-algorithms（51.3k）: https://github.com/trekhleb/javascript-algorithms
[2] Algorithm_Interview_Notes-Chinese（24.6k）: https://github.com/imhuay/Algorithm_Interview_Notes-Chinese
[3] algorithm-visualizer（23k）: https://github.com/algorithm-visualizer/algorithm-visualizer
[4] swift-algorithm-club（20.8k）: https://github.com/raywenderlich/swift-algorithm-club
[5] algorithms（15.4k）: https://github.com/keon/algorithms
[6] algo（8.3k）: https://github.com/wangzheng0822/algo
[7] awesome-algorithms（6.4k）: https://github.com/tayllan/awesome-algorithms
[8] algorithms: https://github.com/jeffgerickson/algorithms
[9] javascript-algorithms（5.4k）: https://github.com/mgechev/javascript-algorithms
[10] Learn-Algorithms（3.8k）: https://github.com/nonstriater/Learn-Algorithms
[11] AlgoXY（3.8k）: https://github.com/liuxinyu95/AlgoXY
[12] JavaScript 更多 ... : https://github.com/search?l=JavaScript&o=desc&q=algo&s=stars&type=Repositories
[13] 其他语言，更多 ... : https://github.com/search?o=desc&p=1&q=algo&s=stars&type=Repositories
[14] LeetCodeAnimation（36k）: https://github.com/MisterBooo/LeetCodeAnimation
[15] leetcode（13.6k）: https://github.com/azl397985856/leetcode
[16] leetcode（11.2k）: https://github.com/haoel/leetcode
[17] leetcode（7.7k）: https://github.com/soulmachine/leetcode
[18] awesome-java-leetcode（6.2k）: https://github.com/Blankj/awesome-java-leetcode
[19] vscode-leetcode（4.1k）: https://github.com/jdneo/vscode-leetcode/blob/master/docs/README_zh-CN.md
[20] LintCode（3.4k）: https://github.com/awangdev/LintCode
[21] algorithm-exercise（2.6k）: https://github.com/billryan/algorithm-exercise
[22] 更多 ... : https://github.com/search?o=desc&p=1&q=leetcode&s=stars&type=Repositories
[23] algorithm-visualizer: https://github.com/algorithm-visualizer/algorithm-visualizer
[24] illustrated-algorithms: https://github.com/skidding/illustrated-algorithms
[25] 1. JavaScript 数据结构与算法之美 - 时间和空间复杂度: https://github.com/biaochenxuying/blog/issues/29
[26] 2. JavaScript 数据结构与算法之美 - 线性表（数组、队列、栈、链表）: https://github.com/biaochenxuying/blog/issues/34
[27] 3. JavaScript 数据结构与算法之美 - 实现一个前端路由，如何实现浏览器的前进与后退 ？: https://github.com/biaochenxuying/blog/issues/30
[28] 4. JavaScript 数据结构与算法之美 - 栈内存与堆内存 、浅拷贝与深拷贝: https://github.com/biaochenxuying/blog/issues/35
[29] 5. JavaScript 数据结构与算法之美 - 递归: https://github.com/biaochenxuying/blog/issues/36
[30] 6. JavaScript 数据结构与算法之美 - 非线性表（树、堆）: https://github.com/biaochenxuying/blog/issues/37
[31] 7. JavaScript 数据结构与算法之美 - 冒泡排序、选择排序、插入排序: https://github.com/biaochenxuying/blog/issues/39
[32] 8. JavaScript 数据结构与算法之美 - 归并排序、快速排序、希尔排序、堆排序: https://github.com/biaochenxuying/blog/issues/40
[33] 9. JavaScript 数据结构与算法之美 - 计数排序、桶排序、基数排序: https://github.com/biaochenxuying/blog/issues/41
[34] 10. JavaScript 数据结构与算法之美 - 十大经典排序汇总: https://github.com/biaochenxuying/blog/issues/42
[35] 11. JavaScript 数据结构与算法之美 - 强烈推荐 GitHub 上值得前端学习的数据结构与算法项目: https://github.com/biaochenxuying/blog/issues/43