校招前端的面试，考的从来不是你写过多少页面，而是你能不能在四十分钟里，把一道题从现象讲到原理再讲到取舍。这门课围绕的就是这件事：把校招面试里真正会被追问的点拆开，逐个讲透，而不是给你一堆背了也不知道往哪用的八股。

它解决的，是"答得出来"和"答得让人信"之间的差距

很多人复习到一定阶段会遇到瓶颈：概念都见过，面试官一追问就露怯。比如问 setState 在同一个事件函数里调用两次会发生什么，能说出"批量更新"的人不少，但能接着讲清 React 的批处理边界、为什么在 setTimeout 里表现不一样、以及这背后和 Fiber 调度有什么关系的人就少了。这门课基本是按这个深度来组织的——每个知识点都往下一层挖，逼你把"我记得"变成"我理解"。

除了框架，浏览器原理、网络协议、数据结构与算法这几块也是校招的常规考察区。它们的共同点是：单独看都不难，难的是面试官把它们串起来问。课程在讲这些内容时，更偏向于还原真实的追问链条，而不是孤立地罗列考点。

学完之后，你能独立做到什么

  • 面对 React 相关问题，能从使用层面讲到实现思路，对常见的行为差异给出合理解释，而不是背结论；
  • 遇到浏览器渲染、事件机制、缓存策略这类问题，能按"发生了什么—为什么这样设计—实际项目里怎么用"的顺序组织回答；
  • 拿到一道算法题，能先讲清思路和复杂度，再动手写，写的过程中主动处理边界情况；
  • 在自我介绍和项目环节，知道该突出什么、避开什么，把有限的面试时间用在能被追问的地方。

需要说明的是，这门课不负责替你补语言基础。它假设你已经能写 JavaScript、做过至少一个 React 项目，否则跟起来会比较吃力。

资料的组织方式，以及怎么用效率更高

内容按主题分块推进，框架部分占的比重最大，也拆得最细，从基础行为一路讲到能力提升类的题目。浏览器和网络部分相对紧凑，更适合当作查漏补缺的清单来用。算法部分不是题海，重点在解题的表达方式上。

比较实际的用法是：先按模块过一遍，边看边标记出"听懂了但说不出来"的条目——这类才是你真正的薄弱项。然后对着这些条目做口头复述，最好录音回听。面试是口头表达的场景，看懂和讲明白之间隔着一条沟，光靠看视频填不平。

适合什么基础的人

如果你正在准备前端校招或实习面试，简历上有项目但面试总在二面三面卡住，这门课值得花时间。如果你是完全零基础，或者还没写过 React，建议先把项目做起来再回来，否则容易陷入"每个字都认识，连起来不知道在说什么"的状态。

转行的人也可以看，但要预期管理：它能帮你把知识组织成面试官想听的结构，不能替代真实的编码经验。项目那部分的问题，最终还是要靠你自己做过的东西来回答。

课程目录

