React 中一些性能改进的点

1. 在class 中的constructor 函数中使用bind 绑定组件内函数的作用域,如下。

    这样可以保证,整个文件里,该函数的作用域绑定只执行一次。且可以避免子组件的一些无必要的渲染。

  constructor(props) {
    super(props);
    this.handleDelete = this.handleDelete.bind(this)
  }

2. React 底层内置了setState 函数,它已经内置了性能提升的机制,是一个异步函数,且可以把多次操作合并为一个操作。

3. React 底层的虚拟Dom 概念,同层比对,以及key 值的概念。提升虚拟Dom比对的速度,从而提升React 性能。

4. 借助shoudComponentUpdate 生命周期函数,可以减少组件进行不必要的渲染,提升React 性能。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值