第1章 课程介绍 试看 1 节 | 7分钟

了解本门课程，课前准备工作，对校招面试准备有基础的认知。

收起列表

• 视频： 1-1 课 程 导 学 (06:17) 试看

第2章 css面试题【前端面试 CSS 是必考知识，一定要学的】 19 节 | 89分钟

本章讲解面试过程中，常见的CSS题，由面试题带出常考的CSS知识点进行讲解，助你轻松搞定校招面试中的常见的css考题

收起列表

• 视频： 2-1 章介绍 (04:27)
• 图文： 2-2 基础篇(必知必会开胃菜)：你对盒子模型理解多少？
• 作业： 2-3 【作业】css 盒模型知多少(1)？
• 作业： 2-4 【作业】css 盒模型知多少(2)？
• 作业： 2-5 【作业】css 盒模型知多少(3)?
• 图文： 2-6 基础篇：谈谈你对 BFC 的理解?
• 图文： 2-7 基础篇：谈谈你对 CSS 选择器的理解？
• 图文： 2-8 基础篇：谈谈你对 css 选择器优先级的理解？
• 视频： 2-9 基础篇：css中哪些属性是可以继承的 ？ (05:54)
• 视频： 2-10 基础篇：px,em,rem,vw,vh的区别？ (08:02)
• 视频： 2-11 基础篇：css如何实现左边定宽，右边自适应？ (18:45)
• 视频： 2-12 基础篇：css如何实现绝对剧中 (13:17)
• 视频： 2-13 能力提升篇（大厂高频硬骨头）：清除浮动有哪些方法, 各有什么优缺点？ (17:39)
• 视频： 2-14 能力提升篇：如何用css画一个三角形 (09:14)
• 图文： 2-15 能力提升篇：css 实现三栏布局有哪些方法?
• 视频： 2-16 能力提升篇：如果要做页面性能优化，CSS提高性能的方法有哪些 (05:36)
• 作业： 2-17 【作业】(面试真题)
• 视频： 2-18 章总结 (06:01)
• 图文： 2-19 【本章评测】

第3章 JavaScript面试题【前端三大基石中的重中之重】 19 节 | 175分钟

由面试题出发，让你快速了解面试中JavaScript常见题型，课程讲解+课后习题，搞定校招面试中的常见的JavaScript+各种手写类型考题。

收起列表

• 视频： 3-1 章介绍 (01:49)
• 图文： 3-2 基础篇：你对原型和原型链的了解有多少？
• 图文： 3-3 基础篇：如何理解作用域和作用域链?
• 图文： 3-4 基础篇：你对闭包怎么理解？
• 视频： 3-5 基础篇：bind,call,apply (25:13)
• 视频： 3-6 基础篇：如何使用多种方式实现数组去重 (30:54)
• 视频： 3-7 基础篇：怎样对给定数组求最大值 (08:54)
• 视频： 3-8 基础篇：js中判断数据类型的方式有哪些 (10:42)
• 视频： 3-9 基础篇：如何实现一个节流函数 (13:37)
• 视频： 3-10 基础篇：如何实现一个防抖函数 (15:02)
• 视频： 3-11 能力提升篇：多种方式实现数组拍平 (12:30)
• 视频： 3-12 能力提升篇：使如下判断成立 (04:50)
• 视频： 3-13 能力提升篇：实现new操作符 (12:30)
• 视频： 3-14 能力提升篇：如何实现一个bind函数 (11:28)
• 视频： 3-15 能力提升篇：如何实现call和apply函数 (14:00)
• 视频： 3-16 能力提升篇：实现instanceof (05:55)
• 作业： 3-17 【作业】(面试真题)
• 视频： 3-18 章总结 (06:56)
• 图文： 3-19 【本章评测】

第4章 ES6面试题 13 节 | 89分钟

课程讲解+课后习题，搞定校招面试中的常见的ES6类型考题，学会分析探索各种ES6的实现原理

收起列表

• 视频： 4-1 章介绍 (01:48)
• 视频： 4-2 基础篇：你了解let const和var的区别 (11:16)
• 视频： 4-3 基础篇：你了解箭头函数和普通函数的区别吗？ (11:42)
• 图文： 4-4 基础篇：你了解forEach、for in、for of 三者区别 ?
• 视频： 4-5 基础篇：ES6中哪个方法可以实现数组去重？ (02:56)
• 视频： 4-6 能力提升篇：你对ES6中对象新增的方法有了解吗？ (12:58)
• 视频： 4-7 能力提升篇：class和function的区别 (06:06)
• 视频： 4-8 能力提升篇：你对Promise了解多少（1） (19:08)
• 视频： 4-9 能力提升篇：你对Promise了解多少（2） (16:37)
• 视频： 4-10 能力提升篇：扩展运算符...的实现原理 (02:35)
• 作业： 4-11 【作业】(面试真题)
• 视频： 4-12 章 总 结 (03:51)
• 图文： 4-13 【本章评测】

