人工精选 飞豹客体系课
2周刷完100道前端优质面试真题 双越最新力作
解决什么问题 这门课针对前端面试中的数据结构和算法真题设计,直接对接大厂常见考点。100道精选真题覆盖数组、字符串、树、图等核心题型,重点解决学员在面试中因算法题失分或缺乏系统性练习的问题。课程帮助学员不仅知道答案,更理解解题思路、性能优化及代码边界处理,减少临场紧张感。 适合什么基础 课程要求学员
单课价¥24.00新品 上架
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥24.00
会员 A · 按档位折扣
永久¥9.604折
年¥12.005折
月¥14.406折
周¥16.807折
会员 B
VIP¥4.80低至
SVIP单买¥200 内可领
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
正版保障 极速发货 售后无忧
解决什么问题
这门课针对前端面试中的数据结构和算法真题设计,直接对接大厂常见考点。100道精选真题覆盖数组、字符串、树、图等核心题型,重点解决学员在面试中因算法题失分或缺乏系统性练习的问题。课程帮助学员不仅知道答案,更理解解题思路、性能优化及代码边界处理,减少临场紧张感。适合什么基础
课程要求学员掌握JavaScript基础语法和前端核心概念,如闭包、原型链、异步编程等,能独立编写简单函数和对象操作。无需计算机科学理论基础,但需有学习复杂逻辑的耐心。资料中包含时间复杂度、空间复杂度等科普,适合零基础但需快速提升的学员。建议先浏览第2章“数据结构和算法(上)”的介绍和科普模块,评估内容匹配度。学完能独立做什么
学完后,学员能独立分析前端算法题的考点,写出满足效率要求的代码,并解释优化逻辑。具体产出包括:掌握至少5种核心数据结构的面试解法、能用复杂度分析评估代码质量、形成个人化的算法题错题总结文档。对于后续练习,可独立完成类似“数组旋转”“括号匹配”等题目的代码重构与性能对比。资料如何配合练习
核心内容集中在第2章的真题实战部分,每道题包含代码演示、单元测试和性能分析。练习顺序建议:先看题解→尝试独立重写→对比资料中的解法差异→运行单元测试验证→总结通用解题模式。资料中未直接讲解的动态规划、递归优化等模型,需学员结合题解后的延伸思考自行补充。单元测试部分可借助Jest或Mocha框架本地调试,加深对异常情况的处理能力。整体练习路径为:看题解→独立重写→对比优化→总结模式→本地调试。课程目录
课程目录70 条
- 课程介绍 2周刷完100道前端优质面试真题 双越最新力作 是一份体系课学习资料,内容围绕 前端 展开。 内容涵盖:1 章节介绍 2、2 开始、学习要点和注意事项 2、3 科普、时间复杂度 2、4 科普 等主题。 适合对 前端 有需求、希望一次性拿到完整资料的同学。 下方为完整资料与目录,可先看目录判断是否符合需要。 第1章 课程简介 1-1 导学 (07:47) 第2章 前端面试技能拼图1 :数据结构和算法(上),大厂面试必考 2-1 章节介绍 2-2 开始-学习要点和注意事项 (07:52) 2-3 科普-时间复杂度 (18:00) 2-4 科普-空间复杂度 (08:48) 2-5 把一个数组旋转 k 步-代码演示和单元测试 (24:18) 2-6 把一个数组旋转 k 步-性能分析 (19:50) 2-7 判断一个字符串是否括号匹配 (23:57) 2-8 用两个栈实现一个队列 (20:20) 2-9 使用 JS 反转单向链表-什么是链表 (16:12) 2-
- 10 使用 JS 反转单向链表-分析解题思路 (16:22) 2-
- 11 使用 JS 反转单向链表-代码演示和单元测试 (15:09) 2-12 【连环问】链表和数组哪个实现队列更快-分析解题思路 (11:59) 2-13 【连环问】链表和数组哪个实现队列更快-代码演示和单元测试 (16:47) 2-
- 14 【连环问】链表和数组哪个实现队列更快-性能分析 (06:47) 2-
- 15 用 JS 实现二分查找-分析时间复杂度 (08:45) 2-
- 16 用 JS 实现二分查找-代码演示和单元测试 (17:34) 2-
- 17 用 JS 实现二分查找-递归和循环哪个更好 (05:53) 2-
- 18 找出一个数组中和为 n 的两个数-嵌套循环不是最优解 (10:39) 2-
- 19 找出一个数组中和为 n 的两个数-双指针的思路 (07:35) 2-
- 20 找出一个数组中和为 n 的两个数-双指针的代码演示 (11:02) 第3章 前端面试技能拼图1: 数据结构和算法(下),大厂面试必考 3-1 求二叉搜索树的第K小值-二叉树和三种遍历 (15:54) 3-2 求二叉搜索树的第K小值-解题 (13:02) 3-3 为什么二叉树很重要,而不是三叉树四岔树 (12:21) 3-4 堆有什么特点,和二叉树有什么关系 (15:57) 3-5 求斐波那契数列的第n值-递归算法会导致运行崩溃 (05:27) 3-6 -求斐波那契数列的第n值-优化时间复杂度-part1 (11:41) 3-7 【连环问】青蛙跳台阶有几种方式 (04:00) 3-8 移动 0 到数组的末尾-splice 会导致性能问题 (14:48) 3-9 移动 0 到数组的末尾-使用双指针 (13:34) 3-
- 10 获取字符串中连续最多的字符以及次数-使用嵌套循环 (15:43) 3-
- 11 获取字符串中连续最多的字符以及次数-使用双指针 (12:38) 3-12 获取字符串中连续最多的字符以及次数-正则表达式很慢 (07:50) 3-
- 13 用 JS 实现快速排序并说明时间复杂度-代码演示和单元测试 (16:25) 3-
- 14 -用JS实现快速排序并说明时间复杂度-性能分析 (08:19) 3-15 -获取1-10000之前所有的对称数(回文数)-代码演示和单元测试 (17:25) 3-16 -获取1-10000之前所有的对称数(回文数)-性能分析 (04:09) 3-
- 17 -如何实现高效的英文单词前缀匹配 (17:46) 3-
- 18 用 JS 实现数字千分位格式化 (14:50) 3-
- 19 -用JS 切换字母大小写 (16:10) 3-20 -为什么0.1+0.2!==0.3 (04:12) 3-
- 21 扩展:总结前端开发中常见的数据结构 3-
- 22 扩展:算法时间复杂度 3-
- 23 重点及注意事项 第4章 前端面试技能拼图2 :前端基础知识 , 必知必会 4-1 章节介绍 4-2 前端知识体系导图 4-3 开始-学习要点和注意事项 (03:42) 4-4 Ajax-Fetch-Axios三者有什么区别 (09:32) 4-5 -防抖和节流有什么区别,分别用于什么场景-防抖 (08:46) 4-6 -防抖和节流有什么区别,分别用于什么场景-节流 (08:46) 4-7 -px-%-em-rem-vw-vh有什么区别 (08:35) 4-8 -什么时候不能使用箭头函数 (11:42) 4-9 请描述 TCP 三次握手和四次挥手 (14:30) 4-
- 10 -JS中for-in和for-of有什么区别 (10:27) 4-
- 11 -【连环问】for-await-of有什么作用 (08:24) 4-12 -offsetHeight-scrollHeight-clientHeight有什么区别 (07:20) 4-13 -HTMLCollection和NodeList有什么区别 (10:44) 4-
- 14 -Vue中computed和watch有什么区别 (05:40) 4-15 -Vue组件通讯有几种方式,尽量全面-props-emits和自定义事件 (08:52) 4-16 -Vue组件通讯有几种方式,尽量全面-props-$attrs (08:58) 4-17 -Vue组件通讯有几种方式,尽量全面-props-$parent和$refs (03:19) 4-18 -Vue组件通讯有几种方式,尽量全面-props-provide和inject (05:27) 4-19 -Vuex中action和mutation有什么区别 (03:02) 4-
- 20 -JS严格模式有什么特点 (14:34) 4-
- 21 -HTTP跨域时为何要发送options请求 (08:04) 4-
- 22 重点及注意项目总结 4-
- 23 扩展补充:Restful API 常用 method 第5章 前端面试技能拼图3 :知识深度 – 原理和源码 5-1 章节介绍 5-2 本章学前必看: 知识深度很重要 5-3 -开始-学习要点和注意事项 (06:23) 5-4 -JS内存垃圾回收用什么算法 (13:41) 5-5 -【连环问】JS闭包是内存泄漏吗 (01:17) 5-6 -如何检测JS内存泄漏 (13:11) 5-7 -JS内存泄漏的场景有哪些 (09:36) 5-8 -JS内存泄漏的场景有哪些-扩展-WeakMap和WeakSet (06:40) 5-9 -浏览器和nodejs事件循环(Event Loop)有什么区别-浏览器 (14:18) 5-
- 10 -浏览器和nodejs事件循环(Event Loop)有什么区别-nodejs (08:29) 5-
- 11 -虚拟DOM(vdom)真的很快吗 (13:39) 5-
- 12 -遍历一个数组用for和forEach哪个更快 (05:05) 5-13 -nodejs如何开启多进程,进程如何通讯-进程和线程的区别 (12:45) 5-14 -nodejs如何开启多进程,进程如何通讯-使用child_process.fork方式 (11:44) 5-15 -nodejs如何开启多进程,进程如何通讯-使用cluster方式 (07:13) 5-
- 16 -请描述js-bridge的实现原理 (16:44) 5-17 -requestIdleCallback和requestAnimationFrame有什么区别 (11:05) 5-
- 18 -Vue每个生命周期都做了什么 (15:02) 5-19 -Vue2和Vue3和React三者的diff 算法有什么区别 (19:40) 5-20 -Vue-router的MemoryHistory是什么 (05:24) 5-
- 21 重点及注意事项总结 第6章 前端面试技能拼图4: 知识广度 – 从前端到全栈 6-1 章节介绍 6-2 开始-学习要点和注意事项 (03:31) 6-3 移动端H5点击有300ms延迟,该如何解决 (06:20) 6-4 扩展:Retina 屏幕的 1px 像素,如何实现 6-5 HTTP请求中token和cookie有什么区别-cookie和session (18:21) 6-6 HTTP请求中token和cookie有什么区别-token和JWT (08:40) 6-7 【连环问】session和JWT哪个更好 (08:06) 6-8 【连环问】如何实现SSO单点登录 (14:40) 6-9 HTTP协议和UDP协议有什么区别 (04:57) 6-10 【连环问】HTTP协议1.0和1.1和2.0有什么区别 (06:30) 6-
- 11 什么是HTTPS中间人攻击,如何预防 (14:49) 6-12 script标签的defer和async有什么区别 (06:43) 6-13 【连环问】prefetch和dns-prefetch分别是什么 (06:41) 6-14 前端攻击手段有哪些,该如何预防-part1 (08:13) 6-15 前端攻击手段有哪些,该如何预防-part2 (14:46) 6-
- 16 WebSocket和HTTP协议有什么区别 (12:45) 6-17 WebSocket和HTTP协议有什么区别-扩展-创建简易聊天室 (06:41) 6-18 【连环问】WebSocket和HTTP长轮询的区别 (04:07) 6-
- 19 从输入URL 到网页显示的完整过程 (12:37) 6-20 【连环问】网页重绘repaint和重排reflow有什么区别 (06:02) 6-
- 21 如何实现网页多标签tab通讯 (16:24) 6-
- 22 【连环问】如何实现网页和iframe之间的通讯 (06:19) 6-23 请描述koa2的洋葱圈模型 (09:17) 6-
- 24 扩展:后端有了 java php python ,为何还需要 nodejs ? 6-
- 25 重点及注意事项总结 第7章 前端面试技能拼图5 :实际工作经验 – 是否做过真实项目 7-1 章节介绍 7-2 开始-学习要点和注意事项 (03:54) 7-3 H5页面如何进行首屏优化 (15:12) 7-4 后端一次性返回10w条数据,你该如何渲染 (09:05) 7-5 扩展:文字超出省略 7-6 前端常用的设计模式和使用场景 (17:50) 7-7 【连环问】观察者模式和发布订阅模式的区别 (02:30) 7-8 在实际工作中,你对Vue做过哪些优化 (10:03) 7-9 【连环问】你在使用Vue过程中遇到过哪些坑 (10:38) 7-
- 10 在实际工作中,你对React做过哪些优化-上集 (15:47) 7-
- 11 在实际工作中,你对React做过哪些优化-下集 (10:53) 7-
- 12 【连环问】你在使用React时遇到过哪些坑 (04:17) 7-
- 13 如何统一监听Vue组件报错 (15:50) 7-
- 14 如何统一监听React组件报错 (17:35) 7-15 如果一个H5很慢,如何排查性能问题-通过Chrome Performance分析 (16:33) 7-16 如果一个H5很慢,如何排查性能问题-使用lighthouse分析 (09:20) 7-
- 17 工作中遇到过哪些项目难点,是如何解决的 (13:37) 7-
- 18 扩展:处理沟通冲突 7-
- 19 重点及注意事项总结 第8章 前端面试技能拼图6: 编写高质量代码 – 正确,完整,清晰,鲁棒 8-1 章节介绍 8-2 前导:高质量代码的核心要素 8-3 开始-学习要点和注意事项 (04:15) 8-4 手写一个JS函数,实现数组扁平化Array Flatten (11:50) 8-5 【连环问】手写一个JS函数,实现数组深度扁平化 (11:02) 8-6 手写一个getType函数,获取详细的数据类型 (16:23) 8-7 new一个对象的过程是什么,手写代码表示 (15:19) 8-8 深度优先遍历一个DOM树 (09:47) 8-9 广度优先遍历一个DOM树 (09:21) 8-
- 10 【连环问】深度优先遍历可以不用递归吗 (07:33) 8-
- 11 手写一个LazyMan,实现sleep机制 (13:10) 8-
- 12 手写curry函数,实现函数柯里化 (10:59) 8-
- 13 instanceof原理是什么,请写代码表示 (12:29) 8-
- 14 手写函数bind功能 (13:35) 8-
- 15 【连环问】手写函数call和apply功能 (18:29) 8-16 手写EventBus自定义事件-包括on和once (15:13) 8-17 手写EventBus自定义事件-on和once分开存储 (08:25) 8-
- 18 手写EventBus自定义事件-单元测试 (11:13) 8-19 用JS实现一个LRU缓存-分析数据结构特点,使用Map (09:59) 8-
- 20 用JS实现一个LRU缓存-代码演示和单元测试 (15:31) 8-21 【连环问】不用Map实现LRU缓存-分析问题,使用双向链表 (07:15) 8-
- 22 【连环问】不用Map实现LRU缓存-代码演示 (26:00) 8-
- 23 手写JS深拷贝-考虑各种数据类型和循环引用 (20:39) 8-
- 24 扩展补充:根据一个 DOM 树,写出一个虚拟 DOM 对象 8-
- 25 重点及注意事项总结 第9章 前端面试技能拼图7 :分析和解决问题的思路 – 可以独立解决问题 9-1 章节介绍 9-2 开始-学习要点和注意事项 (03:55) 9-3 [1, 2, 3].map(parseInt) (12:24) 9-4 -读代码-函数修改形参,能否影响实参? (03:48) 9-5 -把一个数组转换为树 (11:26) 9-6 -【连环问】把一个树转换为数组 (10:50) 9-7 -读代码-构造函数和原型的重名属性 (08:02) 9-8 -一道让人失眠的promise-then执行顺序问题 (16:23) 9-9 -读代码-React-setState经典面试题 (12:59) 9-
- 10 -React-setState是微任务还是宏任务 (11:54) 9-
- 11 -读代码-对象和属性的连续赋值 (07:44) 9-
- 12 -读代码-对象属性类型的问题 (05:19) 9-
- 13 扩展补充:解决问题的常见思路 9-
- 14 重点及注意事项总结 第10章 前端面试技能拼图8: 项目设计 – 能否成为项目负责人 10-1 章节介绍 10-2 扩展:如果你是一个项目的前端技术负责人,你的主要职责是什么? 10-3 -开始-学习要点和注意事项 (04:04) 10-4 -如何设计一个前端统计SDK-分析功能范围 (14:08) 10-5 -如何设计一个前端统计SDK-代码结构演示 (21:14) 10-6 -【连环问】sourcemap有何作用,如何配置 (13:48) 10-7 -SPA和MPA应该如何选择 (07:43) 10-8 -设计一个H5编辑器的数据模型和核心功能-错误答案展示 (12:14) 10-9 扩展知识补充:何时应该使用 SSR ,何时不用? 10-10 -设计一个H5编辑器的数据模型和核心功能-演示正确答案 (10:01) 10-
- 11 -设计一个“用户-角色-权限”的模型和功能 (08:36) 10-
- 12 -简单描述hybrid模板的更新流程 (07:42) 10-13 -开发一个H5抽奖页,需要后端提供哪些接口 (12:43) 10-
- 14 -如果你是前端技术负责人,将如何做技术选型 (09:33) 10-15 -设计实现一个H5图片懒加载SDK (10:56) 10-
- 16 扩展知识补充:我们常说的 B 端和 C 端,有什么区别 10-
- 17 重点及注意事项总结 第11章 前端面试技能拼图9: 软技能 – 沟通、总结和学习能力 11-1 章节介绍 11-2 -开始-学习要点和注意事项 (03:10) 11-3 -你是否看过“红宝书”- (05:41) 11-4 -如何做Code-review,要考虑哪些内容 (08:53) 11-5 -如何学习一门新语言,需要考虑哪些方面 (04:58) 11-6 -你觉得自己还有哪些不足之处? (04:56) 11-7 重点及注意事项总结 网盘截图:





