22
2018
12

react的性能优化

性能优化: 可以尽量只渲染当前需要显示的内容,其他内容只有在需要显示的时候才渲染,而不是一开始就将所有的内容都渲染。

开发中遇到一个需要优化的性能,页面需要渲染很多table,而且可以自己添加table,所以就导致router改变时,清除这些DOM结构就会很慢,这就给用户造成不好的体验。

问题所在:清除渲染过多的DOM结构才导致迟缓;

解决方案:引入的table页面作为一个子组件,存在切换table显示内容的功能,所以就可以传入一个bool类型的show值,作为是否渲染DOM结构的判断,只有切换到该table才返回DOM结构,否则返回null,页面就只会渲染目前显示的table,而其他的table没有渲染,这样就解决了渲染过多的DOM而导致清除耗时长的问题。

原文链接:https://www.qiquanji.com/post/7635.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。