Page waterfall flow layout optimization method, storage medium, electronic equipment and page waterfall flow layout optimization system

Abstract

The invention relates to the field of computer control, and discloses a page waterfall flow layout optimization method, a storage medium, electronic equipment and a page waterfall flow layout optimization system. The method comprises the steps that 1, the maximum number of images of a page and the maximum display number of images of a screen are preset; 2, an upper array and a lower array are newly built; 3, whether a current operation is a page drop-up operation or a page drop-down operation is judged; 4, whether HTML label data of the images is stored in the lower array or not is judged; 5,a new image is loaded, and removal of an image on the top of the page is conducted correspondingly; 6, an image corresponding to the last group of HTML label data in the lower array is loaded to the bottom of the page; 7, when the page is dropped down to the top of the page, whether HTML label data of the images is stored in the upper array or not is judged; 8, an image corresponding to the last group of HTML label data in the upper array is loaded to the top of the page, and removal of a corresponding image on the bottom of the page is conducted correspondingly. By means of the method, fluency of page view is effectively improved.

Description

technical field [0001] The invention relates to the field of computer control, in particular to a page waterfall flow layout optimization method, a storage medium, an electronic device and a system. Background technique [0002] At present, the waterfall flow layout of infinitely loading text, pictures and other data is implemented on HTML5 pages. Basically, the basic waterfall flow implementation principle is applied, that is, when pulling up to the bottom of the window, the interface data is requested, and the data is loaded. After the data is loaded, all the loaded DOM (Document Object Model, Document Object Model) structures are redrawn and rearranged, so as to obtain the waterfall typesetting effect of the entire page. HTML5 is the fifth major revision of the application hypertext markup language under the standard general markup language. [0003] This kind of waterfall flow implementation needs to redraw and rearrange all the loaded data after each new data is loaded...

AI Technical Summary

Problems solved by technology

[0003] This kind of waterfall flow implementation needs to redraw and rearrange all the loaded data after each new load of data, resulting in a large amount of calculation work required for the program after loading the data each time. When the amount of data is very large , at this time, the computing capacity of the computer will be huge, and it will consume a lot of memory. At the same time, the running of the program will become slow, and after the page loads more data, the total DOM number of the page will increase, and the page will become stuck when browsing the page. , resulting in greatly reduced user experience

Images