快速搞定前端技术一面 匹配大厂面试要求学习笔记
第 1 章 课程介绍【说说面试的那些事儿】
本章会出几个面试题 ， 分析每道题目设计的知识点 ， 然后总结出一个完整的知识体系。让我们开始“题目 -> 知识点 -> 解题”的快乐之旅吧。
共 5 节 (31 分钟)
1-1 导学 - 升级 (前端面试题) (05:53) 试看
1-2 看了这节课你就知道该怎么准备面试了 (03:13)
1-3 先来体验几个面试题 (03:12)
1-4 如何搞定所有面试题 (06:34) 试看
1-5 知识体系 (11:42)
第 2 章 面试前的准备【要知己知彼 ， 不打无准备之仗】
本章介绍面试之前你需要准备什么 ， 以及如何解读 JD ， 如何写好简历 ， 还有些面试的注意事项。帮大家规避一些非技术的风险和问题。
共 8 节 (97 分钟)
2-1 面试之前你需要准备什么 ？ (03:05)
2-2 投递简历的几种方式 (10:09)
2-3 面试的主要环节 (10:59)
2-4 JD 分析 - 知己知彼 （ 上 ） (10:32)
2-5 JD 分析 - 知己知彼 （ 下 ） (10:44)
2-6 如何写简历 (18:25)
2-7 简历案例分析 (21:04)
2-8 面试前的准备工作和注意事项 (11:12)
第 3 章 CSS 面试题【不多说了 ， 前端面试 CSS 是必考知识 ， 不过关直接回家】
本章讲解 CSS 中常考和必考的知识点 ， 包括布局、定位、响应式等。其中会讲到很多常考问题 ， 如 BFC、居中对齐、flex 布局等。前端一面中 ，CSS 一般最先考察 ， 不过关则直接宣告失败。
共 14 节 (129 分钟)
3-1 html、css 面试介绍 (06:16)
3-2 html 面试题 (04:39)
3-3 布局 - 题目 (04:43)
3-4 布局 - 解题 -1 (07:54)
3-5 布局 - 解题 -2 (10:41)
3-6 布局 - 解题 -3 (14:08)
3-7 布局 - 解题 -4 (08:40)
3-8 布局 - 解题 -5 (05:10)
3-9 定位 - 解题 -1 (06:05)
3-10 定位 - 解题 -2 (11:32)
3-11 图文样式 - 解题 (05:16)
3-12 响应式 - 解题 (14:03)
3-13 2 css- 响应式 -vw-wh (12:37)
3-14 css 面试总结 (16:35)
第 4 章 JS 基础 - 变量类型和计算【不会变量 ， 别说你会 JS】
本章介绍变量的类型和计算的知识点和题目 ， 包括值类型和引用类型区别 ， 类型判断 ， 深拷贝等。变量和类型是一个任何一门语言的基础 ， 不了解的话 ， 会被认为是 JS 语法不过关。
共 4 节 (43 分钟)
4-1 JS 值类型和引用类型的区别 (13:02)
4-2 手写 JS 深拷贝 (16:13)
4-3 变量计算 – 注意某些类型转换的坑 (09:48)
4-4 变量类型相关的面试题 (03:51)
第 5 章 JS 基础 - 原型和原型链【三座大山之一 ， 必考 ！！！】
本章介绍原型、原型链和 class 相关的知识点和题目。包括 class ， 继承 ， 原型 ， 原型链 ，instanceof。原型是“JS 三座大山”之一 ， 原型和原型链也是必考知识点。
共 5 节 (50 分钟)
5-1 JS 原型的考点和面试题 (04:17)
5-2 如何用 class 实现继承 (14:50)
5-3 如何理解 JS 原型 （ 隐式原型和显示原型 ） (09:10)
5-4 instanceof 是基于原型链实现的 (08:57)
5-5 JS 原型本章相关的面试题 (12:30)
第 6 章 JS 基础 - 作用域和闭包【三座大山之二 ， 不会闭包 ， 基本不会通过】
本章介绍作用域和闭包的知识点和题目。包括作用域 ， 自由变量 ， 闭包 ，this 等部分。作用域是“JS 三座大山”之二 ， 不知道闭包的话 ， 面试通过概率不大。
共 6 节 (42 分钟)
6-1 什么是作用域 ？ 什么是自由变量 ？ (07:11)
6-2 什么是闭包 ？ 闭包会用在哪里 ？ (07:46)试看
6-3 this 有几种赋值情况 (04:35)
6-4 作用域相关的面试题 – part1 (11:47)
6-5 作用域相关的面试题 – part2 (08:16)
6-6 补充 – 原型中的 this (02:18)
第 7 章 JS 基础 - 异步【三座大山之三 ， 必考 ！！！】
本章介绍异步的知识点和题目。包括异步和同步的区别 ， 异步应用场景 ， 以及 Promise。异步是“JS 三座大山”之三 ， 所有公司的 JS 面试 ，100% 会考察异步和 Promise。
共 5 节 (36 分钟)
7-1 同步和异步有何不同 (09:31)
7-2 异步的应用场景有哪些 (03:28)
7-3 promise 的基本使用 (05:55)
7-4 JS 异步相关的面试题 (12:38)
7-5 JS 基础部分的考点总结 (03:33)
第 8 章 JS 异步进阶【想要进大厂 ， 更多异步的问题等着你】
JS 的特色就是异步编程 ， 所有有很多关于异步的考点 ， 本章都会讲解。如 event loop、promise、async-await、微任务和宏任务。学不会这些 ， 就不算是精通 JS ， 也无法进大厂。
共 18 节 (156 分钟)
第 9 章 JS-Web-API-DOM【学会 DOM， 才能具备网页开发的基础】
本章介绍 DOM 操作的知识点和题目。包括 DOM 结构 ， 常用 DOM 操作 ，DOM 性能优化等。DOM 是网页结构的基础 ， 学会 DOM 操作才可以做网页开发。
共 6 节 (42 分钟)
9-1 从 JS 基础到 JS-Web-API (03:20)
9-2 DOM 的本质是什么 (06:56)
9-3 DOM 节点操作 (13:33)
9-4 DOM 结构操作 (08:34)
9-5 如何优化 DOM 操作的性能 (07:07)
9-6 DOM 操作相关的面试题 (02:03)
第 10 章 JS-Web-API-BOM【内容虽然不多 ， 但是你不能不会】
本章介绍 BOM 操作的知识点和题目。本章内容虽然不多 ， 但不可不会。
共 1 节 (6 分钟)
10-1 BOM 操作相关的面试题 (05:57)
第 11 章 JS-Web-API- 事件【事件不会 ， 等于残废 ， 必考 ！ 必考 ！】
本章介绍事件绑定的知识点和题目。包括事件绑定 ， 事件冒泡机制 ， 事件代理。事件能让网页和鼠标、键盘进行交互 ， 初级 JS 面试必考。
共 3 节 (29 分钟)
11-1 事件绑定和事件冒泡 (11:59)
11-2 什么是事件代理 （ 面试必考 ） (12:26)
11-3 DOM 事件相关的面试题 (03:39)
第 12 章 JS-Web-API-Ajax【每个工程师必须熟练掌握的技能】
本章介绍 ajax 相关的知识点和题目。包括 XMLHttpRequest ， 同源策略 ， 跨域方式 ， 以及常用插件介绍。我们早就进入了动态网页时代 ， 而当下的前后端分离开发方式 ， 更加要求每个工程师必须熟练掌握 ajax。
共 6 节 (54 分钟)
12-1 ajax 的核心 API – XMLHttpRequest (19:23)
12-2 什么是浏览器的同源策略 (08:57)
12-3 实现跨域的常见方式 – jsonp 和 CORS (10:32)
12-4 ajax 相关的面试题 – part1 (06:26)
12-5 ajax 本章相关的面试题 – part2 (02:40)
12-6 实际项目中 ajax 的常用插件 (05:58)
第 13 章 JS-Web-API- 存储【内容虽然不多 ， 但不可不会】
本章介绍存储的知识点和题目。包括 cookie、localStorage 和 sessionStorage。本章内容虽然不多 ， 但不可不会。
共 2 节 (13 分钟)
13-1 如何理解 cookie (08:15)
13-2 localStorage SessionStorage 和 cookie 的区别 (04:14)
第 14 章 http 面试题【前后端分离的时代 ， 网络请求是前端的生命线】
前端工程师做出网页 ， 需要通过网络请求向后端获取数据 ， 因此 http 协议是前端面试的必考内容。本章讲解 http 协议常考的知识点 ， 如状态码、header、method、缓存等。特别是 http 缓存策略 ， 非常重要。
共 10 节 (91 分钟)
14-1 http 的几个面试题 (04:22)
14-2 http 常见的状态码有哪些 -part1 (10:00)
14-3 http 常见的状态码有哪些 -part2 (08:59)
14-4 什么是 Restful-API (11:46)
14-5 http 哪些常见 header (12:54)
14-6 http 为何需要缓存 (08:21)
14-7 cache-control 是什么意思 -http 强制缓存 (10:06)
14-8 Etag 和 Last-Modified 是什么意思 -http 协商缓存 (15:27)
14-9 刷新页面对 http 缓存的影响 (05:00)
14-10 http 考点总结 (03:22)
第 15 章 开发环境【不会这些 ， 你就会被认定是菜鸟小白 ， 没做过项目】
本章介绍开发环境相关的知识点和题目。包括 git ， 调试工具 ， 抓包工具 ，webpack 和 babel ， 以及 linux 常用命令。熟练使用开发环境的各个工具 ， 才能证明你真的做过前端开发 ， 真的有项目经验 ， 否则只能被认定为菜鸟小白。
共 12 节 (109 分钟)
15-1 前端开发常用的开发工具 (04:56)
15-2 什么是 git (05:40)
15-3 git 的常用命令有哪些 (09:48)
15-4 git 常用命令演示 (14:10)
15-5 如何用 chrome 调试 js 代码 (06:41)
15-6 移动端 h5 如何抓包网络请求 (09:57)
15-7 如何配置 webpack (17:23)
15-8 如何配置 babel (08:36)
15-9 ES6 模块化规范是什么 (07:11)
15-10 如何配置 webpack 生产环境 (05:26)
15-11 前端用到的 linux 常用命令有哪些 (16:28)
15-12 开发环境的考点总结 (01:55)
第 16 章 运行环境【这些会了 ， 你就可以飞了】
本章介绍运行环境相关的知识点和题目。包括浏览器加载和渲染机制 ， 性能优化 ，web 安全。网页在浏览器加载和运行 ， 这些内容必须掌握 ， 也是面试常考。
共 11 节 (86 分钟)
16-1 JS 上线之后在什么哪里运行 ？ (03:44)
16-2 网页是如何加载并渲染出来的 (09:46)
16-3 网页加载和渲染的示例 (07:32)
16-4 网页加载和渲染相关的面试题 (03:10)
16-5 前端性能优化有哪些方式 (11:52)
16-6 前端性能优化的示例 (09:40)
16-7 手写防抖 debounce (15:37)
16-8 手写节流 throttle (11:25)
16-9 如何预防 xss 攻击 (06:54)
16-10 如何预防 xsrf 攻击 (03:49)
16-11 运行环境的考点总结 (01:47)
第 17 章 课程总结【很有必要带你避免面试犯低级错误】
本章回顾所有题目和知识点 ， 总结课程内容。还会介绍一些实用的面试技巧 ， 避免你在面试中犯一些低级错误。
共 2 节 (22 分钟)
17-1 课程总结~ (12:13)
17-2 面试技巧 (08:55)
第 18 章 真题模拟【我是来告诉你答案是什么】
本章节 ， 通过一部分高频面试真题 ， 带大家分析面试 ， 以及如何解答。
共 13 节 (159 分钟)
18-1 章节介绍 (03:22)
18-2 题目讲解 -1： 何为变量提升 ？ (09:52)
18-3 题目讲解 -2： 手写深度比较 isEqual (27:52)
18-4 题目讲解 -3： 你是否真的会用数组 map (13:10)
18-5 题目讲解 -4： 再学闭包 (07:58)
18-6 面试讲解 -5： 回顾 DOM 操作和优化 (04:04)
18-7 面试讲解 -6：jsonp 本质是 ajax 吗 (05:14)
18-8 面试讲解 -7： 是否用过 Object.create() (17:35)
18-9 面试讲解 -8： 常见的正则表达式 (18:05)
18-10 面试讲解 -9： 如何获取最大值 (05:46)
18-11 面试讲解 -10： 解析 url 参数 (18:03)
18-12 面试讲解 -11： 数组去重有几种方式 ？ (12:25)
18-13 面试讲解 -12： 是否用过 requestAnimationFrame (15:00)
原文链接：https://blog.csdn.net/gaoyuanfeng2017/article/details/114495746
