各个阶段常见问题和解答
感谢聆听
F
前端 路由
02
vue3
vue3
01
Proxy 响应式
02
。。。
03
React
使用Leabharlann 01createreact-
app
02
基本用 法
03
高级使 用
JSX语法 条件 列表渲染 事件 组件和props（类型检查） state和setState 组件生命周期
使用
基本用法
函数组件 受控和非受控组件 refs Portals context 异步组件（懒加载）
JS框架面试题
演讲人
2020-12-01
目录
01. Vue 03. React 05. 项目设计
02. vue3 04. webpack和babel 06. 项目研发流程
01
Vue
Vue
A
使用
B
周边 工具
C
原理
01 vuecli
02 基本使 用
Vue
使用
03 组件
04 高级特 性
使用
A
vue -cli
B
基本 使用
C
组件
D
高级 特性
使用
基本使用
1
3
模板（插值， 指令）
class和 style
5
循环
computed 和watch
2
条件
4
事件
6
表单
使用
基本使用
使用
组件
生命周期
v-on和 $emit
props（类 型和默认值）
自定义事件
使用
高级特性
自定义vmodel
$nextTi ck
refs
异步组件
vue
性能优化
优化构建速 度
1
优化产出代 码
2
优化babel-loader IgnorePlugin noParse happyPack ParallelUglifyPlugin 自动刷新 热更新 DIIPlugin
性能优化
优化构建速度
使用生产环境 小图片base64编码 bundle加hash 使用CDN 提取公共代码 懒加载 scope hosting
原理
04
webpack和babel
webpack和 babel
基本使用
01 安装配置 02 dev-server 03 解析ES6 04 解析样式 05 解析图片文件 0 6 常见loader和plugin
webpack和 babel
高级特性
多入口
抽离和 压缩css
抽离公 共代码
懒加载
处理 React和
动态组件
slot
使用
高级特性
keepalive
mixi n
vuex
Vue
周边工具
vue-router
vuex
A
stat e
B
gett ers
C
acti on
D
muta tion
E
用于 vue
dispatch commit mapState mapGetters mapActions mapMutations
vuex
用于vue
周边工具
vue-router
动态路由
hash和 history
to和push
懒加载（配 合动态组件）
Vue
原理
组件化和 MVVM
1
2
响应式原理
vdom和diff 算法
3
4
模板编译
组件渲染过程
5
6
前端路由
A
组件化和 MVVM
D
模板 编译
原理
B
响应式 原理
E
组件渲 染过程
C
vdom和 diff算法
周边工具
react-redux
provider connect mapStateToProps mapDispatchToProps
React
原理
01
函数式编程
04
合成事件
02
vdom和 diff算法
05
setState和 batchUpdate
03
JSX本质
06
组件渲染过 程
前端路由
React
使用
高级使用
使用
高级使用
性能优化 shouldComponentUpdate 纯组件 不可变值immutablejs 高阶组件 render prop
周边工具
01
redux
02
reactredux
03
reactrouter
周边工具
redux
store reducer action dispatch 单向数据流模型 中间件redux-thunkredux-saga
性能优化
优化产出代码
webpack和 babel
babel
poly fill
runti me
05
项目设计
项目设计
todo-list
React简版 React复杂版
购物车
vue简版 vue复杂版
设计要点
组件结构设计 数据结构设计
06
项目研发流程
项目研发流程
主要阶段 需求分析
技术方案设计 开发 联调 测试 上线（和回滚） 项目总结