收藏

前端面试全家桶:从求职准备到面试演练

双越老师带你体系化掌握大厂前端面试知识与流程

前端面试全家桶,从求职准备到面试演练

难度 中级 时长 91小时 学习人数 75 综合评分 10.00
  • 第1章 课程简介 试看 2 节 | 8分钟

    本章节对进行课程简单的介绍。

    收起列表

    • 视频: 1-1 课程导学 (05:17) 试看
    • 视频: 1-2 学前必看!!! (02:09)
  • 第2章 【第一阶段】高效准备前端技术一面:第一阶段介绍——说说面试的那些事儿 5 节 | 31分钟

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

    收起列表

    • 视频: 2-1 第一阶段导学 (05:53)
    • 视频: 2-2 看了这节课你就知道该怎么准备面试了 (03:13)
    • 视频: 2-3 先来体验几个面试题 (03:12)
    • 视频: 2-4 如何搞定所有面试题 (06:34)
    • 视频: 2-5 知识体系 (11:42)
  • 第3章 【第一阶段】高效准备前端技术一面: 面试前的准备 9 节 | 97分钟

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

    收起列表

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

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

    收起列表

    • 图文: 4-1 章介绍
    • 视频: 4-2 html、css面试介绍 (06:16)
    • 视频: 4-3 html 面试题 (04:39)
    • 视频: 4-4 布局-题目 (04:43)
    • 视频: 4-5 布局-解题-1 (07:54)
    • 视频: 4-6 布局-解题-2 (10:41)
    • 视频: 4-7 布局-解题-3 (14:08)
    • 视频: 4-8 布局-解题-4 (08:40)
    • 视频: 4-9 布局-解题-5 (05:10)
    • 视频: 4-10 定位-解题-1 (06:05)
    • 视频: 4-11 定位-解题-2 (11:32)
    • 视频: 4-12 图文样式-解题 (05:16)
    • 视频: 4-13 响应式-解题 (14:03)
    • 视频: 4-14 css-响应式-vw-wh (12:37)
    • 视频: 4-15 css 面试总结 (16:35)
    • 作业: 4-16 【任务】总结 CSS 面试题
  • 第5章 【第一阶段】高效准备前端技术一面:JS 异步进阶 22 节 | 192分钟

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

    收起列表

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

    本章讲解 JS 基础知识面试题,包括 JS 变量类型,还有“JS 三座大山”:原型、闭包、异步。JS 基础不过关,肯定无法通过前端面试。

    收起列表

    • 图文: 6-1 章介绍
    • 视频: 6-2 JS 值类型和引用类型的区别 (13:02)
    • 视频: 6-3 手写 JS 深拷贝 (16:13)
    • 视频: 6-4 变量计算 - 注意某些类型转换的坑 (09:48)
    • 视频: 6-5 变量类型相关的面试题 (03:51)
    • 作业: 6-6 【任务】默写 JS 深拷贝
    • 视频: 6-7 JS 原型的考点和面试题 (04:17)
    • 视频: 6-8 如何用 class 实现继承 (14:50)
    • 视频: 6-9 如何理解 JS 原型(隐式原型和显示原型) (09:10)
    • 视频: 6-10 instanceof 是基于原型链实现的 (08:57)
    • 视频: 6-11 JS 原型本章相关的面试题 (12:30)
    • 作业: 6-12 【任务】画图解释原型链
    • 视频: 6-13 什么是作用域?什么是自由变量? (07:11)
    • 视频: 6-14 什么是闭包?闭包会用在哪里? (07:46) 试看
    • 视频: 6-15 this 有几种赋值情况 (04:35)
    • 视频: 6-16 作用域相关的面试题 - part1 (11:47)
    • 视频: 6-17 作用域相关的面试题 - part2 (08:16)
    • 视频: 6-18 补充 - 原型中的 this (02:18)
    • 作业: 6-19 【任务】总结闭包的使用场景
    • 视频: 6-20 同步和异步有何不同 (09:31) 试看
    • 视频: 6-21 异步的应用场景有哪些 (03:28)
    • 视频: 6-22 promise 的基本使用 (05:55)
    • 视频: 6-23 JS 异步相关的面试题 (12:38)
    • 视频: 6-24 JS 基础部分的考点总结 (03:33)
    • 作业: 6-25 【任务】初识 Promise
  • 第7章 【第一阶段】高效准备前端技术一面:JS-Web-API-DOM 7 节 | 42分钟

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

    收起列表

    • 图文: 7-1 章介绍
    • 视频: 7-2 从JS基础到JS-Web-API (03:20)
    • 视频: 7-3 DOM的本质是什么 (06:56)
    • 视频: 7-4 DOM节点操作 (13:33)
    • 视频: 7-5 DOM结构操作 (08:34)
    • 视频: 7-6 如何优化 DOM 操作的性能 (07:07)
    • 视频: 7-7 DOM 操作相关的面试题 (02:03)
  • 第8章 【第一阶段】高效准备前端技术一面:JS-Web-API 考点和面试题 13 节 | 101分钟

    本章讲解 JS Web API 常见的考点和面试题,包括 BOM、DOM、事件、Ajax、存储,这些都是前端开发的必备技能。Web API 不熟练,则无法参与公司项目开发。

    收起列表

    • 图文: 8-1 章介绍
    • 视频: 8-2 BOM 操作相关的面试题 (05:57)
    • 视频: 8-3 事件绑定和事件冒泡 (11:59)
    • 视频: 8-4 什么是事件代理(面试必考) (12:26)
    • 视频: 8-5 DOM 事件相关的面试题 (03:39)
    • 视频: 8-6 ajax 的核心API - XMLHttpRequest (19:17)
    • 视频: 8-7 什么是浏览器的同源策略 (08:57)
    • 视频: 8-8 实现跨域的常见方式 - jsonp 和 CORS (10:32)
    • 视频: 8-9 ajax 相关的面试题 - part1 (06:26)
    • 视频: 8-10 ajax 相关的面试题 - part2 (02:40)
    • 视频: 8-11 实际项目中 ajax 的常用插件 (05:58)
    • 视频: 8-12 如何理解 cookie (08:15)
    • 视频: 8-13 localStorage SessionStorage 和 cookie 的区别 (04:14)
  • 第9章 【第一阶段】高效准备前端技术一面: http 面试题 13 节 | 113分钟

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

    收起列表

    • 图文: 9-1 章介绍
    • 视频: 9-2 http的几个面试题 (04:22)
    • 视频: 9-3 http常见的状态码有哪些-part1 (10:00)
    • 视频: 9-4 http常见的状态码有哪些-part2 (08:59)
    • 视频: 9-5 什么是 Restful-API (11:46)
    • 视频: 9-6 http 哪些常见 header (12:54)
    • 视频: 9-7 http 为何需要缓存 (08:21)
    • 视频: 9-8 cache-control是什么意思-http强制缓存 (10:06)
    • 视频: 9-9 Etag和Last-Modified是什么意思-http协商缓存 (15:27)
    • 视频: 9-10 刷新页面对http缓存的影响 (05:00)
    • 视频: 9-11 https-加密方式 (11:43)
    • 视频: 9-12 https-过程解析 (10:46)
    • 视频: 9-13 http考点总结 (03:22)
  • 第10章 【第一阶段】高效准备前端技术一面: 开发环境 13 节 | 109分钟

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

    收起列表

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

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

    收起列表

    • 图文: 11-1 章介绍
    • 视频: 11-2 JS 上线之后在什么哪里运行? (03:44)
    • 视频: 11-3 网页是如何加载并渲染出来的 (09:46)
    • 视频: 11-4 网页加载和渲染的示例 (07:32)
    • 视频: 11-5 网页加载和渲染相关的面试题 (03:10)
    • 视频: 11-6 前端性能优化有哪些方式 (11:52)
    • 视频: 11-7 前端性能优化的示例 (09:40)
    • 视频: 11-8 手写防抖 debounce (15:37)
    • 视频: 11-9 手写节流 throttle (11:25)
    • 视频: 11-10 如何预防 xss 攻击 (06:54)
    • 视频: 11-11 如何预防 xsrf 攻击 (03:49)
    • 视频: 11-12 运行环境的考点总结 (01:47)
  • 第12章 【第一阶段】高效准备前端技术一面:真题模拟【我是来告诉你答案是什么】 17 节 | 218分钟

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

    收起列表

    • 视频: 12-1 章节介绍 (03:22)
    • 视频: 12-2 题目讲解-1:何为变量提升? (09:52)
    • 视频: 12-3 题目讲解-2:手写深度比较 isEqual (27:52)
    • 视频: 12-4 题目讲解-3:你是否真的会用数组 map (13:10)
    • 视频: 12-5 题目讲解-4:再学闭包 (07:58)
    • 视频: 12-6 面试讲解-5:回顾 DOM 操作和优化 (04:04)
    • 视频: 12-7 面试讲解-6:jsonp 本质是 ajax 吗 (05:14)
    • 视频: 12-8 面试讲解-7:是否用过 Object.create() (17:35)
    • 视频: 12-9 面试讲解-8:常见的正则表达式 (18:05)
    • 视频: 12-10 面试讲解-9:如何获取最大值 (05:46)
    • 视频: 12-11 面试讲解-10:解析 url 参数 (18:03)
    • 视频: 12-12 面试讲解-12:是否用过 requestAnimationFrame (15:00)
    • 视频: 12-13 Map 和 Set-有序和无序 (16:17)
    • 视频: 12-14 Map 和 Object 区别 (14:11)
    • 视频: 12-15 Set 和 Array 区别 (10:33)
    • 视频: 12-16 WeakMap 和 WeakSet (15:14)
    • 视频: 12-17 数组 reduce 的用法 (15:44)
  • 第13章 【第一阶段】高效准备前端技术一面:课程总结【很有必要带你避免面试犯低级错误】 3 节 | 22分钟

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

    收起列表

    • 视频: 13-1 课程总结~ (12:13)
    • 视频: 13-2 面试技巧 (08:55)
    • 图文: 13-3 扩展学习
  • 第14章 【第二阶段】前端框架及项目面试:第二阶段简介 2 节 | 26分钟

    第二阶段简介。

    收起列表

    • 视频: 14-1 框架面试导学 (06:16)
    • 视频: 14-2 先看几个面试题 (19:09)
  • 第15章 【第二阶段】前端框架及项目面试:Vue2 考点和面试题 20 节 | 159分钟

    Vue 是国内最火的前端框架,是面试必考内容。Vue3 虽然已发布多时,但 Vue2 依然被广泛应用于各大项目中,面试依然会重点考察。本章讲解 Vue 基础应用、高级应用和原理的考点及面试题。

    收起列表

    • 图文: 15-1 章介绍
    • 视频: 15-2 先学 vue2 再学 vue3 (12:54)
    • 视频: 15-3 vue 基本使用 part1 (13:34)
    • 视频: 15-4 vue 基本知识点串讲-part2 (14:28)
    • 视频: 15-5 vue 父子组件如何通讯 (07:35)
    • 视频: 15-6 如何用自定义事件进行 vue 组件通讯 (06:17)
    • 视频: 15-7 vue 父子组件生命周期调用顺序 (11:27)
    • 视频: 15-8 面试会考察哪些 vue 高级特性 (05:03)
    • 视频: 15-9 vue 如何自己实现 v-model (06:54)
    • 视频: 15-10 vue 组件更新之后如何获取最新 DOM (08:52)
    • 视频: 15-11 slot是什么? (11:13)
    • 视频: 15-12 vue 动态组件是什么 (07:27)
    • 视频: 15-13 vue 如何异步加载组件 (04:38)
    • 视频: 15-14 vue 如何缓存组件 (06:39)
    • 视频: 15-15 vue 组件如何抽离公共逻辑 (11:03)
    • 视频: 15-16 vue 高级特性知识点小结 (06:19)
    • 视频: 15-17 vuex 知识点串讲 (07:02)
    • 视频: 15-18 vue-router 知识点串讲 (06:39)
    • 视频: 15-19 vue 使用-考点总结和复习 (09:58)
    • 作业: 15-20 【任务】总结 vue 高级特性
  • 第16章 【第二阶段】前端框架及项目面试:vue2 原理 & Vue 面试真题演练 30 节 | 245分钟

    要保证自己的面试竞争力,必须掌握 Vue 原理,前端高级面试或者大厂面试中常考。本章讲解虚拟DOM,diff 算法,响应式,模板编译,组件渲染等 Vue 原理常考的知识点和面试题。学习完 Vue 的使用和原理,就来模拟面试吧。本章给出了大量的 Vue 常考面试题,帮你验证学习效果,温故知新。...

    收起列表

    • 图文: 16-1 章介绍
    • 视频: 16-2 vue 原理-大厂必考 (15:29)
    • 视频: 16-3 如何理解 MVVM (11:33)
    • 视频: 16-4 监听data变化的核心API是什么 (08:51)
    • 视频: 16-5 如何深度监听data变化 (12:31)
    • 视频: 16-6 vue如何监听数组变化 (13:16)
    • 视频: 16-7 虚拟DOM-面试里的网红 (13:11)
    • 视频: 16-8 用过虚拟DOM吗 (18:06)
    • 视频: 16-9 虚拟DOM-diff算法概述 (09:42)
    • 视频: 16-10 深入diff算法源码-生成vnode (08:29)
    • 视频: 16-11 深入 diff 算法源码-patch 函数 (06:15)
    • 视频: 16-12 深入 diff 算法源码-patchVnode 函数 (10:44)
    • 视频: 16-13 深入 diff 算法源码-updateChildren 函数 (13:01)
    • 视频: 16-14 虚拟 DOM-考点总结和复习 (03:18)
    • 视频: 16-15 模板编译前置知识点-with 语法 (08:01)
    • 视频: 16-16 vue 模板被编译成什么 (22:19)
    • 视频: 16-17 vue 组件可用 render 代替 template (04:43)
    • 视频: 16-18 回顾和复习已学的知识点 (05:39)
    • 视频: 16-19 vue 组件是如何渲染和更新的 (06:23)
    • 视频: 16-20 vue组件是异步渲染的 (03:29)
    • 视频: 16-21 如何用JS实现hash路由 (08:12)
    • 视频: 16-22 如何用 JS 实现 H5 history 路由 (10:54)
    • 视频: 16-23 vue 原理-考点总结和复习 (05:30)
    • 作业: 16-24 【任务】vnode 之于 Vue 的作用
    • 视频: 16-25 vue 真题演练1-v-for 为何使用 key (06:54)
    • 视频: 16-26 vue 真题演练2-组件 data 为何是函数 (04:13)
    • 视频: 16-27 vue 真题演练3-何时使用 keep-alive (02:39)
    • 视频: 16-28 vue 真题演练4-何时需要使用 beforeDestroy (02:24)
    • 视频: 16-29 vue 真题演练5-diff 算法时间复杂度 (03:00)
    • 视频: 16-30 vue 真题演练6-vue 常见性能优化 (05:50)
  • 第17章 【第二阶段】前端框架及项目面试:Vue3 学习 35 节 | 361分钟

    对 vue3 进行全面讲解。

    收起列表

    • 图文: 17-1 章介绍
    • 视频: 17-2 vue3 考点概述 (13:53)
    • 视频: 17-3 vue3 对 vue2 有什么优势 (07:54)
    • 视频: 17-4 vue3 和 vue2 的生命周期有什么区别 (13:23)
    • 视频: 17-5 如何理解Composition API和Options API (18:32)
    • 视频: 17-6 如何理解ref toRef 和 toRefs (12:15)
    • 视频: 17-7 toRef和toRefs如何使用 (14:43)
    • 视频: 17-8 ref toRef和toRefs的最佳使用方式 (04:29)
    • 视频: 17-9 为什么需要用 ref (14:28)
    • 视频: 17-10 为何ref需要value属性 (11:00)
    • 视频: 17-11 为什么需要 toRef 和 toRefs (04:24)
    • 视频: 17-12 vue3 升级了哪些重要功能 (17:04)
    • 视频: 17-13 Composition API 如何实现逻辑复用 (16:14)
    • 视频: 17-14 Vue3如何实现响应式 (06:41)
    • 视频: 17-15 Proxy 基本使用 (16:53)
    • 视频: 17-16 vue3用Proxy 实现响应式 (12:22)
    • 视频: 17-17 v-model参数的用法 (11:06)
    • 视频: 17-18 watch和watchEffect的区别 (13:14)
    • 视频: 17-19 setup中如何获取组件实例 (06:22)
    • 视频: 17-20 什么是PatchFlag (12:40)
    • 视频: 17-21 什么是 HoistStatic 和 CacheHandler (09:07)
    • 视频: 17-22 SSR和Tree-shaking的优化 (04:00)
    • 视频: 17-23 Vite 为什么启动非常快 (06:35)
    • 视频: 17-24 ES Module 在浏览器中的应用 (12:20)
    • 视频: 17-25 Composition API 和 React Hooks 的对比 (05:32)
    • 视频: 17-26 vue3考点总结 (04:53)
    • 作业: 17-27 【任务】Composition API 给 Vue 带来
    • 视频: 17-28 【升级】Vue3和JSX-基本使用 (15:34)
    • 视频: 17-29 【升级】Vue3和JSX-JSX和template的区别 (15:49)
    • 视频: 17-30 【升级】Vue3和JSX-slot的一些问题 (15:41)
    • 视频: 17-31 【升级】Vue3和JSX-使用JSX实现slot (07:10)
    • 视频: 17-32 【升级】Vue3和JSX-使用JSX实现作用域slot (10:38)
    • 视频: 17-33 【升级】Vue3-script-setup-基本使用-part1 (11:57)
    • 视频: 17-34 【升级】Vue3-script-setup-属性和事件 (08:04)
    • 视频: 17-35 【升级】Vue3-script-setup-暴露组件信息defineExpose (05:59)
  • 第18章 【第二阶段】前端框架及项目面试:React的使用 36 节 | 247分钟

    React 是国内流行的前端框架,尤其大厂应用较多。本章讲解 React 基础应用,助你通过 React 技术栈的面试。

    收起列表

    • 图文: 18-1 章介绍
    • 视频: 18-2 React使用-考点串讲 (09:58)
    • 视频: 18-3 关于 React17 (01:03)
    • 视频: 18-4 JSX基本知识点串讲 (10:43)
    • 视频: 18-5 JSX如何判断条件和渲染列表 (09:16)
    • 视频: 18-6 React事件为何bind this (11:14)
    • 视频: 18-7 React 事件和 DOM 事件的区别 (08:57)
    • 视频: 18-8 React表单知识点串讲 (07:57)
    • 视频: 18-9 React父子组件通讯 (08:41)
    • 视频: 18-10 setState为何使用不可变值 (14:44)
    • 视频: 18-11 setState 是同步还是异步 (07:01)
    • 视频: 18-12 setState何时会合并state (07:22)
    • 视频: 18-13 React18中setState的变化 (06:25)
    • 视频: 18-14 React组件生命周期 (05:49)
    • 视频: 18-15 React基本使用-知识点总结和复习 (02:50)
    • 视频: 18-16 React函数组件和class组件有何区别 (06:36)
    • 视频: 18-17 什么是React非受控组件 (09:18)
    • 视频: 18-18 什么场景需要用React Portals (05:37)
    • 视频: 18-19 是否用过React Context (12:22)
    • 视频: 18-20 React如何异步加载组件 (07:33)
    • 视频: 18-21 React性能优化-SCU的核心问题在哪里 (06:55)
    • 视频: 18-22 React性能优化-SCU默认返回什么 (08:51)
    • 视频: 18-23 React性能优化-SCU一定要配合不可变值 (09:17)
    • 视频: 18-24 React性能优化-PureComponent和memo (03:13)
    • 视频: 18-25 React性能优化-了解immutable.js (03:52)
    • 视频: 18-26 什么是React高阶组件 (12:31)
    • 视频: 18-27 什么是React Render Props (08:55)
    • 视频: 18-28 React高级特性考点总结 (02:24)
    • 视频: 18-29 Redux考点串讲 (03:39)
    • 视频: 18-30 描述Redux单项数据流 (03:22)
    • 视频: 18-31 串讲react-redux知识点 (05:14)
    • 视频: 18-32 Redux action如何处理异步 (03:32)
    • 视频: 18-33 简述Redux中间件原理 (07:07)
    • 视频: 18-34 串讲react-router知识点 (04:02)
    • 视频: 18-35 React使用-考点总结 (10:29)
    • 作业: 18-36 【任务】React 为何需要 SCU ?
  • 第19章 【第二阶段】前端框架及项目面试:React 原理和面试题 17 节 | 100分钟

    React 是国内流行的前端框架,尤其大厂应用较多。本章讲解 React 高级应用和原理的考点和面试题,助你通过 React 技术栈的面试。

    收起列表

    • 图文: 19-1 章介绍
    • 视频: 19-2 React原理-考点串讲 (06:04)
    • 视频: 19-3 再次回顾不可变值 (03:46)
    • 视频: 19-4 vdom和diff是实现React的核心技术 (06:20)
    • 视频: 19-5 JSX本质是什么 (20:42)
    • 视频: 19-6 说一下 React 的合成事件机制 (10:45)
    • 视频: 19-7 说一下 React 的 batchUpdate 机制 (10:41)
    • 视频: 19-8 简述React事务机制 (02:52)
    • 视频: 19-9 说一下React组件渲染和更新的过程 (06:47)
    • 视频: 19-10 React-fiber如何优化性能 (05:43)
    • 视频: 19-11 React原理-考点总结和复习 (03:15)
    • 作业: 19-12 【任务】介绍 React 的 batchUpdate 机制
    • 视频: 19-13 React真题演练-1-组件之间如何通讯 (03:58)
    • 视频: 19-14 React真题演练-2-ajax应该放在哪个生命周期 (04:34)
    • 视频: 19-15 React真题演练-3-组件公共逻辑如何抽离 (02:15)
    • 视频: 19-16 React真题演练-4-React常见性能优化方式 (03:35)
    • 视频: 19-17 React真题演练-5-React和Vue的区别 (08:15)
  • 第20章 【第二阶段】前端框架及项目面试:webpack 和 babel 29 节 | 226分钟

    webpack 是前端必备工具,面试必考内容,特别是性能优化。本章讲解 webpack 常用配置,详细的性能优化手段,已经 babel 。最后会给出常考面试题,做面试真题演练。

    收起列表

    • 图文: 20-1 章介绍
    • 视频: 20-2 webpack考点梳理 (08:38)
    • 视频: 20-3 使用 webpack5 (07:02)
    • 视频: 20-4 webpack基本配置串讲(上) (12:02)
    • 视频: 20-5 webpack基本配置串讲(下) (14:21)
    • 视频: 20-6 webpack基本配置串讲(下) (08:24)
    • 视频: 20-7 webpack如何抽离压缩css文件 (09:29)
    • 视频: 20-8 webpack如何抽离公共代码和第三方代码 (17:12)
    • 视频: 20-9 webpack如何实现异步加载JS (07:11)
    • 视频: 20-10 module chunk bundle 的区别 (04:20)
    • 视频: 20-11 webpack优化构建速度-知识点串讲 (06:24)
    • 视频: 20-12 用IngorePlugin忽略无用文件 (09:10)
    • 视频: 20-13 happyPack是什么 (09:49)
    • 视频: 20-14 webpack 如何配置热更新 (10:48)
    • 视频: 20-15 何时使用 DllPlugin (12:51)
    • 视频: 20-16 webpack 优化构建速度-考点总结和复习 (03:40)
    • 视频: 20-17 webpack 优化产出代码-考点串讲 (10:09)
    • 视频: 20-18 什么是 Tree-Shaking_ (11:02)
    • 视频: 20-19 ES Module 和 Commonjs 的区别 (04:56)
    • 视频: 20-20 什么是 Scope Hosting_ (06:42)
    • 视频: 20-21 babel 基本概念串讲 (08:53)
    • 视频: 20-22 babel-polyfill 是什么_ (06:55)
    • 视频: 20-23 babel-polyfill 如何按需引入_ (08:12)
    • 视频: 20-24 babel-runtime 是什么_ (08:34)
    • 视频: 20-25 webpack 考点总结和复习 (03:45)
    • 视频: 20-26 webpack 面试真题-前端代码为何要打包 _ (07:49)
    • 视频: 20-27 webpack 面试真题-为何 Proxy 不能被 Polyfill (04:09)
    • 视频: 20-28 webpack 面试真题-常见性能优化方法 (03:02)
    • 作业: 20-29 【任务】从 0 配置 webpack5 开发环境
  • 第21章 【第二阶段】前端框架及项目面试:项目设计和流程 23 节 | 129分钟

    掌握了 Vue 和 React 的使用和原理,是否能设计出一个项目功能呢? 一个标准前端项目的开发流程,项目角色是什么,以及项目进行中将会遇到的问题和解决方案?本章讲解项目设计和流程相关的考点。

    收起列表

    • 图文: 21-1 章介绍
    • 视频: 21-2 面试为何会考察组件和状态设计 (07:39)
    • 视频: 21-3 状态设计的思路和要点 (08:49)
    • 视频: 21-4 组件设计的思路和要点 (08:03)
    • 视频: 21-5 React 实现 TodoList 代码演示 (07:26)
    • 视频: 21-6 组件设计和状态设计的总结 (03:07)
    • 视频: 21-7 Vue 实现购物车-你将如何设计 (03:05)
    • 视频: 21-8 Vue 实现购物车 data 如何设计 (06:01)
    • 视频: 21-9 Vue实现购物车-组件设计和代码演示 (10:25)
    • 视频: 21-10 结合 vuex 实现购物车 (14:08)
    • 视频: 21-11 状态设计和组件设计的考点总结 (02:16)
    • 视频: 21-12 面试为何会考察项目流程 (10:18)
    • 视频: 21-13 和前端开发相关的项目角色有哪些 (04:39)
    • 视频: 21-14 一个完整的项目要分哪些阶段 (05:43)
    • 视频: 21-15 评审项目需求时需要注意哪些事项 (08:26)
    • 视频: 21-16 如何做好技术方案设计 (06:31)
    • 视频: 21-17 如何保证代码质量 (05:11)
    • 视频: 21-18 项目过程中PM加需求怎么办 (04:07)
    • 视频: 21-19 不要对QA说:我电脑没问题! (04:16)
    • 视频: 21-20 项目上线 (02:14)
    • 视频: 21-21 项目沟通的重要性 (03:27)
    • 视频: 21-22 项目流程总结 (02:13)
    • 作业: 21-23 【任务】自己画一个项目研发流程图
  • 第22章 【第二阶段】前端框架及项目面试:react hooks 17 节 | 206分钟

    本章节,介绍了hooks的 核心考点,和class的对比,面试过程中要注意的一些点,以及面试解答分析。

    收起列表

    • 视频: 22-1 出几道 React-Hooks 面试题 (09:37)
    • 视频: 22-2 class 组件存在哪些问题 (07:37)
    • 视频: 22-3 用 useState 实现 state 和 setState 功能 (16:48)
    • 视频: 22-4 用 useEffect 模拟组件生命周期 (16:01)
    • 视频: 22-5 用 useEffect 模拟 WillUnMount 时的注意事项 (18:31)
    • 视频: 22-6 useRef 和 useContext (13:56)
    • 视频: 22-7 useReducer 能代替 redux 吗? (08:42)
    • 视频: 22-8 使用 useMemo 做性能优化 (11:26)
    • 视频: 22-9 使用 useCallback 做性能优化 (05:08)
    • 视频: 22-10 什么是自定义 Hook(上) (11:09)
    • 视频: 22-11 什么是自定义 Hook(下) (12:33)
    • 视频: 22-12 使用 Hooks 的两条重要规则 (04:58)
    • 视频: 22-13 为何 Hooks 要依赖于调用顺序? (11:13)
    • 视频: 22-14 class 组件逻辑复用有哪些问题? (08:40)
    • 视频: 22-15 Hooks 组件逻辑复用有哪些好处 (12:02)
    • 视频: 22-16 Hooks 使用中的几个注意事项 (29:55)
    • 视频: 22-17 Hooks 面试题解答 (07:13)
  • 第23章 【第二阶段】前端框架及项目面试:第二阶段课程总结 1 节 | 8分钟

    总结课程主要内容和知识点。

    收起列表

    • 视频: 23-1 总结 (07:19)
  • 第24章 【第三阶段】2周刷完100道前端优质面试真题:第三阶段课程简介 1 节 | 8分钟

    第三阶段课程简介。

    收起列表

    • 视频: 24-1 -开始-学习要点和注意事项 (07:52)
  • 第25章 【第三阶段】2周刷完100道前端优质面试真题:数据结构和算法 40 节 | 472分钟

    数据结构和算法,是大厂前端面试的“拦路虎”,很多同学都望而生畏。其实如果了解常用数据结构,掌握基本的算法思维,就不能应对。本章将通过多个面试题,为你讲解算法面试题的解题思路,同时复习常用数据结构和算法思维。...

    收起列表

    • 图文: 25-1 章节介绍
    • 视频: 25-2 -科普-时间复杂度 (18:00)
    • 视频: 25-3 -科普-空间复杂度 (08:48)
    • 视频: 25-4 -把一个数组旋转k步-代码演示和单元测试 (24:18)
    • 视频: 25-5 -把一个数组旋转k步-性能分析 (19:50)
    • 视频: 25-6 -判断一个字符串是否括号匹配 (23:57)
    • 视频: 25-7 -用两个栈实现一个队列 (20:20)
    • 视频: 25-8 -使用JS反转单向链表-什么是链表 (16:12)
    • 视频: 25-9 -使用JS反转单向链表-分析解题思路 (16:22)
    • 视频: 25-10 -使用JS反转单向链表-代码演示和单元测试 (15:09)
    • 视频: 25-11 -【连环问】链表和数组哪个实现队列更快-分析解题思路 (11:59)
    • 视频: 25-12 -【连环问】链表和数组哪个实现队列更快-代码演示和单元测试 (16:47)
    • 视频: 25-13 -【连环问】链表和数组哪个实现队列更快-性能分析 (06:47)
    • 视频: 25-14 -用JS实现二分查找-分析时间复杂度 (08:45)
    • 视频: 25-15 -用JS实现二分查找-代码演示和单元测试 (17:34)
    • 视频: 25-16 -用JS实现二分查找-递归和循环哪个更好 (05:53)
    • 视频: 25-17 -找出一个数组中和为n的两个数-嵌套循环不是最优解 (10:39)
    • 视频: 25-18 -找出一个数组中和为n的两个数-双指针的思路 (07:35)
    • 视频: 25-19 -找出一个数组中和为n的两个数-双指针的代码演示 (11:02)
    • 视频: 25-20 -求二叉搜索树的第K小值-二叉树和三种遍历 (15:54)
    • 视频: 25-21 -求二叉搜索树的第K小值-解题 (13:02)
    • 视频: 25-22 -为什么二叉树很重要,而不是三叉树四岔树 (12:21)
    • 视频: 25-23 -堆有什么特点,和二叉树有什么关系 (15:57)
    • 视频: 25-24 -求斐波那契数列的第n值-递归算法会导致运行崩溃 (05:27)
    • 视频: 25-25 -求斐波那契数列的第n值-优化时间复杂度 (11:41)
    • 视频: 25-26 -【连环问】青蛙跳台阶有几种方式 (04:00)
    • 视频: 25-27 -移动0到数组的末尾-splice会导致性能问题 (14:48)
    • 视频: 25-28 -移动0到数组的末尾-使用双指针 (13:34)
    • 视频: 25-29 -获取字符串中连续最多的字符以及次数-使用嵌套循环 (15:43)
    • 视频: 25-30 -获取字符串中连续最多的字符以及次数-使用双指针(00:37 读错ppt文字) (12:38)
    • 视频: 25-31 -获取字符串中连续最多的字符以及次数-正则表达式很慢 (07:50)
    • 视频: 25-32 -用JS实现快速排序并说明时间复杂度-代码演示和单元测试 (16:25)
    • 视频: 25-33 -用JS实现快速排序并说明时间复杂度-性能分析 (08:19)
    • 视频: 25-34 -获取1-10000之前所有的对称数(回文数)-代码演示和单元测试 (17:25)
    • 视频: 25-35 -获取1-10000之前所有的对称数(回文数)-性能分析 (04:09)
    • 视频: 25-36 -如何实现高效的英文单词前缀匹配 (17:46)
    • 视频: 25-37 -为什么0.1+0.2!==0.3 (04:12)
    • 图文: 25-38 扩展:总结前端开发中常见的数据结构
    • 图文: 25-39 扩展:算法时间复杂度
    • 图文: 25-40 重点及注意事项
  • 第26章 【第三阶段】2周刷完100道前端优质面试真题 :前端基础知识 , 必知必会 22 节 | 161分钟

    HTML CSS JS HTTP 等基础知识是前端面试的第一步,基础知识不过关将直接被拒。本章将通过多个面试题,讲解前端常考的基础知识面试题,同时复习一些重要的知识点。

    收起列表

    • 图文: 26-1 章节介绍
    • 视频: 26-2 -开始-学习要点和注意事项 (03:42)
    • 视频: 26-3 -Ajax-Fetch-Axios三者有什么区别 (09:32)
    • 视频: 26-4 -防抖和节流有什么区别,分别用于什么场景-防抖 (08:46)
    • 视频: 26-5 -防抖和节流有什么区别,分别用于什么场景-节流 (08:46)
    • 视频: 26-6 -px-%-em-rem-vw-vh有什么区别 (08:35)
    • 视频: 26-7 -什么时候不能使用箭头函数 (11:42)
    • 视频: 26-8 -请描述TPC三次握手和四次挥手 (14:30)
    • 视频: 26-9 -JS中for-in和for-of有什么区别 (10:27)
    • 视频: 26-10 -【连环问】for-await-of有什么作用 (08:24)
    • 视频: 26-11 -offsetHeight-scrollHeight-clientHeight有什么区别 (07:20)
    • 视频: 26-12 -HTMLCollection和NodeList有什么区别 (10:44)
    • 视频: 26-13 -Vue中computed和watch有什么区别 (05:40)
    • 视频: 26-14 -Vue组件通讯有几种方式,尽量全面-props-emits和自定义事件 (08:52)
    • 视频: 26-15 -Vue组件通讯有几种方式,尽量全面-props-$attrs (08:58)
    • 视频: 26-16 -Vue组件通讯有几种方式,尽量全面-props-$parent和$refs (03:19)
    • 视频: 26-17 -Vue组件通讯有几种方式,尽量全面-props-provide和inject (05:27)
    • 视频: 26-18 -Vuex中action和mutation有什么区别 (03:02)
    • 视频: 26-19 -JS严格模式有什么特点 (14:34)
    • 视频: 26-20 -HTTP跨域时为何要发送options请求 (08:04)
    • 图文: 26-21 重点及注意项目总结
    • 图文: 26-22 扩展补充:Restful API 常用 method
  • 第27章 【第三阶段】2周刷完100道前端优质面试真题 :知识深度 - 原理和源码 21 节 | 192分钟

    大厂面试会通过各种难题来试探你的技术深度,评估你的技术发展潜力,这是入职后确定级别、薪资的重要参考。所以,技术深度将决定你的“钱途”。本章将通过多个面试题,讲解前端面试常考的底层原理问题,涉及 JS Vue React Nodejs 等。...

    收起列表

    • 图文: 27-1 章节介绍
    • 图文: 27-2 本章学前必看: 知识深度很重要
    • 视频: 27-3 -开始-学习要点和注意事项 (06:23)
    • 视频: 27-4 -JS内存垃圾回收用什么算法 (13:41)
    • 视频: 27-5 -【连环问】JS闭包是内存泄漏吗 (01:17)
    • 视频: 27-6 -如何检测JS内存泄漏 (13:11)
    • 视频: 27-7 -JS内存泄漏的场景有哪些 (09:36)
    • 视频: 27-8 -JS内存泄漏的场景有哪些-扩展-WeakMap和WeakSet (06:40)
    • 视频: 27-9 -浏览器和nodejs事件循环(Event Loop)有什么区别-浏览器 (14:18)
    • 视频: 27-10 -浏览器和nodejs事件循环(Event Loop)有什么区别-nodejs (08:29)
    • 视频: 27-11 -虚拟DOM(vdom)真的很快吗 (13:39)
    • 视频: 27-12 -遍历一个数组用for和forEach哪个更快 (05:05)
    • 视频: 27-13 -nodejs如何开启多进程,进程如何通讯-进程和线程的区别 (12:45)
    • 视频: 27-14 -nodejs如何开启多进程,进程如何通讯-使用child_process.fork方式 (11:44)
    • 视频: 27-15 -nodejs如何开启多进程,进程如何通讯-使用cluster方式 (07:13)
    • 视频: 27-16 -请描述js-bridge的实现原理 (16:44)
    • 视频: 27-17 -requestIdleCallback和requestAnimationFrame有什么区别 (11:05)
    • 视频: 27-18 -Vue每个生命周期都做了什么 (15:02)
    • 视频: 27-19 -Vue2和Vue3和React三者的diff 算法有什么区别 (19:40)
    • 视频: 27-20 -Vue-router的MemoryHistory是什么 (05:24)
    • 图文: 27-21 重点及注意事项总结
  • 第28章 【第三阶段】2周刷完100道前端优质面试真题 :知识广度 - 从前端到全栈 25 节 | 197分钟

    前端工程师有很多,而是技能全面、独当一面的前端工程师到哪里都是“香饽饽”,企业争抢。所以,技术广度将决定你的稀缺性,以及未来的发展空间。本章将通过多个面试题,讲解前端面试常考的技术广度问题,涉及前端、移动端、服务端等全流程。...

    收起列表

    • 图文: 28-1 章节介绍
    • 视频: 28-2 开始-学习要点和注意事项 (03:31)
    • 视频: 28-3 移动端H5点击有300ms延迟,该如何解决 (06:20)
    • 图文: 28-4 扩展:Retina 屏幕的 1px 像素,如何实现
    • 视频: 28-5 HTTP请求中token和cookie有什么区别-cookie和session (18:21)
    • 视频: 28-6 HTTP请求中token和cookie有什么区别-token和JWT (08:40)
    • 视频: 28-7 【连环问】session和JWT哪个更好 (08:06)
    • 视频: 28-8 【连环问】如何实现SSO单点登录 (14:40)
    • 视频: 28-9 HTTP协议和UDP协议有什么区别 (04:57)
    • 视频: 28-10 【连环问】HTTP协议1.0和1.1和2.0有什么区别 (06:30)
    • 视频: 28-11 什么是HTTPS中间人攻击,如何预防 (14:49)
    • 视频: 28-12 script标签的defer和async有什么区别 (06:43)
    • 视频: 28-13 【连环问】prefetch和dns-prefetch分别是什么 (06:41)
    • 视频: 28-14 前端攻击手段有哪些,该如何预防-part1 (08:13)
    • 视频: 28-15 前端攻击手段有哪些,该如何预防-part2 (14:46)
    • 视频: 28-16 WebSocket和HTTP协议有什么区别 (12:45)
    • 视频: 28-17 WebSocket和HTTP协议有什么区别-扩展-创建简易聊天室 (06:41)
    • 视频: 28-18 【连环问】WebSocket和HTTP长轮询的区别 (04:07)
    • 视频: 28-19 从输入URL 到网页显示的完整过程 (12:37)
    • 视频: 28-20 【连环问】网页重绘repaint和重排reflow有什么区别 (06:02)
    • 视频: 28-21 如何实现网页多标签tab通讯 (16:24)
    • 视频: 28-22 【连环问】如何实现网页和iframe之间的通讯 (06:19)
    • 视频: 28-23 请描述koa2的洋葱圈模型 (09:17)
    • 图文: 28-24 扩展:后端有了 java php python ,为何还需要 nodejs ?
    • 图文: 28-25 重点及注意事项总结
  • 第29章 【第三阶段】2周刷完100道前端优质面试真题 :实际工作经验 是否做过真实项目

    无论是校招还是社招,企业都希望得到工作经验丰富的候选人。所以面试时会有很多面试题来考察候选人,是否有真实工作经验(而非只做过个人项目和 demo)。本章将通过多个面试题,讲解前端面试常考的实际工作经验问题。

  • 第30章 【第三阶段】2周刷完100道前端优质面试真题 :编写高质量代码 25 节 | 269分钟

    能在规定时间内写出功能健全、思路清晰、格式规整的代码,这是前端工程师的必备技能,所以面试时必考手写代码。本章将通过多个面试题,讲解前端常考的写代码问题,并总结出高质量代码的关键点。

    收起列表

    • 图文: 30-1 章节介绍
    • 图文: 30-2 前导:高质量代码的核心要素
    • 视频: 30-3 开始-学习要点和注意事项 (04:15)
    • 视频: 30-4 手写一个JS函数,实现数组扁平化Array Flatten (11:50)
    • 视频: 30-5 【连环问】手写一个JS函数,实现数组深度扁平化 (11:02)
    • 视频: 30-6 手写一个getType函数,获取详细的数据类型 (16:23)
    • 视频: 30-7 new一个对象的过程是什么,手写代码表示 (15:19)
    • 视频: 30-8 深度优先遍历一个DOM树 (09:47)
    • 视频: 30-9 广度优先遍历一个DOM树 (09:21)
    • 视频: 30-10 【连环问】深度优先遍历可以不用递归吗 (07:33)
    • 视频: 30-11 手写一个LazyMan,实现sleep机制 (13:10)
    • 视频: 30-12 手写curry函数,实现函数柯里化 (10:59)
    • 视频: 30-13 nstanceof原理是什么,请写代码表示 (12:29)
    • 视频: 30-14 手写函数bind功能 (13:35)
    • 视频: 30-15 【连环问】手写函数call和apply功能 (18:29)
    • 视频: 30-16 手写EventBus自定义事件-包括on和once (15:13)
    • 视频: 30-17 手写EventBus自定义事件-on和once分开存储 (08:25)
    • 视频: 30-18 手写EventBus自定义事件-单元测试 (11:13)
    • 视频: 30-19 用JS实现一个LRU缓存-分析数据结构特点,使用Map (09:59)
    • 视频: 30-20 用JS实现一个LRU缓存-代码演示和单元测试 (15:31)
    • 视频: 30-21 【连环问】不用Map实现LRU缓存-分析问题,使用双向链表 (07:15)
    • 视频: 30-22 【连环问】不用Map实现LRU缓存-代码演示 (26:00)
    • 视频: 30-23 手写JS深拷贝-考虑各种数据类型和循环引用 (20:39)
    • 图文: 30-24 扩展补充:根据一个 DOM 树,写出一个虚拟 DOM 对象
    • 图文: 30-25 重点及注意事项总结
  • 第31章 【第三阶段】2周刷完100道前端优质面试真题 :解决问题的思路可以独立解决问题 14 节 | 105分钟

    遇到一个需求、问题或者一段代码,如何能高效的分析、解决它,这是前端程序员的必备技能。否则你将无法独立工作,这不是企业需要的人才。本章将通过多个面试题,教你如何分析问题、解决问题。

    收起列表

    • 图文: 31-1 章节介绍
    • 视频: 31-2 开始-学习要点和注意事项 (03:55)
    • 视频: 31-3 -执行[-1-, -2-, -3-].map(parseInt)输出什么 (12:24)
    • 视频: 31-4 -读代码-函数修改形参,能否影响实参? (03:48)
    • 视频: 31-5 -把一个数组转换为树 (11:26)
    • 视频: 31-6 -【连环问】把一个树转换为数组 (10:50)
    • 视频: 31-7 -读代码-构造函数和原型的重名属性 (08:02)
    • 视频: 31-8 -一道让人失眠的promise-then执行顺序问题 (16:23)
    • 视频: 31-9 -读代码-React-setState经典面试题 (12:59)
    • 视频: 31-10 -React-setState是微任务还是宏任务 (11:54)
    • 视频: 31-11 -读代码-对象和属性的连续赋值 (07:44)
    • 视频: 31-12 -读代码-对象属性类型的问题 (05:19)
    • 图文: 31-13 扩展补充:解决问题的常见思路
    • 图文: 31-14 重点及注意事项总结
  • 第32章 【第三阶段】2周刷完100道前端优质面试真题 :项目设计 - 能否成为项目负责人 17 节 | 133分钟

    面试官给出一个项目需求或者功能,让候选人做技术方案设计,考察综合能力。本章将通过多个面试题,讲解如何进行项目设计,包括抽象数据模型,总结功能和流程,制定技术方案等。

    收起列表

    • 图文: 32-1 章节介绍
    • 图文: 32-2 扩展:如果你是一个项目的前端技术负责人,你的主要职责是什么?
    • 视频: 32-3 -开始-学习要点和注意事项 (04:04)
    • 视频: 32-4 -如何设计一个前端统计SDK-分析功能范围 (14:08)
    • 视频: 32-5 -如何设计一个前端统计SDK-代码结构演示 (21:14)
    • 视频: 32-6 -【连环问】sourcemap有何作用,如何配置 (13:48)
    • 视频: 32-7 -SPA和MPA应该如何选择 (07:43)
    • 视频: 32-8 -设计一个H5编辑器的数据模型和核心功能-错误答案展示 (12:14)
    • 图文: 32-9 扩展知识补充:何时应该使用 SSR ,何时不用?
    • 视频: 32-10 -设计一个H5编辑器的数据模型和核心功能-演示正确答案 (10:01)
    • 视频: 32-11 -设计一个“用户-角色-权限”的模型和功能 (08:36)
    • 视频: 32-12 -简单描述hybrid模板的更新流程 (07:42)
    • 视频: 32-13 -开发一个H5抽奖页,需要后端提供哪些接口 (12:43)
    • 视频: 32-14 -如果你是前端技术负责人,将如何做技术选型 (09:33)
    • 视频: 32-15 -设计实现一个H5图片懒加载SDK (10:56)
    • 图文: 32-16 扩展知识补充:我们常说的 B 端和 C 端,有什么区别
    • 图文: 32-17 重点及注意事项总结
  • 第33章 【第三阶段】2周刷完100道前端优质面试真题 :软技能 - 沟通、总结和学习能力 7 节 | 28分钟

    考察个人沟通,考察个人学习能力,考察如何总结项目难点等。

    收起列表

    • 图文: 33-1 章节介绍
    • 视频: 33-2 -开始-学习要点和注意事项 (03:10)
    • 视频: 33-3 -你是否看过“红宝书”- (05:41)
    • 视频: 33-4 -如何做Code-review,要考虑哪些内容 (08:53)
    • 视频: 33-5 -如何学习一门新语言,需要考虑哪些方面 (04:58)
    • 视频: 33-6 -你觉得自己还有哪些不足之处? (04:56)
    • 图文: 33-7 重点及注意事项总结
  • 第34章 【第四阶段】模拟面试演练:第四阶段简介 2 节 | 16分钟

    第四阶段课程简介~~

    收起列表

    • 视频: 34-1 第四阶段导学 (08:51)
    • 视频: 34-2 介绍各个候选人的基本情况 (06:25)
  • 第35章 【第四阶段】模拟面试演练:W同学 - 毕业三年寻求职业突破 26 节 | 229分钟

    W同学本科毕业 3 年,计算机专业,毕业之后一直做前端开发,但没接触过正规前端团队的规范研发流程。她正在寻求自己职业突破的机会。同时作为女生,她也有未来职业规划的顾虑。来看看她面试都会遇到哪些问题~

    收起列表

    • 视频: 35-1 【个人介绍】不要流水账,突出自己的重点技术栈和项目 (10:54)
    • 视频: 35-2 【简历分析】项目不能只写工作,还要写出成绩和结果析 (13:50)
    • 视频: 35-3 编码熟练,思路清晰,一开始就留下好印象【CSS 实现一个四合院】 (14:34)
    • 视频: 35-4 学员表现出了这方面的工作经验【CSS 如何实现黑白主题切换】 (11:16)
    • 视频: 35-5 体现出学员对 ES 语法和 API 使用较少【有没有用过 Map 和 Set】 (07:56)
    • 视频: 35-6 暴露了 JS 基础只是不够扎实【JS 闭包 读代码说结果】 (13:56)
    • 视频: 35-7 学员对前端周边新闻没有关注【浏览器为何要禁用第三方 cookie】 (09:31)
    • 视频: 35-8 知道表现,但不知道原因【React useEffect 闭包陷阱】 (07:43)
    • 视频: 35-9 越简单的任务越能暴露细节问题【手写 React input 受控组件】 (08:41)
    • 视频: 35-10 基础必考题,学员竟回答错了【React setState 读代码说结果】1 (02:59)
    • 视频: 35-11 基础必考题,学员竟回答错了【React setState 读代码说结果】2 (10:15)
    • 视频: 35-12 useEffect 应该返回什么?学员糊涂了【手写一个 React “心跳”组件】 (09:05)
    • 视频: 35-13 基础算法题没有好好准备【手写快速排序,说明时间复杂度】 (09:02)
    • 视频: 35-14 学员有思路,但实现不出来【合并两个递增数组】 (07:42)
    • 视频: 35-15 学员竟没听说过这个问题【React 事件和 DOM 事件的区别】 (04:43)
    • 视频: 35-16 了解 VNode 结构但写出很多细节错误【根据一段 JSX 写 render 函数】 (15:56)
    • 视频: 35-17 有思路,敢于尝试,知难而进,很赞!【设计并实现“撤销重做”功能】 (13:28)
    • 视频: 35-18 别光介绍项目功能,要重点介绍技术,你不是PM【介绍你的一个项目】 (14:07)
    • 视频: 35-19 表现出团队流程不规范【如果线上遇到了 bug 你该怎么处理】 (04:59)
    • 视频: 35-20 学习新知识的能力尚欠缺【自定义 DSL 流程图】 (11:15)
    • 视频: 35-21 反问面试官 - 面试过程点评 (06:29)
    • 视频: 35-22 反问面试官 - 自己选择 React 的合理理由 (07:38)
    • 视频: 35-23 反问面试官 - 只有个人项目,如何做项目介绍? (02:05)
    • 视频: 35-24 反问面试官 - 女生职业规划难题,未来是否转行产品经理? (04:13)
    • 视频: 35-25 反问面试官 - 如何判断公司符合自己的期望 (02:40)
    • 视频: 35-26 反问面试官-正式面试时应该怎么样问? (03:49)
  • 第36章 【第四阶段】模拟面试演练:张扬同学 - 毕业6年的前端“老兵” - Vue 23 节 | 236分钟

    张扬同学毕业 6 年,毕业以后做过 asp.net 后端开发,后来转前端做公众号、小程序等,现在是 Vue 技术栈。张扬因为公司业务变化,自己被调岗,而跳槽找一个更合适的机会,来看看他在面试中如何体现自己的工作能力吧~

    收起列表

    • 视频: 36-1 【个人介绍】有经历有项目还有技术栈 (06:39)
    • 视频: 36-2 【简历分析】要展示出6年工作经验 (17:47)
    • 视频: 36-3 CSS基础知识很好【CSS盒模型读代码】 (08:22)
    • 视频: 36-4 ES6 class 语法不熟练,编码习惯有欠缺【JS 设计三种菜单】 (12:47)
    • 视频: 36-5 审题不仔细,铸成大错【JS this 读代码】 (08:37)
    • 视频: 36-6 知道异步,但不精通 Event Loop【JS 异步读代码】 (14:59)
    • 视频: 36-7 计算机基础不扎实【JS垃圾收回算法】 (08:55)
    • 视频: 36-8 你之前用过,就能记得起来【Vue3 自定义 v-model】 (15:02)
    • 视频: 36-9 把你知道的全部说出来,不要保留【Vue3 封装“心跳”组件】 (06:59)
    • 视频: 36-10 用 Vue3 但没用过 Compsotion API【Vue3 封装 useLocation】 (10:43)
    • 视频: 36-11 不熟悉基础数据结构和时间复杂度【用JS实现队列】 (17:10)
    • 视频: 36-12 能根据思路写出代码,编码能力很好【机器人走方格】 (15:22)
    • 视频: 36-13 知道Proxy不代表知道响应式【手写Vue3基本的reactive】 (15:56)
    • 视频: 36-14 看过但不理解,面试就说不出来【Vue3和Vue2 diff 算法的区别】 (04:54)
    • 视频: 36-15 能体现出候选人的项目经验【从0搭建开发环境需要考虑什么】 (08:54)
    • 视频: 36-16 回答的很好,有过程有难点【介绍一个项目】 (10:42)
    • 视频: 36-17 反问面试官 - 大厂对学历的要求 (09:46)
    • 视频: 36-18 反问面试官 - 前端前景如何 (02:54)
    • 视频: 36-19 反问面试官 - SSR 会不会让前端又重回到全栈时代 (05:38)
    • 视频: 36-20 反问面试官 - 如何看待35岁失业的问题 (09:54)
    • 视频: 36-21 反问面试官 - 是否建议在北京定居 (08:45)
    • 视频: 36-22 张扬-面试结果评价 (06:30)
    • 视频: 36-23 张扬-面试问题总结 (08:15)
  • 第37章 【第四阶段】模拟面试演练:托雷特 - 00 后应届毕业生 26 节 | 238分钟

    托雷特同学是在校大学生,本科,计算机专业。自学前端半年多,主要用 React 技术栈,跟着课程做过个人项目。他正在准备校招,也在寻求大厂实习机会。来看看他的面试是什么表现吧~

    收起列表

    • 视频: 37-1 【学员个人介绍】不能只说个人履历,还要说明技术栈和项目 (05:53)
    • 视频: 37-2 【分析学员简历】对于应届生,面试官喜欢什么项目经历? (12:23)
    • 视频: 37-3 学员没有体系、详细的学过 CSS【HTML 默认的 inline block 元素】 (07:19)
    • 视频: 37-4 基础必考题学员竟然忘了【CSS 垂直水平居中】 (11:17)
    • 视频: 37-5 深入理解的知识,是忘不了的【JS 值类型和引用类型】 (09:38)
    • 视频: 37-6 考察学员对新语法 API 的理解和使用【ES6 和 TS 带来了哪些价值】 (14:52)
    • 视频: 37-7 看似简单,但学员竟忘了很关键的一块【URL 有哪些组成部分】 (11:58)
    • 视频: 37-8 学员写的很挣扎,多次删改,表现的很不熟练【手写 JSX 循环和判断】 (12:12)
    • 视频: 37-9 不仅问方式,还要问应用场景【React 组件通讯的方式】 (05:13)
    • 视频: 37-10 知道 useParams 说明有实践经验【React-Router 如何获取动态参数】 (03:34)
    • 视频: 37-11 避免只用过 CRA 而没用过 Webpack【Webpack 有哪些基本配置】 (04:39)
    • 视频: 37-12 学员一边写代码一边讲解,表现非常好【手写二分查找,说明时间复杂度】 (19:06)
    • 视频: 37-13 说完结果,再写代码表达【二叉树的前、中、后序排列】 (12:28)
    • 视频: 37-14 考察学员的独立思考能力,思考框架的本质【如何理解“数据驱动视图”】 (04:03)
    • 视频: 37-15 不会 Vue 就只说 React ,不要全部放弃【Vue 和 React 函数组件的区别】 (07:29)
    • 视频: 37-16 学员了解 VDOM 但却写出很多细节错误【根据一段 JSX 写出 VNode】 (21:43)
    • 视频: 37-17 学员感觉设计模式很难,但实际没那么难【设计模式在前端开发中的应用场景】 (08:09)
    • 视频: 37-18 应届生该如何寻找项目难点和亮点【介绍你的一个项目】 (17:56)
    • 视频: 37-19 一个问题就能看出计算机基础不够扎实【是否了解 WebAssembly】 (05:20)
    • 视频: 37-20 【反问面试官1 - 想毕业进大厂,要做哪些准备?】大厂对于应届生的简历要求 (07:59)
    • 视频: 37-21 附:本科毕业就必须进大厂,进不去就感觉很失败?— 这完全错误! (07:05)
    • 视频: 37-22 【反问面试官2 - 如何避免进入加班多的公司】是否加班需要权衡 (02:01)
    • 视频: 37-23 【反问面试官3 - 大厂校招如何选择心仪的部门】 (04:11)
    • 视频: 37-24 【反问面试官4 - 为何最近一个月没看前端】目标定太高,实现不了就很颓丧 (03:17)
    • 视频: 37-25 【反问面试官5 - 字节的面试题为何如此难】 (05:39)
    • 视频: 37-26 托雷特-面试问题总结 (12:12)
  • 第38章 【第四阶段】模拟面试演练:小明同学 - 毕业2年的专科生 15 节 | 170分钟

    小明同学是大专学历,毕业两年,在一家外包公司上班。因为公司技术栈大部分用 jQuery ,他正在努力寻找一个 Vue 技术栈、团队流程规范的公司。来看看他能否通过双越老师的设计的面试题吧~

    收起列表

    • 视频: 38-1 【学员个人介绍】委婉表达离职原因 (09:18)
    • 视频: 38-2 【简历分析】专业技能写太多,反而突出不了重点 (14:56)
    • 视频: 38-3 看代码不仔细导致错误【CSS选择器优先级】 (26:59)
    • 视频: 38-4 JS 常用的 API 都不熟练,这是一个大问题【数组常用的 API】 (22:53)
    • 视频: 38-5 HTTP 基础知识弱,通不过面试【HTTP 状态码和跨域】 (11:47)
    • 视频: 38-6 此时还不了解 Vue3,更待何时?【Vue 组件生命周期】 (12:48)
    • 视频: 38-7 体现出学员有 Vue 项目经验【Vue slot 应用场景】 (05:52)
    • 视频: 38-8 最简单的 Composition API 封装,没写出来【手写 Vue3 Composition API】 (08:00)
    • 视频: 38-9 不知道什么是编译,计算机基础较差【Babel 解决了什么问题】 (03:41)
    • 视频: 38-10 基础数据结构和时间复杂度,都不了解【用栈翻转一个字符串】 (09:30)
    • 视频: 38-11 没有思路,更写不出代码【求两个数组的交集和并集】 (07:20)
    • 视频: 38-12 项目难点没有总结到位【介绍自己的一个项目】 (09:01)
    • 视频: 38-13 【反问面试官 - 如何在业余时间高效学习】 (18:47)
    • 视频: 38-14 小明同学-面试结果评价 (06:49)
    • 视频: 38-15 小明同学-面试问题总结 (01:50)
本课程已完结

试看

全部试看小节



讲师

双越 Web前端工程师

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

讲师其他课程

课程预览

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

学习咨询

选课、学习遇到问题?

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

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