Data rendering method and device

A data rendering and data technology, applied in the web field, can solve problems such as high memory usage and many DOM nodes

Active Publication Date: 2017-04-19
NSFOCUS INFORMATION TECHNOLOGY CO LTD +2
View PDF4 Cites 15 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0006] A data rendering method and device provided by the embodiments of the present invention are used to solve the problem in the prior art that there are too many tree-structured DOM nodes, resulting in excessive memory usage

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
  • Data rendering method and device
  • Data rendering method and device
  • Data rendering method and device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0093] Such as Figure 2a As shown, it is a schematic flowchart of the implementation flow of the data rendering method provided by the embodiment of the present invention, which may include the following steps:

[0094] S21. When performing data rendering, determine the first sequence identifier of the first row of display data in the display area in the data set to be displayed according to the distance between the slider and the top of the scroll bar, the size of the data set to be displayed, and the height of the display area.

[0095] Before data rendering, since the data with a hierarchical structure is mostly management resource data, the stability is relatively high. Therefore, the preloading method can be used to obtain all the data to be displayed asynchronously in advance, and store the data for backup. Of course, it is also possible to obtain the data to be displayed in real time without using the preloading method, and then render the data. The size of the data se...

Embodiment 2

[0123] When using the embodiment of the present invention to perform data rendering on data, according to the distance of the slider relative to the top of the scroll bar, the size of the data set to be displayed and the height of the display area, it is determined that the first line of display data in the display area is in the data set to be displayed Before the first sequence is identified, the method further includes Figure 3a Steps shown:

[0124] S31. Determine the height of the slider according to the size of the data set to be displayed, the unit display height, and the display area height.

[0125] For specific implementation, the Figure 3b The shown method determines the size of the slider and may include the following steps:

[0126]S311. Compare the ratio of the display area height to the unit display height with the size of the data set to be displayed.

[0127] By the size of the data set to be displayed in step S212 of the first embodiment Dcl=100, the hei...

Embodiment 3

[0145] In order to avoid repeated rendering of the displayed data in the display area, the embodiment of the present invention also provides Figure 4 The method shown may include the following steps:

[0146] S41. For the third data currently displayed in the display area, when an open operation for the third data is detected, re-determine the size of the data set to be displayed, the size of the slider and the relative The distance from the top of the scrollbar.

[0147] S42. Redetermine the first sequence identifier and the second sequence identifier according to the size of the slider and the distance of the slider relative to the top of the scroll bar.

[0148] S43. Re-determine the first data displayed in the display area this time according to the re-determined first sequence identifier and second sequence identifier.

[0149] S44. Perform rendering and display again according to the re-determined first data.

[0150] For specific implementation, refer to Figure 2b...

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 data rendering method and device. The method comprises following steps: when data rendering is carried out, a first sequence identification of first row display data in a data set to be displayed within a display area is determined according to the relative distance between a slide block and a scroll bar top part, the size of the data set to be displayed and the height of the display area; a second sequence identification of terminal row display data in the data set to be displayed within the display area is determined according to the unit height of displaying, the first sequence identification and the height of the display area; first data displayed in the display area this time is determined according to the first sequence identification and the second sequence identification. Rendering display is carried out according to the first data; by means of the method of the invention, as little DOM nodes as possible are adopted to render massive data, which saves memory consumption and increases user experience.

Description

technical field [0001] The present invention relates to the field of Web technologies, in particular to a data rendering method and device. Background technique [0002] This section is intended to provide a background or context for implementations of the invention that are recited in the claims. The descriptions herein are not admitted to be prior art by inclusion in this section. [0003] Website (Web) has penetrated into all walks of life and become the most popular information and business platform, including: e-government, e-commerce, online banking, online business hall, etc. Under the technological trend of Web 2.0, various organizations are constantly adding functions on their websites, especially interactive functions, to provide better user experience. [0004] In today's web interface, the tree structure is one of the main methods for resource management system interface display, which is usually used to manage and display multi-level resources. However, due t...

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): G06F17/30
Inventor 郑彬陈磊董泽奎樊宇王岩
Owner NSFOCUS INFORMATION TECHNOLOGY 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