The invention provides a data volume self-adaptive front-end large-screen data
scrolling display method and
system, and belongs to the technical field of front-end
visualization and
Web performance optimizing.The
system monitors the number N of data items in real time and divides the data items into a
small data volume level, a middle data volume level and a large data volume level according to threshold values N1 and N2, and the
small data volume is laid in a tiled mode and
scrolling is forbidden; local rolling is started for medium data volume, and m preloading buffers are set; virtual
scrolling is started for a large amount of data, only a visible area is rendered, and n buffers are set. And the
rolling speed is calculated according to v = k / N and is subjected to amplitude limiting. A scrolling
progress bar is generated under a large amount of data, and a page prompt is provided when N exceeds a threshold. Destroying corresponding components and cleaning and monitoring, a
timer and a cache DOM to release resources during policy degradation; and meanwhile, the rendering opportunity is optimized by using the request IdleCallback and the request
Animation Frame, so that the fluency and the stability of the
large screen in a data volume fluctuation scene are improved.