第5章 前端框架之react全家桶面试题 13 节 | 71分钟

课程讲解+课后习题，深入讲解react、vue、webpack使用方式及基础原理，手写webpack插件及loader在校招面试中脱颖而出

收起列表

• 视频： 5-1 章介绍 (03:03)
• 视频： 5-2 基础篇：React的生命周期你了解多少 (14:35)
• 视频： 5-3 基础篇：React父子组件之间如何实现通信？ (04:06)
• 视频： 5-4 基础篇：React中的setState是同步还是异步的 (08:05)
• 视频： 5-5 基础篇：在同一个事件响应函数中setStata两次render会执行几次 (05:09)
• 视频： 5-6 基础篇：什么是render props可以用来解决什么问题 (12:16)
• 视频： 5-7 基础篇：React中如何进行条件渲染？ (01:54)
• 作业： 5-8 【作业】(面试真题)
• 视频： 5-9 能力提升篇：Router-React中如何获取URL的参数？ (03:33)
• 视频： 5-10 能力提升篇：React-Router有哪几种路由模式 (03:26)
• 视频： 5-11 能力提升篇：什么是jsx？ (08:33)
• 视频： 5-12 章总结 (05:31)
• 图文： 5-13 【本章评测】

第6章 前端框架之vue面试题 10 节 | 47分钟

课程讲解+课后习题，深入讲解react、vue、webpack使用方式及基础原理，手写webpack插件及loader在校招面试中脱颖而出

收起列表

• 视频： 6-1 章介绍 (01:04)
• 视频： 6-2 基础篇：vue的生命周期你了解多少？ (08:33)
• 视频： 6-3 基础篇：vue父子组件生命周期调用顺序你知道吗？ (01:36)
• 视频： 6-4 能力提升篇：谈谈你对keep-alive组件的了解 (09:24)
• 视频： 6-5 能力提升篇：vue中在哪个生命周期内调用异步请求- (01:11)
• 视频： 6-6 能力提升篇：你了解v-if 和 v-show的区别吗 (04:12)
• 视频： 6-7 能力提升篇：vuex是什么？如何使用？ (15:39)
• 作业： 6-8 【作业】(面试真题)
• 视频： 6-9 章总结 (04:45)
• 图文： 6-10 【本章评测】

第7章 打包工具面试题 11 节 | 65分钟

课程讲解+课后习题，深入讲解react、vue、webpack使用方式及基础原理，手写webpack插件及loader在校招面试中脱颖而出

收起列表

• 视频： 7-1 章介 绍 (02:08)
• 视频： 7-2 基础篇：谈一谈对webpack的理解 (02:01)
• 视频： 7-3 基础篇：使用过webpack中的哪些loader分别是用来做什么的 (03:50)
• 视频： 7-4 基础篇：使用过webpack中的哪些plugin分别是用来做什么的 (04:51)
• 视频： 7-5 能力提升篇：如何实现一个loader (15:08)
• 视频： 7-6 能力提升篇：如何写一个plugin (19:09)
• 视频： 7-7 能力提升篇：webpack中的loader和plugin有什么区别 (09:52)
• 视频： 7-8 能力提升篇：谈一谈webpack的构建流程 (01:20)
• 作业： 7-9 【作业】(练习)
• 视频： 7-10 章总结 (05:55)
• 图文： 7-11 【本章评测】

第8章 数据结构与算法(大厂高频硬骨头) 12 节 | 50分钟

课程讲解+课后习题，结合生活中的例子及项目中的实际运用搞定校招面试中的常见的数据结构和算法类型的题目夯实数据结构和算法基础知识

收起列表

• 视频： 8-1 章介绍 (02:16)
• 视频： 8-2 基础篇：JavaScript 的数组方法有哪些 (18:52)
• 视频： 8-3 基础篇：如何去除数组中指定的元素 (03:02)
• 视频： 8-4 基础篇：你对于栈了解多少 (11:35)
• 视频： 8-5 基础篇：你对队列了解多少 (07:42)
• 图文： 8-6 基础篇：真题解析—有效括号
• 图文： 8-7 能力提升篇：真题解析—如何用两个栈实现队列 ?
• 图文： 8-8 能力提升篇：真题解析— 如何对给定数组实现插入排序 ?
• 图文： 8-9 能力提升篇：真题解析—如何对给定数组实现归并排序?
• 图文： 8-10 能力提升篇：真题解析 — 如何对给定数组实现选择排序?
• 视频： 8-11 能力提升篇：你对冒泡排序了解多少 (05:55)
• 图文： 8-12 【本章评测】

第9章 设计模式【扩展提升加分项】 7 节 | 48分钟

课程讲解+课后习题，结合生活中的例子及项目中的实际运用搞定校招面试中的常见的设计模式类型的题目夯实设计模式相关知识，拥有触类旁通的能力

收起列表

