深入react技术栈-初入react

1.virtual DOM

  • 传统页面开发模式中,都是对真实的dom进行操作,耗费大量的性能。而react将真实dom树转换成虚拟dom,每一次更新都与原来的虚拟dom进行diff比对来进行更新,对于改变的部分来进行批量更新,节约了性能。
  • 通过虚拟dom转换成真实dom,方便和其他平台的集成,react组件可以映射为对应的原生控件,可以用于web,ios,android

2.setState

  • setState 是一个异步方法,一个生命周期内所有的 setState 方法会合并操作
  • 但是并不推荐在推荐内部使用过多的state,过多的state容易导致逻辑混乱

3.props

  • react中数据是单向流动的 父子组件之间的通信通过父组件传递数据给子组件,子组件通过props接受,子组件通过向父组件传递过来的函数传入自己的参数来进行调用父组件中的方法

4.react生命周期

  • 可以将组件的生命周期分成两大类:组件的挂载卸载阶段&&组件的更新阶段
  • 组件挂载阶段执行的生命周期函数: componentWillMount,render, componentDidMount
  • 组件卸载阶段执行的生命周期函数: componentWillUnmount(可以执行一些事件回收或是清除定时器)
  • 组件更新阶段执行的生命周期函数: 组件自身的 state 更新了,那么会依次执行 shouldComponentUpdate、componentWillUpdate 、render 和 componentDidUpdate。
  • 深入react技术栈-初入react

     

     

上一篇:CSS3中flexbox如何实现水平垂直居中和三列等高布局


下一篇:React和Vue的虚拟Dom之间的区别对比