前言
算法为王。
想学好前端，先练好内功，内功不行，就算招式练的再花哨，终究成不了高手；只有内功深厚者，前端之路才会走得更远。
强烈推荐 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
笔者的技术博客首发地址如下：