• 视频： 9-1 章介绍 (02:12)
• 视频： 9-2 你对装饰者模式了解多少.mov (09:57)
• 视频： 9-3 你对策略模式了解多少.mov (12:09)
• 视频： 9-4 你对代理模式了解多少 (07:42)
• 视频： 9-5 你对发布订阅模式了解多少 (10:35)
• 视频： 9-6 你对迭代器模式了解多少 (04:35)
• 图文： 9-7 【本章评测】

第10章 网络协议面试题及实操 6 节 | 10分钟

课程讲解+课后习题 建立对网络七层模型，http ，http2，https网络协议的认知以及学会自行部署http2，https服务

收起列表

• 视频： 10-1 章介绍 (00:55)
• 图文： 10-2 (10-1) 你对网络分层模型怎么理解?
• 视频： 10-3 你知道http常见的状态码及含义吗 (03:41)
• 视频： 10-4 http有哪些请求方法GET和POST有什么区别 (03:21)
• 视频： 10-5 http协议中的header及含义你知道吗 (01:45)
• 图文： 10-6 【本章评测】

第11章 浏览器面试题 9 节 | 29分钟

课程讲解+课后习题；搞定面试中常见的浏览器相关面试题

收起列表

• 视频： 11-1 章介绍 (02:13)
• 视频： 11-2 浏览器的事件传输机制原理你了解吗？ (05:01)
• 视频： 11-3 LocalStorage和sessionStorage的区别有哪些 (01:10)
• 视频： 11-4 你对浏览器的事件循环机制了解多少 (04:22)
• 视频： 11-5 你对浏览器的回流和重绘了解多少 (06:55)
• 图文： 11-6 （11-7）从输入一个URL到页面展示整个过程中发生了什么?
• 视频： 11-7 你对跨域了解多少 (05:51)
• 视频： 11-8 你知道浏览器的主要组成部分吗 (02:54)
• 图文： 11-9 【本章评测】

第12章 软素质 6 节 | 3分钟

课程讲解 建立对软素质的基础认知及获知提升软素质的方法

收起列表

• 视频： 12-1 你知道软素质在面试中的作用吗 (02:40)
• 图文： 12-2 如何提升软素质让面试更加分
• 图文： 12-3 常见软技能面试
• 作业： 12-4 【讨论题】如何回应面试官问的「你有哪些要问我的？」？
• 作业： 12-5 【讨论题】怎样得体回答面试官的「你还去哪面试了」？
• 作业： 12-6 【讨论题】如何得体回答「介绍未来3年职业规划」？

第13章 简历准备 8 节 | 11分钟

课程讲解 从通用内容，注意事项，进阶技巧，投递渠道，四个方面，获知一份简历投递后的整体流程及写好一份完善的简历

收起列表

• 视频： 13-1 章介绍 (01:27)
• 视频： 13-2 有哪些靠谱的简历投递渠道 (02:14)
• 图文： 13-3 如何投递简历更容易被优先看到
• 视频： 13-4 怎么写个人评价可以更好的突出个人的优点 (01:51)
• 视频： 13-5 无项目经验or项目经验少会被刷掉么 (01:25)
• 视频： 13-6 简历书写注意事项 (01:33)
• 视频： 13-7 怎么写学历信息可以扬长 避短 (01:45)
• 图文： 13-8 如何写好一份简历

第14章 面试技巧 7 节 | 3分钟

课程讲解从轻装上阵，自我介绍，避雷指南，笔试锦囊，举一反三，进击策略七方面搞定面试技巧轻松应试

收起列表

• 图文： 14-1 自我介绍-如何更好的展现自己
• 图文： 14-2 轻装上阵-如何调整好面试心态
• 视频： 14-3 避雷指南-装上避雷针避免躺枪 (01:20)
• 图文： 14-4 思考：举一反三-拿实力打动面试官
• 视频： 14-5 击策略-步步为营斩获心仪offer (00:52)
• 作业： 14-6 【讨论题】如何机智回应面试官说你不适合这个岗位?
• 作业： 14-7 【讨论题】如何机智回答HR的「谈谈薪酬待遇」？

第15章 offer选择 4 节 |

预知大小厂区别选择适合自己的工作环境

收起列表

• 图文： 15-1 行业及公司如何选择？
• 图文： 15-2 北上广深or三线城市如何选择?
• 作业： 15-3 offer选择
• 作业： 15-4 【讨论题】分享面试的心得体会

第16章 新手指南【事半功倍】 4 节 | 5分钟

课程讲解 预知工作协同，工作汇报，晋升攻略。助力高效工作稳步晋升

收起列表

• 视频： 16-1 章介绍 (00:56)
• 视频： 16-2 团队角色及工作流程 (02:40)
• 视频： 16-3 晋升攻略 (00:41)
• 视频： 16-4 劳逸结合打持久战 (00:29)

第17章 课程总结 1 节 | 2分钟

课程讲解 回顾课程各章节所学内容，通过知识点的串接做到对对所学内容的融会贯通

收起列表

• 视频： 17-1 温故知新-课程回顾 (01:54)