前言

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

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

GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目​mp.weixin.qq.com

笔者的技术博客首发地址如下：