【React自制全家桶】六、React性能优化（持续更新总结）

一、通过虚拟DOM来提升性能（自动）

　　　　底层讲解见【React自制全家桶】二、分析React的虚拟DOM和Diff算法

二、将多次setState合并为一次执行（自动）

　　　　底层讲解见【React自制全家桶】二、分析React的虚拟DOM和Diff算法

三、将bind绑定放置在constructor上（手动）

constructor(props){

    // 继承

    super(props);

    //保障只执行一次，减少无谓渲染

    this.handleDelete = this.handleDelete.bind(this);

}

四、在子组件中设置shouldComponentUpdate()函数（手动）

shouldComponentUpdate(nextProps,nextState){

    // 提升性能

    //nextProps为下一个Props将变化成的值

    if(nextProps.content !== this.props.content){

        return true;

    }else{

        return false;

    }

}

巴特西

【React自制全家桶】六、React性能优化（持续更新总结）

最新文章

热门文章