大圣-前端算法课，leetcode+前端框架原理中的算法

前端开发

课程简介

课程解决的核心痛点：算法与前端工程的脱节大多数前端开发者在学习算法时，往往陷入两个极端：要么只刷 LeetCode 题目，知其然而不知其所以然，遇到实际问题无法迁移；要么直接啃源码，面对庞大的代码库无从下手。这门课试图打通这两条路径，将抽象的算法复杂度、数据结构与 Vue、React 等主流框架的底层实现紧密结合。课程开篇即从“前端为什么要学算法”切入，…

已有 1 人浏览发布 2026-09-24 更新 2026-09-26

课程解决的核心痛点：算法与前端工程的脱节

大多数前端开发者在学习算法时，往往陷入两个极端：要么只刷 LeetCode 题目，知其然而不知其所以然，遇到实际问题无法迁移；要么直接啃源码，面对庞大的代码库无从下手。这门课试图打通这两条路径，将抽象的算法复杂度、数据结构与 Vue、React 等主流框架的底层实现紧密结合。课程开篇即从“前端为什么要学算法”切入，不仅讲解大 O 复杂度，更通过 GitHub 提交、PR 协作等工程化内容，让读者意识到算法能力是进入高质量开源社区的门票。随后，课程深入链表、位运算、树结构等基础模块，并立即在 Vue 3 的 keep-alive 缓存设计、组合权限认证、React 虚拟 DOM 树对比等具体场景中验证这些数据结构的应用，帮助读者建立“数据结构服务于工程问题”的思维模型。

适合人群与自学路径建议

本课程适合具备一定 JavaScript 基础，正在或准备深入学习前端框架源码，但苦于找不到切入点或算法基础薄弱的开发者。如果你只会调用 API，却不清楚 Vue 的响应式原理或 React 的 Diff 算法背后依赖的数据结构，这门课是极佳的补强材料。建议学习顺序如下：首先观看前三节，明确算法在工程中的价值及 Git/GitHub 的基本操作；接着重点掌握数组、链表、栈（通过有效括号、简化路径等题强化）和树结构，这是理解框架机制的基础；然后深入位运算与动态规划，这部分内容直接对应前端权限设计与状态管理优化；最后进入刷题专项章节，利用“刷题公式”系统解决常见模式。每个理论节点后都紧跟对应的 LeetCode 真题，确保知识落地。

学完目标与资料配合方式

完成本课程后，你将能够独立分析常见算法问题的时间复杂度，并在阅读 Vue/React 源码时，清晰识别出其中使用的数据结构（如链表用于缓存、树用于虚拟 DOM、栈用于解析器）。更重要的是，你将掌握一套可复用的解题思路，而非死记硬背代码。资料包中的视频并非孤立存在，而是配合了具体的代码练习文件。建议读者在看视频时，务必打开 VS Code，跟随演示逐步实现链表、排序算法及回溯逻辑，并尝试用 Git 将代码提交至个人仓库。这种“边看边写、边写边推”的方式，能将短暂的视觉印象转化为长期的肌肉记忆，真正实现对源码级问题的掌控能力。

课程目录

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-算法思想-冒泡排序.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