react大数据table_数据分析·数据探查背后的技术分享

背景

随着DataWorks数据分析系统被越来越多人所喜爱，弹内外UV越来越高

程序猿小哥哥小姐姐们特别开心，于是更加努力，绞尽脑汁地希望自己能更好地服务用户。

数据探查就是我们为了帮助用户更好的掌握数据情报，倾情打造，最终呈现的功能之一。

详细介绍，可以参看这篇文章介绍：https://zhuanlan.zhihu.com/p/105125065

本文重点分享背后用到的部分技术。

虚拟滚

经测试发现，字段在100列以上时，因为整体页面渲染的DOM元素变多，会导致浏览器渲染性能变差。在ODPS表当中，许多客户的字段量达到200列以上，可能出现性能瓶颈，导致用户体验不佳。为了解决此问题，我们引入了虚拟滚动的技术，从而提供更好的用户体验。

原理

虚拟滚动技术是由google所提出的一种懒加载技术，透过控制滚动轴（Scrolling）来有限制地渲染DOM元素。