这门课要解决的核心问题是:当你准备进入前端团队,面对面试官关于框架和工程化的追问时,如何把背后的原理讲清楚、写明白。很多框架看起来只是语法糖,真正运行起来却涉及大量底层机制,比如打包工具如何拆分文件、转译代码、优化体积,以及框架本身的数据流和响应式原理。这门课不追求让你写出炫技的代码,而是帮你把那些容易卡壳的面试题和实际开发中的坑,从根源上理顺。
适合什么基础与建议先看哪几块
适合有一定前端基础、想深入框架与工程化底层逻辑的自学者。如果你对HTML、CSS和基础JS有基本了解,但不清楚模块打包和代码转译的细节,这门课正是你需要的节奏。建议优先看webpack基本配置的串讲部分,因为它是整个打包体系的地基,理解了入口、输出和依赖关系,后续再看babel和优化才有抓手;其次是框架的响应式与渲染机制讲解,这部分决定了你能理解多少追问。至于具体的性能优化案例,可以带着问题去听,不必强求一次听懂。
学完能独立做什么与资料怎么配合练习
学完这门课,你能独立完成中小型前端项目的工程化配置,比如编写webpack配置实现代码拆分、热更新和多页应用打包,也能独立解释Tree-Shaking、Scope Hoisting等优化手段的原理及适用场景。资料配合练习的方式是:先跟着视频过一遍概念,遇到不懂的机制(比如为何Proxy不能被Polyfill、Commonjs与ES Module的取舍),再打开练习文档动手写代码验证。视频负责讲透逻辑,练习负责把逻辑变成肌肉记忆,遇到学不会的部分就反复回看,慢慢来,节奏由你定。
课程目录
第10章 webpack 和 babel 10-1 webpack考点梳理.mp4 75.84M 10-11 happyPack是什么.mp4 349.07M 10-12 webpack如何配置热更新.mp4 297.87M 10-13 何时使用DllPlugin.mp4 458.13M 10-14 webpack优化构建速度-考点总结和复习.mp4 51.74M 10-15 webpack优化产出代码-考点串讲.mp4 281.65M 10-16 什么是Tree-Shaking.mp4 234.92M 10-17 ES Module 和 Commonjs 的区别.mp4 81.50M 10-18 什么是Scope Hostin.mp4 68.35M 10-19 babel基本概念串讲.mp4 86.10M 10-2 webpack基本配置串讲(上).mp4 402.91M 10-20 babel-polyfill是什么.mp4 201.33M 10-21 babel-polyfill如何按需引入 .mp4 153.20M 10-22 babel-runtime是什么 .mp4 184.93M 10-23 webpack考点总结和复习.mp4 21.49M 10-24 webpack面试真题-前端代码为何要打包.mp4 79.05M 10-25 webpack面试真题-为何Proxy不能被Polyfill.mp4 27.95M 10-26 webpack面试真题-常见性能优化方法.mp4 17.95M 10-3 webpack基本配置串讲(下).mp4 627.54M 10-4 webpack如何配置多入口.mp4 310.31M 10-5 webpack如何抽离压缩css文件.mp4 470.33M 10-6 webpack如何抽离公共代码和第三方代码.mp4 732.89M 10-7 webpack如何实现异步加载JS.mp4 270.24M 10-8 module chunk bundle 的区别.mp4 104.23M 10-9 webpack优化构建速度-知识点串讲.mp4 84.94M 第11章 项目设计 11-1 面试为何会考察组件和状态设计.mp4 25.23M 11-10 状态设计和组件设计的考点总结.mp4 10.02M 11-2 状态设计的思路和要点.mp4 29.27M 11-3 组件设计的思路和要点.mp4 27.40M 11-4 React实现TodoList代码演示.mp4 124.48M 11-5 组件设计和状态设计的总结.mp4 19.87M 11-6 Vue实现购物车-你将如何设计.mp4 9.76M 11-7 Vue实现购物车data如何设计.mp4 29.04M 11-8 Vue实现购物车-组件设计和代码演示.mp4 169.85M 11-9 结合vuex实现购物车.mp4 255.28M 第12章 项目流程 12-1 面试为何会考察项目流程.mp4 26.61M 12-10 项目沟通的重要性.mp4 14.38M 12-11 项目流程总结.mp4 9.81M 12-2 和前端开发相关的项目角色有哪些.mp4 12.15M 12-3 一个完整的项目要分哪些阶段.mp4 28.22M 12-4 评审项目需求时需要注意哪些事项.mp4 20.08M 12-5 如何做好技术方案设计.mp4 15.97M 12-6 如何保证代码质量.mp4 11.25M 12-7 项目过程中PM加需求怎么办.mp4 11.30M 12-8 不要对QA说:我电脑没问题!.mp4 26.37M 12-9 项目上线.mp4 9.60M 第13章 课程总结 13-1 课程总结.mp4 65.11M 第14章 react hooks 14-1 出几道React-Hooks面试题.mp4 13.06M 14-10 什么是自定义Hook(上).mp4 35.61M 14-11 什么是自定义Hook(下).mp4 58.75M 14-12 使用Hooks的两条重要规则.mp4 8.14M 14-13 为何Hooks要依赖于调用顺序?.mp4 69.31M 14-14 class组件逻辑复用有哪些问题.mp4 33.07M 14-15 Hooks组件逻辑复用有哪些好处.mp4 58.43M 14-16 Hooks使用中的几个注意事项.mp4 143.12M 14-17 Hooks面试题解答.mp4 11.56M 14-2 class组件存在哪些问题.mp4 11.11M 14-3 用useState实现state和setState功能.mp4 61.76M 14-4 用useEffect模拟组件生命周期.mp4 63.69M 14-5 用useEffect模拟WillUnMount时的注意事项.mp4 75.45M 14-6 useRef和useContext.mp4 67.42M 14-7 useReducer能代替redux吗.mp4 38.02M 14-8 使用useMemo做性能优化.mp4 55.78M 14-9 使用useCallback做性能优化.mp4 24.82M 第1章 课程导学 1-1 课程导学.mp4 65.54M 第2章 课程介绍 2-1 先看几个面试题.mp4 72.48M 第3章 Vue 使用 3-1 vue使用-考点串讲.mp4 27.96M 3-10 slot是什么.mp4 183.83M 3-11 vue动态组件是什么.mp4 120.98M 3-12 vue如何异步加载组件.mp4 49.50M 3-13 vue如何缓存组件.mp4 93.89M 3-14 vue组件如何抽离公共逻辑.mp4 111.16M 3-15 vue高级特性知识点小结.mp4 19.31M 3-16 vuex知识点串讲.mp4 32.19M 3-17 vue-router知识点串讲.mp4 52.15M 3-18 vue使用-考点总结和复习.mp4 92.63M 3-2 vue基本使用.mp4 200.08M 3-3 vue基本知识点串讲-part2.mp4 343.71M 3-4 vue父子组件如何通讯.mp4 86.22M 3-5 如何用自定义事件进行vue组件通讯.mp4 107.58M 3-6 vue父子组件生命周期调用顺序.mp4 126.06M 3-7 面试会考察哪些vue高级特性.mp4 27.24M 3-8 vue如何自己实现v-model.mp4 254.00M 3-9 vue组件更新之后如何获取最新DOM.mp4 113.90M 第4章 Vue 原理 4-1 vue原理-大厂必考.mp4 66.42M 4-10 深入diff算法源码-patch函数.mp4 249.40M 4-11 深入diff算法源码-patchVnode函数.mp4 372.16M 4-12 深入diff算法源码-updateChildren函数.mp4 402.37M 4-13 虚拟DOM-考点总结和复习.mp4 13.24M 4-14 模板编译前置知识点-with语法.mp4 38.72M 4-15 vue模板被编译成什么.mp4 380.40M 4-16 vue组件可用render代替template.mp4 24.15M 4-17 回顾和复习已学的知识点.mp4 61.40M 4-18 vue组件是如何渲染和更新的.mp4 43.67M 4-19 vue组件是异步渲染的.mp4 35.25M 4-2 如何理解MVVM.mp4 55.70M 4-20 如何用JS实现hash路由.mp4 76.00M 4-21 如何用JS实现H5 history路由.mp4 114.34M 4-22 vue原理-考点总结和复习.mp4 15.78M 4-3 监听data变化的核心API是什么.mp4 39.73M 4-4 如何深度监听data变化.mp4 227.37M 4-5 vue如何监听数组变化.mp4 246.88M 4-6 虚拟DOM-面试里的网红.mp4 81.23M 4-7 用过虚拟DOM吗.mp4 50.57M 4-8 虚拟DOM-diff算法概述.mp4 48.93M 4-9 深入diff算法源码-生成vnode.mp4 240.77M 第5章 Vue 面试真题演练 5-1 vue真题演练1-v-for为何使用key 18_38.mp4 22.71M 5-2 vue真题演练2-组件data为何是函数 18_44.mp4 17.21M 5-3 vue真题演练3-何时使用keep-alive 18_46.mp4 10.27M 5-4 vue真题演练4-何时需要使用beforeDestroy 18_48.mp4 10.62M 5-5 vue真题演练5-diff算法时间复杂度 18_49.mp4 11.70M 5-6 vue真题演练6-vue常见性能优化 18_52.mp4 19.63M 第6章 Vue3预学习 6-1 vue3要来了vue2就过时了吗.mp4 16.08M 6-2 Proxy 基本使用-part1.mp4 50.94M 6-3 Proxy 基本使用-part2.mp4 193.51M 6-4 vue3用Proxy实现响应式.mp4 192.91M 第7章 React 使用 7-1 React使用-考点串讲.mp4 35.40M 7-10 setState合适会合并state.mp4 130.94M 7-11 React组件生命周期.mp4 50.27M 7-12 React基本使用-知识点总结和复习.mp4 6.72M 7-13 React函数组件和class组件有何区别.mp4 37.11M 7-14 什么是React非受控组件.mp4 153.04M 7-15 什么场景需要用React Portals.mp4 61.32M 7-16 是否用过React Context.mp4 214.68M 7-17 React如何异步加载组件.mp4 43.85M 7-18 React性能优化-SCU的核心问题在哪里.mp4 50.17M 7-19 React性能优化-SCU默认返回什么.mp4 155.31M 7-2 JSX基本知识点串讲.mp4 156.96M 7-20 React性能优化-SCU一定要配合不可变值.mp4 154.12M 7-21 React性能优化-PureComponent和memo.mp4 15.69M 7-22 React性能优化-了解immutable.js.mp4 10.70M 7-23 什么是React高阶组件.mp4 142.05M 7-24 什么是React Render Props.mp4 137.49M 7-25 React高级特性考点总结.mp4 3.67M 7-26 Redux考点串讲.mp4 15.44M 7-27 描述Redux单项数据流.mp4 26.33M 7-28 串讲react-redux知识点.mp4 63.27M 7-29 Redux action如何处理异步.mp4 19.06M 7-3 JSX如何判断条件和渲染列表.mp4 124.50M 7-30 简述Redux中间件原理.mp4 48.46M 7-31 串讲react-router知识点.mp4 24.67M 7-32 React使用-考点总结.mp4 64.30M 7-4 React事件为何bind this.mp4 245.54M 7-5 React事件和DOM事件的区别.mp4 199.65M 7-6 React表单知识点串讲.mp4 141.42M 7-7 React父子组件通讯.mp4 141.10M 7-8 setState为何使用不可变值.mp4 226.80M 7-9 setState是同步还是异步.mp4 128.87M 第8章 React 原理 8-1 React原理-考点串讲.mp4 28.49M 8-10 React原理-考点总结和复习.mp4 19.32M 8-2 再次回顾不可变值.mp4 37.52M 8-3 vdom和diff是实现React的核心技术.mp4 17.68M 8-4 JSX本质是什么.mp4 300.44M 8-5 说一下React的合成事件机制.mp4 129.52M 8-6 说一下React的batchUpdate机制.mp4 94.09M 8-7 简述React事务机制.mp4 15.64M 8-8 说一下React组件渲染和更新的过程.mp4 22.89M 8-9 React-fiber如何优化性能.mp4 19.61M 第9章 React 面试真题演练 9-1 React真题演练-1-组件之间如何通讯.mp4 6.86M 9-2 React真题演练-2-ajax应该放在哪个生命周期.mp4 9.39M 9-3 React真题演练-3-组件公共逻辑如何抽离.mp4 5.23M 9-4 React真题演练-4-React常见性能优化方式.mp4 7.96M 9-5 React真题演练-5-React和Vue的区别.mp4 17.72M frame-project-interview-master.zip 2.25M mksz419-前端框架及项目面试-聚焦Vue3、React、Webpack/ 10-11 happy





