Method and system for realizing infinite scrolling of webpage long list

A technology for long lists and web pages, which is applied in the field of infinite scrolling of long lists of web pages, which can solve problems such as poor performance and high memory usage, and achieve the effects of reducing performance overhead, improving system fluency, and improving user experience

Pending Publication Date: 2021-06-22
BEIJING MININGLAMP SOFTWARE SYST CO LTD
View PDF0 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] The embodiment of the present application provides a method and system for realizing infinite scrolling of a long list of webpages, so as to at least solve the problems of poor performance and high memory usage caused by stacking of existing webpage nodes

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and system for realizing infinite scrolling of webpage long list
  • Method and system for realizing infinite scrolling of webpage long list
  • Method and system for realizing infinite scrolling of webpage long list

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0065] This example discloses a specific implementation of a method for realizing infinite scrolling of a long list of webpages (hereinafter referred to as "method").

[0066] Such as Image 6 Shown, method of the present invention comprises the following steps in implementation:

[0067] 1. Page initialization, including: setting the start probe for data acquisition to 0, setting the height of the upper boundary node from the top to 0, and setting the height of the lower boundary node from the bottom to 0.

[0068] 2. Check whether the data list contains N pieces of data that meet the conditions. If so, go to step 5, otherwise go to step 3.

[0069] 3. Obtain a certain amount of data from the server.

[0070] 4. Fill the obtained data into the data list in the way of appending.

[0071] 5. Get N pieces of data that meet the conditions from the data list. There are two situations at this time:

[0072] a) If it is a sliding operation or initialization, assuming that the en...

Embodiment 2

[0093] Please refer to Figure 4 , Figure 4 It is a schematic diagram of a system for realizing infinite scrolling of a long list of webpages according to the present invention. Such as image 3 A system for realizing infinite scrolling of a long list of webpages according to the present invention, including:

[0094] Initialization unit: set the probe used for data acquisition, set the height of the initial upper boundary node from the top, set the initial height of the lower boundary node from the bottom, and obtain the data list through the probe according to the height;

[0095] Data acquisition unit: acquire at least one piece of data from the data list;

[0096] Data rendering unit: render the obtained data into the specified visible area on the page;

[0097] Judging unit: judging whether the visible area contains a removable rendered node and deleting the removable rendered node;

[0098] Update unit: update the height of the upper boundary node from the top and th...

Embodiment 3

[0100] combine Figure 5 As shown, this embodiment discloses a specific implementation manner of a computer device. The computer device may comprise a processor 81 and a memory 82 storing computer program instructions.

[0101] Specifically, the processor 81 may include a central processing unit (CPU), or an Application Specific Integrated Circuit (ASIC for short), or may be configured to implement one or more integrated circuits in the embodiments of the present application.

[0102] Among them, the memory 82 may include mass storage for data or instructions. For example without limitation, the memory 82 may include a hard disk drive (Hard DiskDrive, referred to as HDD), a floppy disk drive, a solid state drive (SolidState Drive, referred to as SSD), flash memory, optical disk, magneto-optical disk, magnetic tape or Universal Serial Bus ( Universal Serial Bus, abbreviated as USB) drive or a combination of two or more of these. Storage 82 may comprise removable or non-remov...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses a method and a system for realizing infinite scrolling of a webpage long list. The method comprises the following steps: an initialization step: setting a probe for acquiring data, setting the height from an initial upper boundary node to the top, setting the height from an initial lower boundary node to the bottom, and acquiring a data list through the probe according to the height; a data acquisition step: acquiring at least one piece of data from the data list; a data rendering step: rendering the acquired data into a specified visual area in a page; a judgment step: judging whether the visible area contains rendered nodes which can be removed or not and deleting the rendered nodes which can be removed; and an updating step: updating the height from the upper boundary node to the top and the height from the lower boundary node to the bottom. The method has the advantages that data coherence is guaranteed, and user experience is improved.

Description

technical field [0001] The invention belongs to the field of methods for realizing infinite scrolling of long webpage lists, and in particular relates to a method and system for realizing infinite scrolling of long webpage lists. Background technique [0002] In the existing infinite scrolling loading solution, only content is continuously added to the visible area of ​​the webpage, and content that has moved out of the visible area is not dynamically deleted, resulting in a large number of nodes stacked on the webpage as the user continues to slide and load content. Increase memory usage and affect web page performance. It can be seen that in the prior art, node stacking leads to poor performance, and also leads to high memory usage. Contents of the invention [0003] The embodiment of the present application provides a method and system for realizing infinite scrolling of a long list of webpages, so as to at least solve the problems of poor performance and high memory u...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F16/958G06F16/957
CPCG06F16/9577G06F16/958
Inventor 肖凯
Owner BEIJING MININGLAMP SOFTWARE SYST CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap