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

灵魂画师牧码

发布于 2019-08-20 16:32:51

7640

发布于 2019-08-20 16:32:51

文章被收录于专栏：灵魂画师牧码

前言

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

强烈推荐 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]

最后

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

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