利用react-virtualized来高效渲染大数据量列表
页面卡死是因为js渲染了太多的dom,而react-virtualized,只渲染了可视区的数据,非可视区的div全部被销毁。随着页面的滚动,react-virtualized会不停的渲染可视区的dom,非可视区的dom被销毁。所以整个页面的DOM并没有因为数据的过于庞大而变得非常多,解决了页面卡死的问题
利用react-virtualized来高效渲染大数据量列表
页面卡死是因为js渲染了太多的dom,而react-virtualized,只渲染了可视区的数据,非可视区的div全部被销毁。随着页面的滚动,react-virtualized会不停的渲染可视区的dom,非可视区的dom被销毁。所以整个页面的DOM并没有因为数据的过于庞大而变得非常多,解决了页面卡死的问题
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。