react上课提问

1、class组件和类组件区别？

2、useMemo和usecallback如何提升性能

3、React-router-dom V5和V6有什么区别?

4、React中Hooks及含义

5、React的生命周期有哪些？

6、什么是高阶组件？如何使用？用过哪些高阶组件

7、React中受控组件和非受控组件

8、什么是promise?

Promise 是一种用于异步编程的 JavaScript 对象。它表示一个尚未完成的操作，但在未来的某个时间点会完成，可能会成功返回结果，也可能返回失败的原因。 Promise 将异步操作的结果与成功和失败处理程序分离开来，可以有效解决 JavaScript 中异步编程带来的回调地狱问题。

Promise 对象有三种状态：

• 等待（pending）：初始状态，即操作尚未完成。
• 已完成（fulfilled）：操作成功完成，返回了结果。
• 已拒绝（rejected）：操作失败，返回失败的原因。

Promise 对象有两个核心方法：

• then() 方法：当 Promise 对象进入已完成状态时调用，成功时返回结果，失败时返回一个错误对象。
• catch() 方法：当 Promise 对象进入已拒绝状态时调用，可以捕获错误并进行处理。

Promise 对象的优点有：

• 可以解决回调地狱问题，使异步代码更易于理解和维护。
• 可以有效地处理并行操作，避免了层层嵌套的回调函数。
• 可以使用链式调用来组合多个异步操作，代码更加简洁。

Promise 对象的缺点有：

• 无法取消 Promise，一旦创建就会执行，无法中途取消。
• 如果不正确处理 Promise 中的错误，会导致程序崩溃或无法调试。
• 对于某些复杂的异步场景，Promise 也无法完全满足需求。

简单封装一个promise：

function getJson(url) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest()
    xhr.open('GET', url)
    xhr.onreadystatechange = function() {
      if (this.readyState === 4) {
        if (this.status === 200) {
          resolve(JSON.parse(this.responseText))
        } else {
          reject(new Error(this.statusText))
        }
      }
    }
    xhr.onerror = function() {
      reject(new Error('Network Error'))
    }
    xhr.send()
  })
}

9、Promise和async/await有什么区别？

10、虚拟DOM和真实DOM的区别

11、React生命周期的过程

12、state和props有什么区别？

13、React组件通信的流程

14、React中Hooks的理解及使用

15、React中setState的运行机制的理解？

16、说说你对React中事件机制的理解

17、Js的数据类型和内存存储区别

18、Js中数据类型判断的方法有哪些？

19、说说你对Vue中生命周期的理解？

生命周期就是：从vue实例产生开始到vue实例销毁这个时间所经历的过程。

生命周期函数都有：

​ beforeCreate（）：创建实例前执行

​ created（）：创建实例完成后执行

​ beforeMount（）：组件挂载前

​ mounted（）：组件挂载到实例上后

​ beforeUpdate（）：数据发生改变，更新之前

​ updated（）：数据发生更新之后

​ beforeDestroy（）：组件实例销毁前

​ destroyed（）：组件实例销毁后

新增：

​ activated（）：keep-alive缓存组件激活时

​ deactivated（）：keep-alive缓存组件停用时

​ errorCaptrued（）：捕获一个来自子孙组件的错误时调用

20、Vue2的响应式原理是什么？

vue中响应式原理：核心是通过es5的object.defindeProperty进行数据劫持，然后使用get和set进行数据的获取和设置，这时data中生命的属性会被添加到get和set中，当读取data中的数据时，会自动调用get方法，当数据进行修改时，会自动调用set方法，去监听检测数据的变化，同时通知观察者wacher，观察者会自动重新触发render组件（注：子组件不会重新渲染），

21、说说你对盒子模型的理解？

22、说说你对BFC的理解？

23、说说你对Redux以及Redux中间件的理解？