-
第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 基础知识面试题25 节 | 170分钟
本章讲解 JS 基础知识面试题,包括 JS 变量类型,还有“JS 三座大山”:原型、闭包、异步。JS 基础不过关,肯定无法通过前端面试。
- 图文:5-1 章介绍
- 视频:5-2 JS 值类型和引用类型的区别 (13:02)
- 视频:5-3 手写 JS 深拷贝 (16:13)
- 视频:5-4 变量计算 – 注意某些类型转换的坑 (09:48)
- 视频:5-5 变量类型相关的面试题 (03:51)
- 作业:5-6 【任务】默写 JS 深拷贝
- 视频:5-7 JS 原型的考点和面试题 (04:17)
- 视频:5-8 如何用 class 实现继承 (14:50)
- 视频:5-9 如何理解 JS 原型(隐式原型和显示原型) (09:10)
- 视频:5-10 instanceof 是基于原型链实现的 (08:57)
- 视频:5-11 JS 原型本章相关的面试题 (12:30)
- 作业:5-12 【任务】画图解释原型链
- 视频:5-13 什么是作用域?什么是自由变量? (07:11)
- 视频:5-14 什么是闭包?闭包会用在哪里? (07:46)试看
- 视频:5-15 this 有几种赋值情况 (04:35)
- 视频:5-16 作用域相关的面试题 – part1 (11:47)
- 视频:5-17 作用域相关的面试题 – part2 (08:16)
- 视频:5-18 补充 – 原型中的 this (02:18)
- 作业:5-19 【任务】总结闭包的使用场景
- 视频:5-20 同步和异步有何不同 (09:31)试看
- 视频:5-21 异步的应用场景有哪些 (03:28)
- 视频:5-22 promise 的基本使用 (05:55)
- 视频:5-23 JS 异步相关的面试题 (12:38)
- 视频:5-24 JS 基础部分的考点总结 (03:33)
- 作业:5-25 【任务】初识 Promise
-
第6章 【第一阶段】高效准备前端技术一面:JS 异步进阶22 节 | 192分钟
JS 的特色就是异步编程,所有有很多关于异步的考点,本章都会讲解。如 event loop、promise、async-await、微任务和宏任务。学不会这些,就不算是精通 JS ,也无法进大厂。
- 图文:6-1 章介绍
- 视频:6-2 本章考点介绍 (03:24)
- 视频:6-3 看几个异步的面试题 (06:43)
- 视频:6-4 什么是 event loop (05:46)
- 视频:6-5 event loop 的执行过程 (14:53)
- 视频:6-6 DOM 事件和 event loop 的关系 (05:13)
- 视频:6-7 Promise有哪三种状态 (14:30)
- 视频:6-8 Promise 的 then 和 catch 如何影响状态的变化 (09:38)
- 视频:6-9 Promise关于then和catch的面试题 (06:29)
- 视频:6-10 async-await语法介绍-part1 (09:39)
- 视频:6-11 async-await 和 Promise 有什么关系 (14:36)
- 视频:6-12 async-await是语法糖,异步的本质还是回调函数 (14:52)
- 视频:6-13 什么是宏任务和微任务 (05:10)
- 视频:6-14 event-loop和DOM渲染的关系 (05:05)
- 视频:6-15 为什么微任务比宏任务执行更早 (08:50)
- 视频:6-16 微任务和宏任务的根本区别 (04:37)
- 视频:6-17 解答 JS 异步的面试题 (14:37)
- 视频:6-18 手写 Promise-题目解读 (06:14)
- 视频:6-19 手写 Promise-构造函数 (13:18)
- 视频:6-20 手写 Promise-then 的链式调用 (12:56)
- 视频:6-21 手写 Promise-all 和 race (10:47)
- 视频:6-22 本章考点总结 (03:50)
-
第7章 【第一阶段】高效准备前端技术一面:JS-Web-API-DOM7 节 | 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 扩展学习
-
第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 和 babel29 节 | 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 hooks17 节 | 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)
-
第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道前端优质面试真题 :实际工作经验 是否做过真实项目18 节 | 174分钟
无论是校招还是社招,企业都希望得到工作经验丰富的候选人。所以面试时会有很多面试题来考察候选人,是否有真实工作经验(而非只做过个人项目和 demo)。本章将通过多个面试题,讲解前端面试常考的实际工作经验问题。
- 图文:29-1 章节介绍
- 视频:29-2 开始-学习要点和注意事项 (03:54)
- 视频:29-3 H5页面如何进行首屏优化 (15:12)
- 视频:29-4 后端一次性返回10w条数据,你该如何渲染 (09:05)
- 图文:29-5 扩展:文字超出省略
- 视频:29-6 前端常用的设计模式和使用场景 (17:50)
- 视频:29-7 【连环问】观察者模式和发布订阅模式的区别 (02:30)
- 视频:29-8 在实际工作中,你对Vue做过哪些优化 (10:03)
- 视频:29-9 【连环问】你在使用Vue过程中遇到过哪些坑 (10:38)
- 视频:29-10 在实际工作中,你对React做过哪些优化-上集 (15:47)
- 视频:29-11 在实际工作中,你对React做过哪些优化-下集 (10:53)
- 视频:29-12 【连环问】你在使用React时遇到过哪些坑 (04:17)
- 视频:29-13 如何统一监听Vue组件报错 (15:50)
- 视频:29-14 如何统一监听React组件报错 (17:35)
- 视频:29-15 如果一个H5很慢,如何排查性能问题-通过Chrome Performance分析 (16:33)
- 视频:29-16 如果一个H5很慢,如何排查性能问题-使用lighthouse分析 (09:20)
- 视频:29-17 工作中遇到过哪些项目难点,是如何解决的 (13:37)
- 图文:29-18 扩展:处理沟通冲突
-
第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年的前端“老兵” – Vue23 节 | 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)
-
第39章 【第四阶段】模拟面试演练:陈同学 – 毕业两年转行前端11 节 | 98分钟
陈同学毕业自某 985 大学非计算机专业,工作一年后转行自学前端,主要是跟着课程学习 React 和 Vue3 ,做过个人项目。他正在找自己人生第一份前端工程师的工作,一起看看他模拟面试有什么样的表现~
- 视频:39-1 自我介绍,分析学员简历 (07:02)
- 视频:39-2 CSS 面试题-CSS选择器优先级 (08:15)
- 视频:39-3 HTTP 面试题 – HTTP – URL (08:24)
- 视频:39-4 框架应用 – Vue或React组件通讯方式 (13:21)
- 视频:39-5 算法面试题 – 手写二分查找,说明时间复杂度 (06:52)
- 视频:39-6 算法面试题 – 手写二分查找,说明时间复杂度 (08:09)
- 视频:39-7 算法面试题 – 手写二分查找,说明时间复杂度 (10:29)
- 视频:39-8 项目面试题 – 劫持网页链接 (14:56)
- 视频:39-9 反问面试官 (05:48)
- 视频:39-10 陈同学-面试结果评价 (06:54)
- 视频:39-11 陈同学-面试问题总结 (07:09)
部分图片较大,加载较慢,PC端浏览最佳!
THE END
喜欢就支持一下吧
暂无评论内容