首页实战 2周刷完100道前端优质面试真题双越最新力作章节目录

2周刷完100道前端优质面试真题双越最新力作

工作能力≠面试能力，面试之前刻意练习，强化训练，锁定机会

￥348.00

难度中级时长 29小时学习人数 1459 综合评分 10.00

立即购买加购物车

第1章课程简介试看 1 节 | 8分钟

对课程进行介绍，指导学习，建议学习之前，一定要看噢~~

收起列表
- 视频： 1-1 导学 (07:47) 试看
第2章前端面试技能拼图1 ：数据结构和算法（上），大厂面试必考 20 节 | 268分钟

数据结构和算法，是大厂前端面试的“拦路虎”，很多同学都望而生畏。其实如果了解常用数据结构，掌握基本的算法思维，就不能应对。本章将通过多个面试题，为你讲解算法面试题的解题思路，同时复习常用数据结构和算法思维。...

收起列表
- 图文： 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：数据结构和算法（下），大厂面试必考 23 节 | 243分钟

数据结构和算法，是大厂前端面试的“拦路虎”，很多同学都望而生畏。其实如果了解常用数据结构，掌握基本的算法思维，就不能应对。本章将通过多个面试题，为你讲解算法面试题的解题思路，同时复习常用数据结构和算法思维。...

收起列表
- 视频： 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 ：前端基础知识，必知必会 23 节 | 161分钟

HTML CSS JS HTTP 等基础知识是前端面试的第一步，基础知识不过关将直接被拒。本章将通过多个面试题，讲解前端常考的基础知识面试题，同时复习一些重要的知识点。

收起列表
- 图文： 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 ：知识深度 - 原理和源码 21 节 | 192分钟

大厂面试会通过各种难题来试探你的技术深度，评估你的技术发展潜力，这是入职后确定级别、薪资的重要参考。所以，技术深度将决定你的“钱途”。本章将通过多个面试题，讲解前端面试常考的底层原理问题，涉及 JS Vue React Nodejs 等。...

收起列表
- 图文： 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：知识广度 - 从前端到全栈 25 节 | 197分钟

前端工程师有很多，而是技能全面、独当一面的前端工程师到哪里都是“香饽饽”，企业争抢。所以，技术广度将决定你的稀缺性，以及未来的发展空间。本章将通过多个面试题，讲解前端面试常考的技术广度问题，涉及前端、移动端、服务端等全流程。...

收起列表
- 图文： 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 ：实际工作经验 - 是否做过真实项目 19 节 | 174分钟

无论是校招还是社招，企业都希望得到工作经验丰富的候选人。所以面试时会有很多面试题来考察候选人，是否有真实工作经验（而非只做过个人项目和 demo）。本章将通过多个面试题，讲解前端面试常考的实际工作经验问题。

收起列表
- 图文： 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：编写高质量代码 - 正确，完整，清晰，鲁棒 25 节 | 269分钟

能在规定时间内写出功能健全、思路清晰、格式规整的代码，这是前端工程师的必备技能，所以面试时必考手写代码。本章将通过多个面试题，讲解前端常考的写代码问题，并总结出高质量代码的关键点。

收起列表
- 图文： 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 ：分析和解决问题的思路 - 可以独立解决问题 14 节 | 105分钟

遇到一个需求、问题或者一段代码，如何能高效的分析、解决它，这是前端程序员的必备技能。否则你将无法独立工作，这不是企业需要的人才。本章将通过多个面试题，教你如何分析问题、解决问题。

收起列表
- 图文： 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：项目设计 - 能否成为项目负责人 17 节 | 133分钟

面试官给出一个项目需求或者功能，让候选人做技术方案设计，考察综合能力。本章将通过多个面试题，讲解如何进行项目设计，包括抽象数据模型，总结功能和流程，制定技术方案等。

收起列表
- 图文： 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：软技能 - 沟通、总结和学习能力 7 节 | 28分钟

考察个人沟通，考察个人学习能力，考察如何总结项目难点等。

收起列表
- 图文： 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 重点及注意事项总结