Method and device of loading DOM (Document Object Model) node data, computer equipment and storage medium

Abstract

The invention provides a method and a device of loading DOM (Document Object Model) node data, computer equipment and a storage medium. Excessive consumption of network resources is avoided through caching DOM nodes of an already operated page area step by step. The DOM nodes which are in the page part area operated by a user and need to load the data are cached, the DOM nodes do not need to be re-found from a DOM tree structure in repeated operations, DOM nodes in the DOM tree structure are more, and resource waste caused by finding the DOM nodes, which correspond to the area, from the more DOM nodes is avoided. In addition, a case of page blocking caused by resource waste due to one-time caching of the DOM nodes of an entire page is also avoided.

Description

technical field [0001] The invention relates to the technical field of the Internet, in particular to a method, a device, a computer device and a storage medium for loading DOM node data. Background technique [0002] For any page, its structure can be drawn as a DOM (Document Object Model, Document Object Model) tree structure. When loading a page, first load its DOM tree structure, and then find the DOM node in the DOM tree structure that needs to load data, and find the DOM After the node, load the data corresponding to the DOM node, and finally add the data corresponding to the DOM node to the page, and then display the data on the page. [0003] There are generally two existing methods for loading data of DOM nodes. The first method is to search for all DOM nodes that need to add data to the page at one time when starting to load the page, and then obtain the data of the DOM nodes one by one. When the data is added to the DOM After the node is displayed on the page, th...

AI Technical Summary

Problems solved by technology

[0003] There are generally two existing methods for loading data of DOM nodes. The first method is to search for all DOM nodes that need to add data to the page at one time when starting to load the page, and then obtain the data of the DOM nodes one by one. When the data is added to the DOM After the node is displayed on the page, the disadvantage of this method of obtaining DOM node data is that after refreshing the page, it is necessary to re-find all the DOM nodes on the page that need to add data. Finding DOM nodes consumes resources, so when refreshing the page It will be a great waste of resources; the second method is to cache all the DOM nodes that need to add data on the page at one time. Every time you need to add data, you can directly add the data to the known DOM nodes, so that you do not need to reload when the page is refreshed. Search for DOM nodes, but when the page is large, there are many DOM nodes, caching all DOM nodes at one time will block the page due to digesting too many resources, allowing users to see the time delay of the first screen page effect, resulting in page loading for users It feels slow. In addition, there may be many interfaces on the page. Many interfaces send DOM node data requests at one time, which will inevitably cause the page to freeze.

Images