React总结篇之五_React组件的性能优化(ct,react,redux,web开发)

时间:2024-04-27 23:51:04 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    React%E6%80%BB%E7%BB%93%E7%AF%87%E4%B9%8B%E4%BA%94_React%E7%BB%84%E4%BB%B6%E7%9A%84%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96

一、单个React组件的性能优化
React利用Virtual DOM来提高渲染性能,虽然这能将每次DOM操作量减少到最小,计算和比较Virtual DOM依然是一个复杂的计算过程。如果能够在计算Virtual DOM之前就能判断渲染结果不会有变化,那样可以干脆不要进行Virtual DOM计算和比较,速度就会更快。

二、多个React组件的性能优化
和单个组件的生命周期一样,React组件也要考虑3个阶段:装载阶段、更新阶段、卸载阶段。其中,装载阶段基本没什么可以优化的空间,因为这部分工作没有什么可以省略的。而卸载阶段,只有一个生命周期函数componentWillUnmount,这个函数做的事情只是清理componentDidMount添加的事件处理监听等收尾工作,做的事情要比装载过程少很多,所以也没什么可以优化的空间。所以值得关注的过程,只剩下更新过程。

三、用reselect提高数据获取性能

本文:React总结篇之五_React组件的性能优化的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:JavaScript学习笔记(五)下一篇:

5 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18