收藏

一天时间高效准备前端技术一面 匹配大厂面试要求

建立初中级前端面试(0~2年)JS知识体系 掌握解决面试题的思路与技巧

一天时间高效准备前端技术一面 匹配大厂面试要求

¥299.00
已完结 难度 初级 时长 20小时15分钟 学习人数 4683 综合评分 9.99
  • 第1章 课程介绍【说说面试的那些事儿】 7 节 | 33分钟

    本章会出几个面试题,分析每道题目设计的知识点,然后总结出一个完整的知识体系。让我们开始 “题目->知识点->解题” 的快乐之旅吧。

    收起列表

    • 图文: 1-1 课前必读
    • 图文: 1-2 章介绍
    • 视频: 1-3 导学-升级(前端面试题) (07:23) 试看
    • 视频: 1-4 看了这节课你就知道该怎么准备面试了 (03:13)
    • 视频: 1-5 先来体验几个面试题 (03:12)
    • 视频: 1-6 如何搞定所有面试题 (06:34) 试看
    • 视频: 1-7 知识体系 (11:42)
  • 第2章 面试前的准备【要知己知彼,不打无准备之仗】 9 节 | 97分钟

    本章介绍面试之前你需要准备什么,以及如何解读 JD ,如何写好简历,还有些面试的注意事项。帮大家规避一些非技术的风险和问题。

    收起列表

    • 图文: 2-1 章介绍
    • 视频: 2-2 面试之前你需要准备什么? (03:05)
    • 视频: 2-3 投递简历的几种方式 (10:09)
    • 视频: 2-4 面试的主要环节 (10:59)
    • 视频: 2-5 JD分析-知己知彼(上) (10:32)
    • 视频: 2-6 JD分析-知己知彼(下) (10:44)
    • 视频: 2-7 如何写简历 (18:25)
    • 视频: 2-8 简历案例分析 (21:04)
    • 视频: 2-9 面试前的准备工作和注意事项 (11:12)
  • 第3章 CSS 面试题【不多说了,前端面试 CSS 是必考知识,不过关直接回家】 16 节 | 129分钟

    本章讲解 CSS 中常考和必考的知识点,包括布局、定位、响应式等。其中会讲到很多常考问题,如 BFC、居中对齐、flex 布局等。前端一面中,CSS 一般最先考察,不过关则直接宣告失败。

    收起列表

    • 图文: 3-1 章介绍
    • 视频: 3-2 html、css面试介绍 (06:16)
    • 视频: 3-3 html面试题 (04:39)
    • 视频: 3-4 布局-题目 (04:43)
    • 视频: 3-5 布局-解题-1 (07:54)
    • 视频: 3-6 布局-解题-2 (10:41)
    • 视频: 3-7 布局-解题-3 (14:08)
    • 视频: 3-8 布局-解题-4 (08:40)
    • 视频: 3-9 布局-解题-5 (05:10)
    • 视频: 3-10 定位-解题-1 (06:05)
    • 视频: 3-11 定位-解题-2 (11:32)
    • 视频: 3-12 图文样式-解题 (05:16)
    • 视频: 3-13 响应式-解题 (14:03)
    • 视频: 3-14 2 css-响应式-vw-wh (12:37)
    • 视频: 3-15 css面试总结 (16:35)
    • 作业: 3-16 【任务】总结 CSS 面试题
  • 第4章 JS基础-变量类型和计算【不会变量,别说你会JS】 6 节 | 43分钟

    本章介绍变量的类型和计算的知识点和题目,包括值类型和引用类型区别,类型判断,深拷贝等。变量和类型是一个任何一门语言的基础,不了解的话,会被认为是 JS 语法不过关。

    收起列表

    • 图文: 4-1 章介绍
    • 视频: 4-2 JS 值类型和引用类型的区别 (13:02)
    • 视频: 4-3 手写 JS 深拷贝 (16:13)
    • 视频: 4-4 变量计算 - 注意某些类型转换的坑 (09:48)
    • 视频: 4-5 变量类型相关的面试题 (03:51)
    • 作业: 4-6 【任务】默写 JS 深拷贝
  • 第5章 JS基础-原型和原型链【三座大山之一,必考!!!】 7 节 | 50分钟

    本章介绍原型、原型链和 class 相关的知识点和题目。包括 class ,继承,原型,原型链,instanceof。原型是“JS 三座大山”之一,原型和原型链也是必考知识点。

    收起列表

    • 图文: 5-1 章介绍
    • 视频: 5-2 JS 原型的考点和面试题 (04:17)
    • 视频: 5-3 如何用 class 实现继承 (14:50)
    • 视频: 5-4 如何理解 JS 原型(隐式原型和显示原型) (09:10)
    • 视频: 5-5 instanceof 是基于原型链实现的 (08:57)
    • 视频: 5-6 JS 原型本章相关的面试题 (12:30)
    • 作业: 5-7 【任务】画图解释原型链
  • 第6章 JS基础-作用域和闭包【三座大山之二,不会闭包,基本不会通过】 8 节 | 42分钟

    本章介绍作用域和闭包的知识点和题目。包括作用域,自由变量,闭包,this 等部分。作用域是“JS 三座大山”之二,不知道闭包的话,面试通过概率不大。

    收起列表

    • 图文: 6-1 章介绍
    • 视频: 6-2 什么是作用域?什么是自由变量? (07:11)
    • 视频: 6-3 什么是闭包?闭包会用在哪里? (07:46) 试看
    • 视频: 6-4 this 有几种赋值情况 (04:35)
    • 视频: 6-5 作用域相关的面试题 - part1 (11:47)
    • 视频: 6-6 作用域相关的面试题 - part2 (08:16)
    • 视频: 6-7 补充 - 原型中的 this (02:18)
    • 作业: 6-8 【任务】总结闭包的使用场景
  • 第7章 JS基础-异步【三座大山之三,必考!!!】 6 节 | 36分钟

    本章介绍异步的知识点和题目。包括异步和同步的区别,异步应用场景,以及 Promise 。异步是“JS 三座大山”之三,所有公司的 JS 面试,100% 会考察异步和 Promise 。

    收起列表

    • 视频: 7-1 同步和异步有何不同 (09:31)
    • 视频: 7-2 异步的应用场景有哪些 (03:28)
    • 视频: 7-3 promise的基本使用 (05:55)
    • 视频: 7-4 JS 异步相关的面试题 (12:38)
    • 视频: 7-5 JS基础部分的考点总结 (03:33)
    • 作业: 7-6 【任务】初识 Promise
  • 第8章 JS 异步进阶【想要进大厂,更多异步的问题等着你】 22 节 | 192分钟

    JS 的特色就是异步编程,所有有很多关于异步的考点,本章都会讲解。如 event loop、promise、async-await、微任务和宏任务。学不会这些,就不算是精通 JS ,也无法进大厂。

    收起列表

    • 图文: 8-1 章介绍
    • 视频: 8-2 本章考点介绍 (03:24)
    • 视频: 8-3 看几个异步的面试题 (06:43)
    • 视频: 8-4 什么是event loop (05:46)
    • 视频: 8-5 event loop 的执行过程 (14:53)
    • 视频: 8-6 DOM事件和event loop的关系 (05:13)
    • 视频: 8-7 Promise有哪三种状态 (14:30)
    • 视频: 8-8 Promise的then和catch如何影响状态的变化 (09:38)
    • 视频: 8-9 Promise关于then和catch的面试题 (06:29)
    • 视频: 8-10 async-await语法介绍-part1 (09:39)
    • 视频: 8-11 async-await和Promise有什么关系 (14:36)
    • 视频: 8-12 async-await是语法糖,异步的本质还是回调函数 (14:52)
    • 视频: 8-13 什么是宏任务和微任务 (05:10)
    • 视频: 8-14 event-loop和DOM渲染的关系 (05:05)
    • 视频: 8-15 为什么微任务比宏任务执行更早 (08:50)
    • 视频: 8-16 微任务和宏任务的根本区别 (04:37)
    • 视频: 8-17 解答JS异步的面试题 (14:37)
    • 视频: 8-18 手写 Promise-题目解读 (06:14)
    • 视频: 8-19 手写 Promise-构造函数 (13:18)
    • 视频: 8-20 手写 Promise-then 的链式调用 (12:56)
    • 视频: 8-21 手写 Promise-all 和 race (10:47)
    • 视频: 8-22 本章考点总结 (03:50)
  • 第9章 JS-Web-API-DOM【学会DOM,才能具备网页开发的基础】 7 节 | 42分钟

    本章介绍 DOM 操作的知识点和题目。包括 DOM 结构,常用 DOM 操作,DOM 性能优化等。DOM 是网页结构的基础,学会 DOM 操作才可以做网页开发。

    收起列表

    • 图文: 9-1 章介绍
    • 视频: 9-2 从JS基础到JS-Web-API (03:20)
    • 视频: 9-3 DOM的本质是什么 (06:56)
    • 视频: 9-4 DOM节点操作 (13:33)
    • 视频: 9-5 DOM结构操作 (08:34)
    • 视频: 9-6 如何优化 DOM 操作的性能 (07:07)
    • 视频: 9-7 DOM 操作相关的面试题 (02:03)
  • 第10章 JS-Web-API-BOM【内容虽然不多,但是你不能不会】 2 节 | 6分钟

    本章介绍 BOM 操作的知识点和题目。本章内容虽然不多,但不可不会。

    收起列表

    • 图文: 10-1 章介绍
    • 视频: 10-2 BOM 操作相关的面试题 (05:57)
  • 第11章 JS-Web-API-事件【事件不会,等于残废,必考!必考!】 4 节 | 29分钟

    本章介绍事件绑定的知识点和题目。包括事件绑定,事件冒泡机制,事件代理。事件能让网页和鼠标、键盘进行交互,初级 JS 面试必考。

    收起列表

    • 图文: 11-1 章介绍
    • 视频: 11-2 事件绑定和事件冒泡 (11:59)
    • 视频: 11-3 什么是事件代理(面试必考) (12:26)
    • 视频: 11-4 DOM 事件相关的面试题 (03:39)
  • 第12章 JS-Web-API-Ajax【每个工程师必须熟练掌握的技能】 7 节 | 54分钟

    本章介绍 ajax 相关的知识点和题目。包括 XMLHttpRequest ,同源策略,跨域方式,以及常用插件介绍。我们早就进入了动态网页时代,而当下的前后端分离开发方式,更加要求每个工程师必须熟练掌握 ajax 。

    收起列表

    • 图文: 12-1 章介绍
    • 视频: 12-2 ajax 的核心API - XMLHttpRequest (19:17)
    • 视频: 12-3 什么是浏览器的同源策略 (08:57)
    • 视频: 12-4 实现跨域的常见方式 - jsonp 和 CORS (10:32)
    • 视频: 12-5 ajax 相关的面试题 - part1 (06:26)
    • 视频: 12-6 ajax 本章相关的面试题 - part2 (02:40)
    • 视频: 12-7 实际项目中 ajax 的常用插件 (05:58)
  • 第13章 JS-Web-API-存储【内容虽然不多,但不可不会】 3 节 | 13分钟

    本章介绍存储的知识点和题目。包括 cookie、localStorage 和 sessionStorage 。本章内容虽然不多,但不可不会。

    收起列表

    • 图文: 13-1 章介绍
    • 视频: 13-2 如何理解 cookie (08:15)
    • 视频: 13-3 localStorage SessionStorage 和 cookie 的区别 (04:14)
  • 第14章 http 面试题【前后端分离的时代,网络请求是前端的生命线】 13 节 | 113分钟

    前端工程师做出网页,需要通过网络请求向后端获取数据,因此 http 协议是前端面试的必考内容。本章讲解 http 协议常考的知识点,如状态码、header、method、缓存等。特别是 http 缓存策略,非常重要。

    收起列表

    • 图文: 14-1 章介绍
    • 视频: 14-2 http的几个面试题 (04:22)
    • 视频: 14-3 http常见的状态码有哪些-part1 (10:00)
    • 视频: 14-4 http常见的状态码有哪些-part2 (08:59)
    • 视频: 14-5 什么是Restful-API (11:46)
    • 视频: 14-6 http哪些常见header (12:54)
    • 视频: 14-7 http为何需要缓存 (08:21)
    • 视频: 14-8 cache-control是什么意思-http强制缓存 (10:06)
    • 视频: 14-9 Etag和Last-Modified是什么意思-http协商缓存 (15:27)
    • 视频: 14-10 刷新页面对http缓存的影响 (05:00)
    • 视频: 14-11 https-加密方式 (11:43)
    • 视频: 14-12 https-过程解析 (10:46)
    • 视频: 14-13 http考点总结 (03:22)
  • 第15章 开发环境【不会这些,你就会被认定是菜鸟小白,没做过项目】 13 节 | 109分钟

    本章介绍开发环境相关的知识点和题目。包括 git ,调试工具,抓包工具,webpack 和 babel ,以及 linux 常用命令。熟练使用开发环境的各个工具,才能证明你真的做过前端开发,真的有项目经验,否则只能被认定为菜鸟小白。

    收起列表

    • 图文: 15-1 章介绍
    • 视频: 15-2 前端开发常用的开发工具 (04:56)
    • 视频: 15-3 什么是 git (05:40)
    • 视频: 15-4 git 的常用命令有哪些 (09:48)
    • 视频: 15-5 git 常用命令演示 (14:10)
    • 视频: 15-6 如何用 chrome 调试 js 代码 (06:41)
    • 视频: 15-7 移动端 h5 如何抓包网络请求 (09:57)
    • 视频: 15-8 如何配制 webpack (17:23)
    • 视频: 15-9 如何配置 babel (08:36)
    • 视频: 15-10 ES6 模块化规范是什么 (07:11)
    • 视频: 15-11 如何配置 webpack 生产环境 (05:26)
    • 视频: 15-12 前端用到的 linux 常用命令有哪些 (16:28)
    • 视频: 15-13 开发环境的考点总结 (01:55)
  • 第16章 运行环境【这些会了,你就可以飞了】 12 节 | 86分钟

    本章介绍运行环境相关的知识点和题目。包括浏览器加载和渲染机制,性能优化,web 安全。网页在浏览器加载和运行,这些内容必须掌握,也是面试常考。

    收起列表

    • 图文: 16-1 章介绍
    • 视频: 16-2 JS 上线之后在什么哪里运行? (03:44)
    • 视频: 16-3 网页是如何加载并渲染出来的 (09:46)
    • 视频: 16-4 网页加载和渲染的示例 (07:32)
    • 视频: 16-5 网页加载和渲染相关的面试题 (03:10)
    • 视频: 16-6 前端性能优化有哪些方式 (11:52)
    • 视频: 16-7 前端性能优化的示例 (09:40)
    • 视频: 16-8 手写防抖 debounce (15:37)
    • 视频: 16-9 手写节流 throttle (11:25)
    • 视频: 16-10 如何预防 xss 攻击 (06:54)
    • 视频: 16-11 如何预防 xsrf 攻击 (03:49)
    • 视频: 16-12 运行环境的考点总结 (01:47)
  • 第17章 课程总结【很有必要带你避免面试犯低级错误】 4 节 | 22分钟

    本章回顾所有题目和知识点,总结课程内容。还会介绍一些实用的面试技巧,避免你在面试中犯一些低级错误。

    收起列表

    • 视频: 17-1 课程总结~ (12:13)
    • 视频: 17-2 面试技巧 (08:55)
    • 图文: 17-3 扩展学习
    • 图文: 17-4 后续学习建议
  • 第18章 真题模拟【我是来告诉你答案是什么】 18 节 | 231分钟

    本章节,通过一部分高频面试真题,带大家分析面试,以及如何解答。

    收起列表

    • 视频: 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)
    • 视频: 18-14 Map 和 Set-有序和无序 (16:17)
    • 视频: 18-15 Map 和 Object 区别 (14:11)
    • 视频: 18-16 Set 和 Array 区别 (10:33)
    • 视频: 18-17 WeakMap 和 WeakSet (15:14)
    • 视频: 18-18 数组 reduce 的用法 (15:44)
本课程已完结

试看

全部试看小节



讲师

双越 Web前端工程师

骨灰级前端工程师,BAT架构师,PMP,项目技术负责人,开源编辑器 wangEditor的作者。多年讲课经验,深受同学们喜爱,深入浅出是他的金字招牌。出的面试课已成功将很多同学送入大厂。乐于分享,博客流量过百万。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题