〖课程介绍〗:
BAT资深面试官针对时下面试高频考点，帮你解决面试问题。课程不局限于简单地讲解每一个知识点，而是以面试官的角度出发，带你了解前端面试中每个“门道”与“套路”。手把手带你分析考点及解答策略，梳理JS考试体系，帮助前端新人快速通过JS面试部分。
! q9 q3 |+ z* J( N, W
〖课程目录〗:
( L* `) S- r( m) i% q 第1章 课程介绍【说说面试的那些事儿】
T$ c& W7 e9 |- r! q9 Q 本章会出几个面试题，分析每道题目设计的知识点，然后总结出一个完整的知识体系。让我们开始 “题目->知识点->解题” 的快乐之旅吧。
9 L0 L {, s, m4 `
1-1 导学-升级(前端面试题) 试看
; o* B0 c. X5 y4 N0 ]; f 1-2 看了这节课你就知道该怎么准备面试了
7 Z' M# N" y7 ^ 1-3 先来体验几个面试题
! Z# X: X: }; Y x 1-4 如何搞定所有面试题 试看
1-5 知识体系
第2章 面试前的准备【要知己知彼，不打无准备之仗】
本章介绍面试之前你需要准备什么，以及如何解读 JD ，如何写好简历，还有些面试的注意事项。帮大家规避一些非技术的风险和问题。
$ ]5 @& H* O/ B- n) @8 t7 N; l, d9 [! M
4 e' d# l. i6 T! j0 | 2-1 面试之前需要准备你什么
: W: H' [2 [9 I7 T+ z. Z 2-2 投递简历的几种方式
+ p9 F: Z) _* t" u% J 2-3 面试的主要环节
7 S% [2 G8 [$ e, w, ?% _( V% ] 2-4 JD分析-知己知彼（上）
* r: {/ I, t0 N/ V 2-5 JD分析-知己知彼（下）
1 @, ]! c0 a) n0 [# b 2-6 如何写简历
5 Q& n1 Y/ g1 M" K: t 2-7 简历案例分析
2-8 面试前的准备工作和注意事项
第3章 CSS 面试题【不多说了，前端面试 CSS 是必考知识，不过关直接回家】
本章讲解 CSS 中常考和必考的知识点，包括布局、定位、响应式等。其中会讲到很多常考问题，如 BFC、居中对齐、flex 布局等。前端一面中，CSS 一般最先考察，不过关则直接宣告失败。
) Z6 o: U. U: a% D
9 Y: v- W5 @* q5 h* l* @; `7 e4 r- D 3-1 html、css面试介绍
3-2 html面试题
" j5 K6 `: U) ?3 ^1 U8 ^ 3-3 布局-题目
9 y* ?) g/ p2 b( B. g8 ~7 k. X2 o+ D 3-4 布局-解题-1
' |+ K& S" @# z# I 3-5 布局-解题-2
: b7 z0 l: p- w! ` 3-6 布局-解题-3
3-7 布局-解题-4
3-8 布局-解题-5
3-9 定位-解题-1
* \3 A0 {$ X+ g' P 3-10 定位-解题-2
' E2 P4 u& u9 y 3-11 图文样式-解题
3-12 响应式-解题
3-13 2 css-响应式-vw-wh
& j# J; d5 t: a- S! S3 O 3-14 css面试总结
第4章 JS基础-变量类型和计算【不会变量，别说你会JS】
9 E* E3 G$ G$ i& Z: C9 t3 j 本章介绍变量的类型和计算的知识点和题目，包括值类型和引用类型区别，类型判断，深拷贝等。变量和类型是一个任何一门语言的基础，不了解的话，会被认为是 JS 语法不过关。
7 ^' ]3 [) s) @/ j6 B8 B 4-1 JS 值类型和引用类型的区别
1 ~4 x+ V. q+ B' C4 m3 n* ?6 N: J 4-2 手写 JS 深拷贝
4-3 变量计算 - 注意某些类型转换的坑
: w$ }- [( I/ p# x5 \ 4-4 变量类型相关的面试题
' ]: j4 p5 W) J; o: a# U7 C$ p5 { 第5章 JS基础-原型和原型链【三座大山之一，必考！！！】
本章介绍原型、原型链和 class 相关的知识点和题目。包括 class ，继承，原型，原型链，instanceof。原型是“JS 三座大山”之一，原型和原型链也是必考知识点。
4 Y+ S! O& i: K. P* | 5-1 JS 原型的考点和面试题
5-2 如何用 class 实现继承
5-3 如何理解 JS 原型（隐式原型和显示原型）
# a' D1 Y" \0 Q 5-4 instanceof 是基于原型链实现的
; h# ~" W& M8 w( e 5-5 JS 原型本章相关的面试题
( H1 m9 F8 p) ~5 j% y 第6章 JS基础-作用域和闭包【三座大山之二，不会闭包，基本不会通过】
本章介绍作用域和闭包的知识点和题目。包括作用域，自由变量，闭包，this 等部分。作用域是“JS 三座大山”之二，不知道闭包的话，面试通过概率不大。
2 ^+ Y2 _& x% R 6-1 什么是作用域？什么是自由变量？
6-2 什么是闭包？闭包会用在哪里？ 试看
6-3 this 有几种赋值情况
) A3 S7 S1 @4 K2 E6 t 6-4 作用域相关的面试题 - part1
! U8 o& O- o, q# d 6-5 作用域相关的面试题 - part2
6-6 补充 - 原型中的 this
第7章 JS基础-异步【三座大山之三，必考！！！】
2 [" f+ w8 \/ t: g 本章介绍异步的知识点和题目。包括异步和同步的区别，异步应用场景，以及 Promise 。异步是“JS 三座大山”之三，所有公司的 JS 面试，100% 会考察异步和 Promise 。
4 X& q4 ?2 c7 Q" K 7-1 同步和异步有何不同
V2 M% R$ Z, Q 7-2 异步的应用场景有哪些
) I2 E, n! x. `+ c; G 7-3 promise的基本使用
8 V) o% T+ t: I- A$ H. R1 m7 @ 7-4 JS 异步相关的面试题
7-5 JS基础部分的考点总结
+ \% N5 p. ?( m1 Z, q! C$ \6 ^* h 第8章 JS 异步进阶【想要进大厂，更多异步的问题等着你】
JS 的特色就是异步编程，所有有很多关于异步的考点，本章都会讲解。如 event loop、promise、async-await、微任务和宏任务。学不会这些，就不算是精通 JS ，也无法进大厂。
' s }( y' s# [
8-1 本章考点介绍
2 U2 |& s+ ` t 8-2 看几个异步的面试题
" F. _/ e8 o, _" K6 a. H- G$ g* V 8-3 什么是event loop
8-4 event loop 的执行过程
8-5 DOM事件和event loop的关系
& @3 ~. x7 S4 i* r) u 8-6 Promise有哪三种状态
8-7 Promise的then和catch如何影响状态的变化
! E$ D3 ~ q& w' v4 R 8-8 Promise关于then和catch的面试题
# M5 f5 Q) i$ ~4 ~8 K! W 8-9 async-await语法介绍-part1
8-10 async-await和Promise有什么关系
8-11 async-await是语法糖，异步的本质还是回调函数
5 {. n2 \. y8 m3 z9 i 8-12 for-of的应用场景
, a0 x \2 }: s+ S) p 8-13 什么是宏任务和微任务
; c9 d( \0 _3 x 8-14 event-loop和DOM渲染的关系
8-15 为什么微任务比宏任务执行更早
8 ? D. \5 R9 u0 T" N 8-16 微任务和宏任务的根本区别
: Y% r& E% S6 N" a A- [! _ 8-17 解答JS异步的面试题
8-18 本章考点总结
/ Q/ W* J5 {) s! u1 b; i" A0 w* t 第9章 JS-Web-API-DOM【学会DOM，才能具备网页开发的基础】
* i7 C! X+ [, e 本章介绍 DOM 操作的知识点和题目。包括 DOM 结构，常用 DOM 操作，DOM 性能优化等。DOM 是网页结构的基础，学会 DOM 操作才可以做网页开发。
- q( T- I- K [* \+ e5 _
% |! L v0 V% \* ?- l9 m% C1 { 9-1 从JS基础到JS-Web-API
. M8 `" m' y7 _ ?, G 9-2 DOM的本质是什么
6 f* V F1 @8 C7 Q3 H. w 9-3 DOM节点操作
/ y* N3 H& X% g' A1 I* ]! i 9-4 DOM结构操作
5 t8 e1 |* X5 {" J 9-5 如何优化 DOM 操作的性能
9-6 DOM 操作相关的面试题
第10章 JS-Web-API-BOM【内容虽然不多，但是你不能不会】
5 k2 ~) N! O# E" X9 d; ?3 t 本章介绍 BOM 操作的知识点和题目。本章内容虽然不多，但不可不会。
" `9 W+ N: n& e6 a
10-1 BOM 操作相关的面试题
$ T* A. p; n# x; W 第11章 JS-Web-API-事件【事件不会，等于残废，必考！必考！】
; Z/ k. e& s% l 本章介绍事件绑定的知识点和题目。包括事件绑定，事件冒泡机制，事件代理。事件能让网页和鼠标、键盘进行交互，初级 JS 面试必考。
+ s$ b7 D8 _- A 11-1 事件绑定和事件冒泡
11-2 什么是事件代理（面试必考）
# c/ y. I7 o' ` 11-3 DOM 事件相关的面试题
第12章 JS-Web-API-Ajax【每个工程师必须熟练掌握的技能】
- W% N- h6 v" ?% [ 本章介绍 ajax 相关的知识点和题目。包括 XMLHttpRequest ，同源策略，跨域方式，以及常用插件介绍。我们早就进入了动态网页时代，而当下的前后端分离开发方式，更加要求每个工程师必须熟练掌握 ajax 。
6 ^9 p2 ~5 E9 N3 W: v$ }% n! }, p 12-1 ajax 的核心API - XMLHttpRequest
12-2 什么是浏览器的同源策略
12-3 实现跨域的常见方式 - jsonp 和 CORS
, |" l/ J1 T( ^" Z% s% n! R- W 12-4 ajax 相关的面试题 - part1
12-5 ajax 本章相关的面试题 - part2
9 R7 a6 D8 J# d' K 12-6 实际项目中 ajax 的常用插件
第13章 JS-Web-API-存储【内容虽然不多，但不可不会】
" q; ]0 u. a6 Q& p6 v6 Q4 j. ~& n+ C" k 本章介绍存储的知识点和题目。包括 cookie、localStorage 和 sessionStorage 。本章内容虽然不多，但不可不会。
& W+ `6 ~+ R8 p: {8 F1 b
13-1 如何理解 cookie
" m: G9 h. S0 s2 W! g 13-2 localStorage SessionStorage 和 cookie 的区别
1 O J6 p W4 |1 }- f 第14章 http 面试题【前后端分离的时代，网络请求是前端的生命线】
3 Z, n1 o' P# I8 l+ ]4 }; o6 u 前端工程师做出网页，需要通过网络请求向后端获取数据，因此 http 协议是前端面试的必考内容。本章讲解 http 协议常考的知识点，如状态码、header、method、缓存等。特别是 http 缓存策略，非常重要。
2 s, t6 T, G( d8 _ 14-1 http的几个面试题
14-2 http常见的状态码有哪些-part1
14-3 http常见的状态码有哪些-part2
' f9 W0 _# c5 p: I 14-4 什么是Restful-API
14-5 http哪些常见header
14-6 http为何需要缓存
14-7 cache-control是什么意思-http强制缓存
14-8 Etag和Last-Modified是什么意思-http协商缓存
7 \% `$ U+ d+ @. D% G$ h, l 14-9 刷新页面对http缓存的影响
/ f: O z" P, p/ z 14-10 http考点总结
第15章 开发环境【不会这些，你就会被认定是菜鸟小白，没做过项目】
本章介绍开发环境相关的知识点和题目。包括 git ，调试工具，抓包工具，webpack 和 babel ，以及 linux 常用命令。熟练使用开发环境的各个工具，才能证明你真的做过前端开发，真的有项目经验，否则只能被认定为菜鸟小白。
15-1 前端开发常用的开发工具
7 l. B1 G! T% u& f 15-2 什么是 git
15-3 git 的常用命令有哪些
15-4 git 常用命令演示
% S6 F# m& w: j) `4 I 15-5 如何用 chrome 调试 js 代码
; c6 y& I8 d. l1 S! u 15-6 移动端 h5 如何抓包网络请求
15-7 如何配置 webpack
" z. v) G& Q4 h/ J0 S& \8 i. [ 15-8 如何配置 babel
1 U" [& L4 L& ^' R1 `0 I% q; Y 15-9 ES6 模块化规范是什么
15-10 如何配置 webpack 生产环境
0 m. j' K @1 l 15-11 前端用到的 linux 常用命令有哪些
, u+ X& K; X! I( P/ | 15-12 开发环境的考点总结
第16章 运行环境【这些会了，你就可以飞了】
本章介绍运行环境相关的知识点和题目。包括浏览器加载和渲染机制，性能优化，web 安全。网页在浏览器加载和运行，这些内容必须掌握，也是面试常考。
6 Q+ k0 z7 e4 A, d* ]. M' Z
16-1 JS 上线之后在什么哪里运行？
; q" P. ]5 ?! c# r; }5 ]" A 16-2 网页是如何加载并渲染出来的
16-3 网页加载和渲染的示例
! K& @- | r2 k4 ^1 X/ f 16-4 网页加载和渲染相关的面试题
16-5 前端性能优化有哪些方式
; _2 u5 Z/ B) ~9 x7 ?7 | C) E 16-6 前端性能优化的示例
7 a. z4 k+ v- u' d# ]1 M 16-7 手写防抖 debounce
16-8 手写节流 throttle
16-9 如何预防 xss 攻击
16-10 如何预防 xsrf 攻击
( i# K7 r1 \; o 16-11 运行环境的考点总结
第17章 课程总结【很有必要带你避免面试犯低级错误】
本章回顾所有题目和知识点，总结课程内容。还会介绍一些实用的面试技巧，避免你在面试中犯一些低级错误。
17-1 课程总结~
, E' s# c7 V! Y! m7 e 17-2 面试技巧
第18章 真题模拟【我是来告诉你答案是什么】
本章节，通过一部分高频面试真题，带大家分析面试，以及如何解答。
18-1 章节介绍
18-2 题目讲解-1：何为变量提升？
18-3 题目讲解-2：手写深度比较 isEqual
18-4 题目讲解-3：你是否真的会用数组 map
18-5 题目讲解-4：再学闭包
: r4 V7 b8 I# d, ^- k* b: Q$ j 18-6 面试讲解-5：回顾 DOM 操作和优化
18-7 面试讲解-6：jsonp 本质是 ajax 吗
18-8 面试讲解-7：是否用过 Object.create()
W k( [3 u! L 18-9 面试讲解-8：常见的正则表达式
9 t4 g7 L' o% k 18-10 面试讲解-9：如何获取最大值
18-11 面试讲解-10：解析 url 参数
6 ]* Y& l8 D0 E" z7 q 18-12 面试讲解-11：数组去重有几种方式？
F& U0 z/ m9 F) [) ]" k8 i8 c$ s8 V 18-13 面试讲解-12：是否用过 requestAnimationFrame
〖视频截图〗:
