千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

本次总结了react和vue的一些高频考点面试题

REACT

1.虚拟Dom和diff算法

diff算法：差异查找法，对于DOM结构即为tree的差异查找算法，只有在React更新阶段才会有Diff算法的运用:react的diff运算为了降低时间复杂度，是按层比较新旧两个虚拟dom树的。

2.A 组件嵌套 B 组件，那么他们的生命周期执行顺序是什么？

父组件创建阶段的生命周期钩子函数constructor

父组件创建阶段的生命周期钩了函数 render

子组件创建阶段的生命周期钩子函数constructor

子组件创建阶段的生命周期钩子函数 render

子组件创建阶段的生命周期钩子函数 componentDidMount

父组件创建阶段的生命周期钩子函数componentDidMount

VUE的

3.什么是 Vue.nextTick()?

nextTick 是在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM，意思是等你dom加载完毕以后再去调用nextTick()里面的数据内容

4.nextTick实现的原理是什么?是宏任务还是微任务?

微任务

原理:

nextTick方法主要是使用了宏任务和微任务，定义了一个异步方法，多次调用nextTick会将方法存入队列中，通过这个异步方法清空队列。

作用: nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用nextTick,则可以在回调中获取更新后的DOM。

5.Vuex和redux有什么区别? 他们的共同思想

Redux和Vuex区别

·Vuex改进了Redux中的Action和Reducer函数，以mutations变化函数取代Reducer，无需switch，只需在对应的mutation函数里改变state值就可以

。Vuex由于Vue自动重新渲染的特性，无需订阅重新渲染函数，只要生成新的state就可以

。Vuex数据流的顺序是:View调用store.commit提交对应的请求到Store中对应的mutation函数 - store改变(vue检测到数据变化自动渲染)共同思想

。单一的数据源

。变化可以预测

。本质上:Redux和Vuex都是对MVVM思想的服务，将数据从视图中抽离的一种方案。形式上:Vuex借鉴了Redux，将store作为全局的数据中心，进行数据管理