精品课程 前端框架及项目面试－聚焦Vue、React、Webpack【已完结 13G】
-
第1章 课程导学
介绍课程制作的背景和课程主要内容。
- 1-1 框架面试导学试看
-
第2章 课程介绍
先出几道面试真题，引导思考。带着问题来继续学习，效果更好。
- 2-1 先看几个面试题
-
第3章 Vue 使用
Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的知识点和面试题。
- 3-1 vue使用-考点串讲
- 3-2 vue基本使用part1
- 3-3 vue基本知识点串讲-part2
- 3-4 vue父子组件如何通讯
- 3-5 如何用自定义事件进行vue组件通讯
- 3-6 vue父子组件生命周期调用顺序试看
- 3-7 面试会考察哪些vue高级特性
- 3-8 vue如何自己实现v-model
- 3-9 vue组件更新之后如何获取最新DOM
- 3-10 slot是什么
- 3-11 vue动态组件是什么
- 3-12 vue如何异步加载组件
- 3-13 vue如何缓存组件
- 3-14 vue组件如何抽离公共逻辑
- 3-15 vue高级特性知识点小结
- 3-16 vuex知识点串讲
- 3-17 vue-router知识点串讲
- 3-18 vue使用-考点总结和复习
-
第4章 Vue 原理
要保证自己的面试竞争力，必须掌握 Vue 原理，前端高级面试或者大厂面试中常考。本章讲解虚拟DOM，diff 算法，响应式，模板编译，组件渲染等 Vue 原理常考的知识点和面试题。
- 4-1 vue原理-大厂必考试看
- 4-2 如何理解MVVM
- 4-3 监听data变化的核心API是什么
- 4-4 如何深度监听data变化
- 4-5 vue如何监听数组变化
- 4-6 虚拟DOM-面试里的网红
- 4-7 用过虚拟DOM吗
- 4-8 虚拟DOM-diff算法概述
- 4-9 深入diff算法源码-生成vnode
- 4-10 深入diff算法源码-patch函数
- 4-11 深入diff算法源码-patchVnode函数
- 4-12 深入diff算法源码-updateChildren函数
- 4-13 虚拟DOM-考点总结和复习
- 4-14 模板编译前置知识点-with语法
- 4-15 vue模板被编译成什么
- 4-16 vue组件可用render代替template
- 4-17 回顾和复习已学的知识点
- 4-18 vue组件是如何渲染和更新的
- 4-19 vue组件是异步渲染的
- 4-20 如何用JS实现hash路由
- 4-21 如何用JS实现H5 history路由
- 4-22 vue原理-考点总结和复习
-
第5章 Vue 面试真题演练
学习完 Vue 的使用和原理，就来模拟面试吧。本章给出了大量的 Vue 常考面试题，帮你验证学习效果，温故知新。
- 5-1 vue真题演练1-v-for为何使用key
- 5-2 vue真题演练2-组件data为何是函数
- 5-3 vue真题演练3-何时使用keep-alive
- 5-4 vue真题演练4-何时需要使用beforeDestroy
- 5-5 vue真题演练5-diff算法时间复杂度
- 5-6 vue真题演练6-vue常见性能优化
-
第6章 Vue3预学习
Vue3 发布在即。本章介绍 Vue3 的升级内容，以及使用 Proxy 实现响应式。其他内容待 Vue3 正式发布、使用之后，及时更新。
- 6-1 vue3要来了vue2就过时了吗
- 6-2 Proxy 基本使用-part1
- 6-3 Proxy 基本使用-part2
- 6-4 vue3用Proxy实现响应式
-
第7章 React 使用
和 Vue 一样，React 也是面试必备技能，而且大厂的考察概率更高。本章讲解 React 基本使用，高级特性，性能优化，redux 等内容的知识点和面试题。
- 7-1 React使用-考点串讲
- 7-2 JSX基本知识点串讲
- 7-3 JSX如何判断条件和渲染列表
- 7-4 React事件为何bind this
- 7-5 React事件和DOM事件的区别
- 7-6 React表单知识点串讲
- 7-7 React父子组件通讯
- 7-8 setState为何使用不可变值
- 7-9 setState是同步还是异步
- 7-10 setState合适会合并state
- 7-11 React组件生命周期
- 7-12 React基本使用-知识点总结和复习
- 7-13 React函数组件和class组件有何区别
- 7-14 什么是React非受控组件
- 7-15 什么场景需要用React Portals
- 7-16 是否用过React Context
- 7-17 React如何异步加载组件
- 7-18 React性能优化-SCU的核心问题在哪里
- 7-19 React性能优化-SCU默认返回什么
- 7-20 React性能优化-SCU一定要配合不可变值
- 7-21 React性能优化-PureComponent和memo
- 7-22 React性能优化-了解immutable.js
- 7-23 什么是React高阶组件
- 7-24 什么是React Render Props
- 7-25 React高级特性考点总结
- 7-26 Redux考点串讲
- 7-27 描述Redux单项数据流
- 7-28 串讲react-redux知识点
- 7-29 Redux action如何处理异步
- 7-30 简述Redux中间件原理
- 7-31 串讲react-router知识点
- 7-32 React使用-考点总结
-
第8章 React 原理
和 Vue 相比，使用 React 时更需要开发人员了解其原理，面试也会重点考察。本章讲解 JSX 编译、事件机制、batchUpdate ，组件更新渲染过程等 React 原理常考的知识点和面试题。
- 8-1 React原理-考点串讲
- 8-2 再次回顾不可变值
- 8-3 vdom和diff是实现React的核心技术
- 8-4 JSX本质是什么
- 8-5 说一下React的合成事件机制
- 8-6 说一下React的batchUpdate机制
- 8-7 简述React事务机制
- 8-8 说一下React组件渲染和更新的过程
- 8-9 React-fiber如何优化性能
- 8-10 React原理-考点总结和复习
-
第9章 React 面试真题演练
学习完 React 的使用和原理，就来模拟面试吧。本章给出了大量的 React 常考面试题，帮你验证学习效果，温故知新。
- 9-1 React真题演练-1-组件之间如何通讯
- 9-2 React真题演练-2-ajax应该放在哪个生命周期
- 9-3 React真题演练-3-组件公共逻辑如何抽离
- 9-4 React真题演练-4-React常见性能优化方式
- 9-5 React真题演练-5-React和Vue的区别
-
第10章 webpack 和 babel
webpack 是前端必备工具，面试必考内容，特别是性能优化。本章讲解 webpack 常用配置，详细的性能优化手段，已经 babel 。最后会给出常考面试题，做面试真题演练。
- 10-1 webpack考点梳理
- 10-2 webpack基本配置串讲（上）
- 10-3 webpack基本配置串讲（下）
- 10-4 webpack如何配置多入口
- 10-5 webpack如何抽离压缩css文件
- 10-6 webpack如何抽离公共代码和第三方代码
- 10-7 webpack如何实现异步加载JS
- 10-8 module chunk bundle 的区别
- 10-9 webpack优化构建速度-知识点串讲
- 10-10 用IngorePlugin忽略无用文件
- 10-11 happyPack是什么
- 10-12 webpack如何配置热更新
- 10-13 何时使用DllPlugin
- 10-14 webpack优化构建速度-考点总结和复习
- 10-15 webpack优化产出代码-考点串讲
- 10-16 什么是Tree-Shaking
- 10-17 ES Module 和 Commonjs 的区别
- 10-18 什么是Scope Hosting
- 10-19 babel基本概念串讲
- 10-20 babel-polyfill是什么
- 10-21 babel-polyfill如何按需引入
- 10-22 babel-runtime是什么
- 10-23 webpack考点总结和复习
- 10-24 webpack面试真题-前端代码为何要打包
- 10-25 webpack面试真题-为何Proxy不能被Polyfill
- 10-26 webpack面试真题-常见性能优化方法
-
第11章 项目设计
掌握了 Vue 和 React 的使用和原理，是否能设计出一个项目功能呢？面试会考察项目设计能力。本章讲解项目设计的常见考察方式，以及解题思路和方法。
- 11-1 面试为何会考察组件和状态设计
- 11-2 状态设计的思路和要点
- 11-3 组件设计的思路和要点
- 11-4 React实现TodoList代码演示
- 11-5 组件设计和状态设计的总结
- 11-6 Vue实现购物车-你将如何设计
- 11-7 Vue实现购物车data如何设计
- 11-8 Vue实现购物车-组件设计和代码演示
- 11-9 结合vuex实现购物车
- 11-10 状态设计和组件设计的考点总结
-
第12章 项目流程
本章讲解一个标准前端项目的开发流程，项目角色，以及项目进行中将会遇到的问题和解决方案。帮你提炼自己的项目经验，成为职场“老司机”。
- 12-1 面试为何会考察项目流程
- 12-2 和前端开发相关的项目角色有哪些
- 12-3 一个完整的项目要分哪些阶段
- 12-4 评审项目需求时需要注意哪些事项
- 12-5 如何做好技术方案设计
- 12-6 如何保证代码质量
- 12-7 项目过程中PM加需求怎么办
- 12-8 不要对QA说：我电脑没问题！
- 12-9 项目上线
- 12-10 项目沟通的重要性
- 12-11 项目流程总结
-
第13章 课程总结
总结课程主要内容和知识点
- 13-1 课程总结
