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

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-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-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-1 课程总结~ (12:13) 13-2 面试技巧 (08:55) 13-3 扩展学习 14-1 框架面试导学 (06:16) 14-2 先看几个面试题 (19:09) 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-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-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-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-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-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-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-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 总结 (07:19) 24-1 -开始-学习要点和注意事项 (07:52) 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-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-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-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-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-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) … 共 699 条