前端岗位面试里，算法题常常是最容易被跳过的一块。平时写业务靠框架和组件库就能交付，一旦遇到「手写防抖节流」「实现深拷贝」「虚拟 DOM diff 怎么算」这类问题，才发现数据结构与算法的基础是空的。这门课面向的就是这种缺口：不假设你已经刷过几百题，而是从前端实际会碰到的场景出发，把该补的那部分补上。

先说清楚：前端到底需要多少算法

不需要按竞赛标准要求自己，但有几类东西绕不开。一是数组与字符串的常见操作，比如去重、扁平化、双指针处理有序数据；二是栈与队列，路由历史、撤销重做、任务调度都建立在这上面；三是树与递归，组件树、菜单树、DOM 节点的遍历几乎天天在用；四是链表与哈希表，缓存淘汰、对象映射、频繁查找的场景下决定性能；五是排序与查找，以及时间复杂度的基本判断——知道哪段代码在数据量变大后会拖垮页面。

这门课的价值在于把这些点和前端语境绑定。它不会停在「讲讲快排原理」，而是往「Vue 的响应式依赖收集为什么用 Set」「React 的 Fiber 树遍历为什么不用递归」这类问题上靠，让你知道学它是为了解决什么，而不是为了应付抽象习题。

哪些人看它收益最大

工作一两年、业务能写但没系统学过数据结构的前端，准备跳槽时被算法题卡住。
从其他方向转前端，JS 语法够用，但一遇到递归、树的遍历就写不下去。
想读框架源码，翻到 diff、调度、依赖收集部分发现读不动，需要一个补基础的入口。
刷题时只会背模板，换个问法就不会做，需要重新梳理思路而不是继续堆题量。

如果你的目标是算法竞赛或后端高频面试，这门课覆盖的深度可能不够，它更偏前端工程中真正会遇到的这一层。

怎么用这份资料

别当成视频连续剧从头看到尾。建议按「先判断会不会，再决定看不看」的方式推进：每进入一个主题，先自己动手写一遍，写不出来再看讲解，然后合上资料重写一次。数组、字符串部分可以快速过，树的遍历、递归、复杂度分析这几块值得慢下来，因为后面框架源码的讲解会反复用到。

刷题环节不要只求通过。写完一题后问自己三个问题：时间复杂度和空间复杂度是多少、边界情况（空数组、单节点、重复元素）是否都覆盖、如果数据量翻一百倍会不会出问题。这三个问题答不上来，说明这题还没真正掌握。Vue/React 源码相关的部分，建议对照手头的框架版本看，边看边在本地打断点验证，比单纯听讲有效得多。

看完应该能回答的问题

给你一个嵌套数组，怎么在不使用 flat 的情况下拍平，并说清楚递归和迭代两种写法各自的代价。
实现一个带过期时间的缓存，为什么选 Map 而不是普通对象，查找和删除的复杂度各是多少。
实现一个简易的 diff，两棵节点树比较时，为什么要用 key，缺了 key 会退化成什么复杂度。
手写一个节流函数，说明它和防抖在触发时机上的差异，以及在滚动、输入框场景下分别该用哪个。
面对一道没见过的题，能先判断它属于哪类结构，再决定用双指针、哈希还是递归去解。

如果你现在对上面这些问题只能给出模糊答案，这门课适合当作起点；如果你已经能顺畅回答，那更适合直接去刷真题和读源码，不必在这里花时间。

【大圣编程】前端工程师算法课

从基础到进阶，掌握核心算法

编辑点评

课程内容丰富，从基础数据结构到算法优化，深入浅出，适合前端工程师提升技能。

⭐ 编辑推荐

本课程专为前端工程师设计，从基础算法到进阶技巧，助你提升编程能力。

课程亮点

• 全面覆盖前端常用算法

• 结合Vue/React源码讲解

• 实战刷题，提升解题能力

课程目录

【大圣编程】前端工程师算法课
01-1-前端为什么要学算法.mp4
01-2-如何把代码提交到github.mp4
02-1一个leetcode题了解算法复杂度.mp4
02-2如何获取github代码权限并且提交pr.mp4
03-链表和数组.mp4
04-链表的javascript实现01.mp4
05-链表的javascript实现-leetcode203题.mp4
06-链表的javascript实现-leetcode141-环形链表.mp4
07-Vue3源码中的链表应用-keep-alive组件的缓存设计1.mp4
08-位运算和它在Vue和React源码里的应用.mp4
09-leetcode136和异或位运算.mp4
10-前端基于位运算的组合权限认证.mp4
11-树结构入门+leetcode104+leetcode226.mp4
12-数据结构关系漫谈.mp4
13-从React原理看树和链表的关系.mp4
14-使用Vscode刷题-20.有效的括号.mp4
15-71简化路径-强化栈的使用.mp4
16-算法思想-冒泡排序_ev.mp4
17-二分思想优化排序-快速排序和原地快拍.mp4
18-15题三数之和.mp4
19-二分法优化leftpad函数的性能.mp4
20-回溯和递归思想入门-46题.mp4
21-leetcode79单词搜索-回溯.mp4
22.贪心算法+860柠檬找零.mp4
23. leetcode55.跳跃游戏+455分发饼干.mp4
24.动态规划+509斐波那契数列.mp4
25.动态规划思想解leetcode322题-零钱兑换.mp4
26.leetcode300题-Vue3源码中的最长递增子序列.mp4
27.刷题章节开始-刷题公式介绍+leetcode94+144+145.mp4
28.刷题目录概览.mp4
29.数组刷题-26+27+283.mp4
30.数组刷题167+977+209+344.mp4
31.206翻转链表+19删除链表倒数第N各节点.mp4
32.链表刷题21合并链表+876中间节点+234回文链表.mp4
33.链表160相交+92翻转链表2+142环形链表2.mp4
34.100+101二叉树刷题.mp4
35.树的迭代写法 144+100.mp4
36.树形结构刷题111+114.mp4
37.刷题617+236.mp4
38.刷题543二叉树的执行+572是否是子树.mp4
39.572+222+257树结构.mp4
40.二叉树的层序遍历102+107+199.mp4
41.二叉树层序遍历训练637+116+429.mp4
42.二叉树刷题训练515+112+404.mp4
43.二叉搜索树98+99.mp4
44.二叉搜索树的回复108+109+654.mp4
45.二叉搜索树230+700+701.mp4
46.栈和队列的相互转换225+232.mp4
47.逆波兰表达式求值150.mp4
48.队列和栈刷题1047+151.mp4
49.算法思想–二分刷题公式+704.mp4
50.二分153+69.mp4