📁 {5}--第5章前端框架之react全家桶面试题 {5}--第5章前端框架之react全家桶面试题必看.png [493.5 KB] [5.5]--5-5基础篇：在同一个事件响应函数中setStata两次rend.mp4
 [26.9 MB] [5.9]--5-10能力提升篇：React-Router有哪几种路由模式.mp4
 [18.6 MB] [5.3]--5-3基础篇：React父子组件之间如何实现通信？.mp4
 [24.0 MB] [5.1]--5-1章介绍.mp4
 [12.8 MB] [5.6]--5-6基础篇：什么是renderprops可以用来解决什么问题.mp4
 [71.1 MB] [5.8]--5-9能力提升篇：Router-React中如何获取URL的参数.mp4
 [21.5 MB] [5.7]--5-7基础篇：React中如何进行条件渲染？.mp4
 [10.7 MB] [5.2]--5-2基础篇：React的生命周期你了解多少.mp4
 [86.2 MB] [5.4]--5-4基础篇：React中的setState是同步还是异步的.mp4
 [45.8 MB] (5.1)--5-13【本章评测】.pdf
 [24.5 KB] [5.10]--5-11能力提升篇：什么是jsx？.mp4
 [52.8 MB] [5.11]--5-12章总结.mp4
 [33.3 MB] 📁 {11}--第11章浏览器面试题 {11}--第11章浏览器面试题说明.zip
 [1.8 MB] [11.6]--11-7你对跨域了解多少.mp4
 [30.6 MB] [11.2]--11-2浏览器的事件传输机制原理你了解吗？.mp4
 [30.3 MB] [11.5]--11-5你对浏览器的回流和重绘了解多少.mp4
 [41.4 MB] (11.2)--11-9【本章评测】.pdf
 [24.9 KB] [11.7]--11-8你知道浏览器的主要组成部分吗.mp4
 [19.1 MB] [11.1]--11-1章介绍.mp4
 [6.3 MB] (11.1)--11-6（11-7）从输入一个URL到页面展示整个过程中发生了什.pdf
 [478.0 KB] [11.4]--11-4你对浏览器的事件循环机制了解多少.mp4
 [31.4 MB] 📁 {13}--第13章简历准备 {13}--第13章简历准备说明.png [493.5 KB] (13.1)--13-3如何投递简历更容易被优先看到.pdf
 [55.6 KB] [13.4]--13-5无项目经验or项目经验少会被刷掉么.mp4
 [7.3 MB] [13.1]--13-1章介绍.mp4
 [4.2 MB] [13.3]--13-4怎么写个人评价可以更好的突出个人的优点.mp4
 [10.5 MB] [13.6]--13-7怎么写学历信息可以扬长避短.mp4
 [6.9 MB] (13.2)--13-8如何写好一份简历.pdf
 [132.8 KB] [13.2]--13-2有哪些靠谱的简历投递渠道.mp4
 [15.4 MB] [13.5]--13-6简历书写注意事项.mp4
 [7.5 MB] 📁 {10}--第10章网络协议面试题及实操 {10}--第10章网络协议面试题及实操文档.zip
 [1.8 MB] [10.4]--10-5http协议中的header及含义你知道吗.mp4
 [6.6 MB] [10.2]--10-3你知道http常见的状态码及含义吗.mp4
 [26.2 MB] [10.1]--10-1章介绍.mp4
 [3.9 MB] (10.1)--10-2(10-1)你对网络分层模型怎么理解.pdf
 [173.1 KB] [10.3]--10-4http有哪些请求方法GET和POST有什么区别.mp4
 [31.1 MB] 📁 {8}--第8章数据结构与算法(大厂高频硬骨头) {8}--第8章数据结构与算法(大厂高频硬骨头)说明.zip
 [1.8 MB] (8.1)--8-6基础篇：真题解析—有效括号.pdf
 [63.3 KB] (8.2)--8-7能力提升篇：真题解析—如何用两个栈实现队列.pdf
 [49.0 KB] [8.4]--8-4基础篇：你对于栈了解多少.mp4
 [62.2 MB] [8.2]--8-2基础篇：JavaScript的数组方法有哪些.mp4
 [113.9 MB] (8.4)--8-9能力提升篇：真题解析—如何对给定数组实现归并排.pdf
 [48.3 KB] [8.3]--8-3基础篇：如何去除数组中指定的元素.mp4
 [17.6 MB] [8.6]--8-11能力提升篇：你对冒泡排序了解多少.mp4
 [36.0 MB] (8.6)--8-12【本章评测】.pdf
 [24.6 KB] [8.5]--8-5基础篇：你对队列了解多少.mp4
 [40.7 MB] [8.1]--8-1章介绍.mp4
 [7.8 MB] (8.5)--8-10能力提升篇：真题解析—如何对给定数组实现选择.pdf
 [48.3 KB] (8.3)--8-8能力提升篇：真题解析—如何对给定数组实现插入排.pdf
 [55.1 KB] 📁 {7}--第7章打包工具面试题 {7}--第7章打包工具面试题资料.zip
 [1.8 MB] [7.7]--7-7能力提升篇：webpack中的loader和plugin有.mp4
 [7.5]--7-5能力提升篇：如何实现一个loader.mp4
 [93.8 MB] [7.9]--7-10章总结.mp4
 [37.2 MB] (7.1)--7-11【本章评测】.pdf
 [24.8 KB] [7.3]--7-3基础篇：使用过webpack中的哪些loader分别是用来.mp4
 [19.9 MB] [7.4]--7-4基础篇：使用过webpack中的哪些plugin分别是用来.mp4
 [27.5 MB] [7.8]--7-8能力提升篇：谈一谈webpack的构建流程.mp4
 [7.5 MB] [7.1]--7-1章介绍.mp4
 [7.0 MB] [7.6]--7-6能力提升篇：如何写一个plugin.mp4
 [116.3 MB] [7.2]--7-2基础篇：谈一谈对webpack的理解.mp4
 [4.6 MB] 📁 {14}--第14章面试技巧 {14}--第14章面试技巧文档.zip
 [1.8 MB] [14.1]--14-3避雷指南-装上避雷针避免躺枪.mp4
 [2.3 MB] (14.2)--14-2轻装上阵-如何调整好面试心态.pdf
 [42.1 KB] (14.1)--14-1自我介绍-如何更好的展现自己.pdf
 [70.0 KB] (14.3)--14-4思考：举一反三-拿实力打动面试官.pdf
 [36.1 KB] [14.2]--14-5击策略-步步为营斩获心仪offer.mp4
 [2.6 MB] 📁 {4}--第4章ES6面试题 {4}--第4章ES6面试题说明.png [493.5 KB] (4.2)--4-13【本章评测】.pdf
 [24.6 KB] [4.2]--4-2基础篇：你了解letconst和var的区别.mp4
 [63.1 MB] [4.6]--4-7能力提升篇：class和function的区别.mp4
 [35.8 MB] [4.1]--4-1章介绍.mp4
 [5.4 MB] [4.5]--4-6能力提升篇：你对ES6中对象新增的方法有了解吗？.mp4
 [72.2 MB] (4.1)--4-4基础篇：你了解forEach、forin、forof三者区.pdf
 [129.6 KB] [4.4]--4-5基础篇：ES6中哪个方法可以实现数组去重？.mp4
 [19.3 MB] [4.10]--4-12章总结.mp4
 [17.5 MB] [4.7]--4-8能力提升篇：你对Promise了解多少（1）.mp4
 [114.0 MB] [4.3]--4-3基础篇：你了解箭头函数和普通函数的区别吗？.mp4
 [68.0 MB] 📁 {16}--第16章新手指南【事半功倍】 {16}--第16章新手指南【事半功倍】必看.png [493.5 KB] [16.2]--16-2团队角色及工作流程.mp4
 [7.0 MB] [16.4]--16-4劳逸结合打持久战.mp4
 [847.6 KB] [16.3]--16-3晋升攻略.mp4
 [1.6 MB] [16.1]--16-1章介绍.mp4
 [2.0 MB] 📁 {10}--第10章网络协议面试题及实操 {10}--第10章网络协议面试题及实操说明.zip
 [1.8 MB] (10.2)--10-6【本章评测】.pdf
 [24.8 KB] 📁 {17}--第17章课程总结 {17}--第17章课程总结说明.zip
 [1.8 MB] [17.1]--17-1温故知新-课程回顾.mp4
 [8.2 MB] 📁 {1}--第1章课程介绍 {1}--第1章课程介绍必看.png [493.5 KB] [1.1]--1-1课程导学.mp4
 [20.7 MB] 📁 {6}--第6章前端框架之vue面试题 {6}--第6章前端框架之vue面试题资料.zip
 [1.8 MB] [6.3]--6-3基础篇：vue父子组件生命周期调用顺序你知道吗？.mp4
 [7.7 MB] [6.6]--6-6能力提升篇：你了解v-if和v-show的区别吗.mp4
 [22.8 MB] (6.1)--6-10【本章评测】.pdf
 [24.7 KB] [6.8]--6-9章总结.mp4
 [27.7 MB] [6.5]--6-5能力提升篇：vue中在哪个生命周期内调用异步请求-.mp4
 [5.5 MB] [6.1]--6-1章介绍.mp4
 [4.8 MB] [6.2]--6-2基础篇：vue的生命周期你了解多少？.mp4
 [45.9 MB] [6.4]--6-4能力提升篇：谈谈你对keep-alive组件的了解.mp4
 [60.7 MB] 📁 {15}--第15章offer选择 {15}--第15章offer选择说明.png [493.5 KB] (15.1)--15-1行业及公司如何选择？.pdf
 [71.3 KB] (15.2)--15-2北上广深or三线城市如何选择.pdf
 [50.9 KB] 📁 {3}--第3章JavaScript面试题【前端三大基石中的重中之重】 {3}--第3章JavaScript面试题【前端三大基石中的重中之重】资料.zip
 [1.8 MB] [3.11]--3-14能力提升篇：如何实现一个bind函数.mp4
 [66.2 MB] [3.12]--3-15能力提升篇：如何实现call和apply函数.mp4
 [82.5 MB] [3.5]--3-8基础篇：js中判断数据类型的方式有哪些.mp4
 [69.1 MB] [3.6]--3-9基础篇：如何实现一个节流函数.mp4
 [81.5 MB] [3.13]--3-16能力提升篇：实现instanceof.mp4
 [36.1 MB] [3.3]--3-6基础篇：如何使用多种方式实现数组去重.mp4
 [180.4 MB] (3.2)--3-3基础篇：如何理解作用域和作用域链.pdf
 [564.7 KB] [3.8]--3-11能力提升篇：多种方式实现数组拍平.mp4
 [79.0 MB] [3.7]--3-10基础篇：如何实现一个防抖函数.mp4
 [80.7 MB] (3.3)--3-4基础篇：你对闭包怎么理解？.pdf
 [217.1 KB] [3.1]--3-1章介绍.mp4
 [6.2 MB] [3.4]--3-7基础篇：怎样对给定数组求最大值.mp4
 [49.8 MB] [3.14]--3-18章总结.mp4
 [41.4 MB] [3.10]--3-13能力提升篇：实现new操作符.mp4
 [69.6 MB] [3.2]--3-5基础篇：bind,call,apply.mp4
 [147.0 MB] (3.4)--3-19【本章评测】.pdf
 [24.7 KB] (3.1)--3-2基础篇：你对原型和原型链的了解有多少？.pdf
 [484.8 KB] 📁 {9}--第9章设计模式【扩展提升加分项】 [9.4]--9-4你对代理模式了解多少.mp4
 [50.6 MB] [9.1]--9-1章介绍.mp4
 [5.8 MB] [9.2]--9-2你对装饰者模式了解多少.mov.mp4
 [63.3 MB] [9.5]--9-5你对发布订阅模式了解多少.mp4
 [63.4 MB] [9.3]--9-3你对策略模式了解多少.mov.mp4
 [74.8 MB] [9.6]--9-6你对迭代器模式了解多少.mp4
 [29.8 MB] (9.1)--9-7【本章评测】.pdf
 [24.4 KB] 📁 {2}--第2章css面试题【前端面试CSS是必考知识，一定要学的】 (2.4)--2-8基础篇：谈谈你对css选择器优先级的理解？.pdf
 [86.0 KB] [2.5]--2-12基础篇：css如何实现绝对剧中.mp4
 [77.1 MB] [2.7]--2-14能力提升篇：如何用css画一个三角形.mp4
 [51.2 MB] [2.8]--2-16能力提升篇：如果要做页面性能优化，CSS提高性能的方法有.mp4
 [25.0 MB] [2.9]--2-18章总结.mp4
 [32.1 MB] [2.4]--2-11基础篇：css如何实现左边定宽，右边自适应？.mp4
 [105.2 MB] [2.3]--2-10基础篇：px,em,rem,vw,vh的区别？.mp4
 [41.7 MB] (2.3)--2-7基础篇：谈谈你对CSS选择器的理解？.pdf
 [217.7 KB] (2.1)--2-2基础篇(必知必会开胃菜)：你对盒子模型理解多少？.pdf
 [1.0 MB] [2.2]--2-9基础篇：css中哪些属性是可以继承的？.mp4
 [33.8 MB] (2.2)--2-6基础篇：谈谈你对BFC的理解.pdf
 [757.5 KB] (2.6)--2-19【本章评测】.pdf
 [24.9 KB] [2.1]--2-1章介绍.mp4
 [11.0 MB] (2.5)--2-15能力提升篇：css实现三栏布局有哪些方法.pdf
 [153.2 KB] [2.6]--2-13能力提升篇（大厂高频硬骨头）：清除浮动有哪些方法,各有什.mp4
 [97.5 MB] 📁 {12}--第12章软素质 (12.2)--12-3常见软技能面试.pdf
 [79.4 KB] (12.1)--12-2如何提升软素质让面试更加分.pdf
 [176.9 KB] [12.1]--12-1你知道软素质在面试中的作用吗.mp4
 [8.1 MB] faceStore-master.zip
 [22.2 MB] 适合人群 前端开发求职者 在校大学生 前端爱好者 学习收获 掌握前端核心知识 提升面试技巧 顺利通过面试 祝您学习愉快！ 学有所成，前程似锦！