CN108595652A - Load method, apparatus, computer equipment and the storage medium of DOM node data - Google Patents
Load method, apparatus, computer equipment and the storage medium of DOM node data Download PDFInfo
- Publication number
- CN108595652A CN108595652A CN201810394769.4A CN201810394769A CN108595652A CN 108595652 A CN108595652 A CN 108595652A CN 201810394769 A CN201810394769 A CN 201810394769A CN 108595652 A CN108595652 A CN 108595652A
- Authority
- CN
- China
- Prior art keywords
- data
- dom node
- dom
- node
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Abstract
The present invention provides a kind of method, apparatus, computer equipment and the storage medium of load DOM node data, and excessive consumption of network resources is avoided by caching the DOM node of the page area operated step by step.The user's operation page any subregion, cache the DOM node for needing to load data in any subregion, it is not required to search DOM node again from DOM tree structure when repetitive operation, DOM node in DOM tree structure is more, and this avoids the wastings of resources caused by searching the corresponding DOM node in the region in more DOM node；In addition, it is thus also avoided that the case where waste of resource causes the page to block due to disposably caching the DOM node of full page.
Description
Technical field
The present invention relates to Internet technical fields, more particularly to the method, apparatus of load DOM node data, computer to set
Standby and storage medium.
Background technology
Any one page, structure can be plotted as DOM (Document Object Model, document object mould
Type) tree construction, when loading page, its DOM tree structure is first loaded, then searches the DOM for needing to load data in the DOM tree structure
Node finds DOM node and goes the corresponding data of load DOM node again later, the corresponding number of DOM node is finally added in the page
According to, and then realize the display data on the page.
It is existing load DOM node data method it is general there are two types of, the first is when starting loading page, once
Property search the page institute interpolation data in need DOM node, then one by one acquisition DOM node data, when data are added to DOM
Just shown on the page after node, it is this obtain DOM node data method the shortcomings that be when refresh page after, need again
The DOM node of the new institute's interpolation data in need for searching the page, searches DOM node and needs consumption resource, therefore in refresh page
When can greatly waste of resource；Second method is disposable caching all DOM nodes for needing interpolation data of the page, is needed every time
It wants directly add data to known DOM node when interpolation data, it in this way need not be again in page furbishing
DOM node is searched, but when the page is larger, there are many DOM node, disposably caching all DOM nodes can be because of the too many money of digestion
Source and block the page, allow user to see the time delays of the first screen page effect, cause the page to load slow feeling to user, separately
Outside, the interface of the page may be very much, and many interfaces disposably send DOM node request of data, will necessarily cause page interim card.
Invention content
An embodiment of the present invention provides a kind of method, apparatus, computer equipment and the storages of load DOM node data to be situated between
Matter, with the nodal information for achieving the purpose that the data for loading DOM node and preserving the DOM node currently loaded.
In a first aspect, an embodiment of the present invention provides a kind of method of load DOM node data, this method includes：
The operational order of the user's operation page is received, the operational order includes the corresponding region of page area operated
Information；
Judge to preset the node for the DOM node that whether there is the page area in object space according to the area information
Information；
If there is no the nodal informations of the DOM node of the page area in the default object space, in the page
The DOM node for needing to load data in the page area is searched in the DOM tree structure in face；
The nodal information for obtaining the DOM node for needing to load data, by the area information and the nodal information
It preserves to the default object space；
The DOM node, which is obtained, according to the nodal information needs the data loaded；
The data are loaded onto the DOM node, to show the data in the page area.
Second aspect, the embodiment of the present invention additionally provide a kind of device of load DOM node data, the load DOM sections
The device of point data includes for realizing the unit of the method for the load DOM node data described in first aspect.
The third aspect, the embodiment of the present invention additionally provide a kind of computer equipment, including memory, and with the storage
The connected processor of device；
The memory is used to store the computer program for the method for realizing load DOM node data；
The processor is for running the computer program stored in the memory, to execute such as above-mentioned first aspect institute
The method stated.
Fourth aspect, an embodiment of the present invention provides a kind of storage medium, storage medium storage there are one or one
A above computer program, the one or more computer program can be held by one or more than one processor
Row, to realize the method described in above-mentioned first aspect.
An embodiment of the present invention provides method, apparatus, computer equipment and the storage mediums of load DOM node data, lead to
It crosses and caches the DOM node of the page area operated step by step to avoid excessive consumption of network resources.The user's operation page any portion
Subregion caches the DOM node for needing to load data in which subregion, when repetitive operation without from the more DOM of node
Again DOM node is searched in tree construction, is led so as to avoid the corresponding DOM node in the region is searched from more DOM node
The wasting of resources of cause；In addition, it is thus also avoided that waste of resource causes the page to block due to disposably caching the DOM node of full page
The case where.
Description of the drawings
Technical solution in order to illustrate the embodiments of the present invention more clearly, below will be to needed in embodiment description
Attached drawing is briefly described, it should be apparent that, drawings in the following description are some embodiments of the invention, general for this field
For logical technical staff, without creative efforts, other drawings may also be obtained based on these drawings.
Fig. 1 is a kind of flow diagram of the method for load DOM node data provided in an embodiment of the present invention；
Fig. 2 is a kind of sub-process schematic diagram of the method for load DOM node data provided in an embodiment of the present invention；
Fig. 3 is a kind of schematic block diagram of the device of load DOM node data provided in an embodiment of the present invention；
Fig. 4 is a kind of subelement schematic block diagram of the device of load DOM node data provided in an embodiment of the present invention；
Fig. 5 is a kind of structural representation block diagram of computer equipment provided in an embodiment of the present invention.
Specific implementation mode
Following will be combined with the drawings in the embodiments of the present invention, and technical solution in the embodiment of the present invention carries out clear, complete
Site preparation describes, it is clear that described embodiments are some of the embodiments of the present invention, instead of all the embodiments.Based on this hair
Embodiment in bright, every other implementation obtained by those of ordinary skill in the art without making creative efforts
Example, shall fall within the protection scope of the present invention.
It should be appreciated that ought use in this specification and in the appended claims, term " comprising " and "comprising" instruction
Described feature, entirety, step, operation, the presence of element and/or component, but one or more of the other feature, whole is not precluded
Body, step, operation, element, component and/or its presence or addition gathered.
It is also understood that the term "and/or" used in description of the invention and the appended claims refers to related
Join any combinations and all possible combinations of one or more of item listed, and includes these combinations.
It will also be understood that although term first, second etc. can be used for describing various elements herein, these elements are not answered
This is limited to these terms, these terms are only used for these elements being distinguished from each other out.
Fig. 1 is a kind of flow diagram of the method for load DOM node data provided in an embodiment of the present invention.This method packet
Include step S101~S106.
S101, receives the operational order of the user's operation page, and the operational order includes that the page area operated corresponds to
Area information.
Page structure can indicate that DOM tree structure has multiple DOM nodes, the page more multiple with a DOM tree structure
Miscellaneous, DOM node is also more, and the data that developer adds or fills in different DOM nodes are shown in different page locations.Generally
For, more than one of the content that the page includes, the content that each region is shown is also different, and each region of the page is more or less
Ground has some DOM nodes, and when user opens the page, the DOM tree structure of the page is first loaded out.Some DOM are saved in dom tree
The data of point can be directly displayed in the page, and the data of some DOM nodes do not directly display then, i.e., some contents in the page
It directly displays, some regions are blank, and the data in the region can be just loaded out after needing user to click or select.
In addition, the page can just show page again by switching or the data refreshed in needing to reload the page later
Face content, the process of loading page data are the process of the data of DOM node in loading page in fact.If some in the page
Region has multiple objects being switch operated, the data difference that the region show under different objects, then the region then
There are the information of different dimensions (information of two objects is parallel, cannot be shown simultaneously, one can only be selected to be shown),
User can select to need content to be shown by selecting or clicking on one of object, when user selects different dimensions,
The area information in the page region also changes because of the object of user's selection, and the corresponding DOM node in the region or DOM structure can
It can also change, it certainly may also be constant.
For example, in a certain region of the page, tool is particularly shown the letter of which object there are two the information of main object
Breath, according to the user's choice (mouse clicks) show that the object difference of user's selection, the area information of the page area is not
Together, i.e., there are two the information of dimension for page area tool.
Assuming that the two objects are respectively group (group) and company (company), this page area is now configured
Urls interface requests path is as follows：
In urls interface requests path " group ":{
0:”received/getGroupEffInfo”,
1:”received/getGroupCustsInfo”
In, multiple types of data, the especially corresponding data-interface road of different types of data are contained under object " group "
Diameter, 0 refers to the data-interface path of group's any active ues information, 1 refer to be group customer information data-interface path.
Similarly, at interface requests path " company ":{
0:”received/getCompanyEffInfo”,
1:”received/getCompanyCustsInfo”,
In, 0 refers to the data-interface path of company's any active ues information, 1 refer to be corporate client's information data
Interface path.
If user needs to browse the data of group customer information, object " group " is clicked, the collection under " group " is selected
Group's customer information, system generate load instruction showSection (group, 1), this time step according to the click behavior of user
Area information in the operational order of rapid S1 indicates to be (group, 1), and the page area can be obtained right by (group, 1)
As the DOM node at the customer information interface under " group ".
S102 judges to preset the DOM node that whether there is the page area in object space according to the area information
Nodal information, if it is not, step S103 is executed, if so, executing step S105.
After the click behavior of user generates, needs to find and corresponding under the area information need to load all of data
DOM node, (group, 1) corresponding DOM node as escribed above, finally adds data to DOM node in the page pool
Domain is shown.
Before the first time data load of each page area, do not preserved needed for the page area in default object space
The nodal information of the DOM node of data is loaded, in embodiments of the present invention, it is local cache, node letter to preset object space
Breath can be nodename, may know which DOM node node is by nodal information.After the load of first time data, the page
Before closing, the nodal information of the corresponding DOM node in the region is cached in default object space, according to the node of DOM node
Information can know that corresponding page region needs to load the DOM node of data which includes.
S103 searches the DOM node for needing to load data in the page area in the DOM tree structure of the page.
If the nodal information of the DOM node of the page area, the page area are not found in default object space
Data do not showed before this, this click behavior of user be for the first time ask corresponding data behavior, then need
From searched in DOM tree structure needed in the page area load data DOM node.
S104 obtains the nodal information of the DOM node for needing to load data, by the area information and the node
Information preservation is to the default object space.
From searched in DOM tree structure needed in the page area load data DOM node after, by the section of DOM node
In default object space, user asks to preset from this in object space when the partial data and directly obtain next time point information preservation
Which DOM node in the page area is taken to need interpolation data, it need not be again from all DOM nodes in DOM tree structure
It searches, economizes on resources one by one.
For example, pre-establish a default object space el file, the nodal information for not storing any DOM node it
Between, el files are a sky object el { }, and when user clicks object for the first time, then system is according to default pair of area information search
In image space el files whether about the corresponding DOM node of the area information nodal information, because of default object space el
Do not have the nodal information of the corresponding DOM node of the area information in file, system requires to look up at this time needs under the area information
Which the DOM node for loading data has, and corresponding DOM node is obtained after finding later by the nodal information of DOM node
It is stored in el files, by taking area information (company, 0) as an example, corresponding to tool, there are three DOM node, respectively num0 sections
Three DOM nodes are shown as three by point, num1 nodes and num2 nodes, developer when writing three DOM nodes
Object $ (' #num0 '), $ (' #num1 ') and $ (' #num2 '), i.e. nodal information are $ (' #num0 '), $ (' #num1 ') and $
(‘#num2’).System preserves the nodal information of DOM node to el files, and the format of preservation is as follows：
In embodiments of the present invention, DOM node gradually caches, which part is the data for loading which subregion just cache
The DOM node in region, the corresponding DOM node of page area not being loaded wouldn't cache, therefore can avoid because disposably going to delay
Deposit the DOM node of full page and digesting too many resource causes the page to block；Simultaneously again due to the caching to DOM node, brushing
When the data in new same page region, DOM node need not be searched again.
S105 obtains the DOM node according to the nodal information and needs the data loaded.
Page development personnel have write program when developing the page, to the data source of each DOM node of the page,
After obtaining DOM node, according to the corresponding number of DOM node while preserving the nodal information of DOM node in default object space
Required data can be obtained according to source.
And if user is the data of refreshing or the re-request page area, it no longer needs to look into from DOM tree structure
The DOM node for needing to load data in the page area is looked for, the DOM of the page area can be found in default object space
The nodal information of node can obtain required data further according to the corresponding data source of the DOM node.
The data are loaded onto the DOM node by S106, to show the data in the page area.
After getting the data of DOM node, data are loaded or are added to DOM node, so that data are corresponded in the page
Page area in show.
In some embodiments, such as the present embodiment, as shown in Fig. 2, step S105 includes sub-step S1051-S1053：
S1051, according to the nodal information corresponding data of DOM node described in default local cache area searching.
In the present embodiment, a default local cache area, such as web cache area have been pre-set, has needed to obtain every time
When taking the data of DOM node, searched for from web cache area according to the nodal information of DOM node and the correspondence of data first
The corresponding data of DOM node, rather than directly access the database to obtain data, it accesses database and needs to consume interface resource,
Database is caused stress, therefore the pressure of database server can be reduced, while improving the efficiency for obtaining data.
S1052, if not in the default local cache area searching to the corresponding data of the DOM node, according to
Nodal information obtains the request of data address of the DOM node.
S1053 obtains the corresponding data of the DOM node according to the request of data address.
If required data cannot be searched in default local cache area, need by interface access data library come
Data are obtained, the data in database are obtained particular by the request of data address (or request path) of interface, it is different
DOM node has different request of data addresses, and the data needed can be accessed by its request of data address.
In the present embodiment, after step S1053, further include：The data and the data are believed with the node
The correspondence of breath is preserved to the default local cache area.
In the present embodiment, when needing to obtain the data of the DOM node of certain page area every time, first inquiry is default local slow
Area's data whether in need are deposited, the data of DOM node are asked if it is first time, then it is no DOM to preset local cache area
The data of node, it is therefore desirable to required data be obtained by its request of data addresses access data library, then these data are protected
There are in default local cache area, so as to can be directly in default local cache when asking the data of the DOM node next time
It inquires the data in area, data need not be obtained by request interface again.In addition, the data of DOM node be substep caching without
It disposably caches, that is, needs the data for asking any partial page region DOM node, then the page area DOM of acquisition
The data of node are first cached, and the data of the DOM node of other page areas wouldn't cache, and be loaded into other page areas
Corresponding again when the data of DOM node to cache, this can reduce the pressure of data buffer storage, not bring obstruction to the operation of the page.
The method of load DOM node data provided in an embodiment of the present invention, by caching the page pool operated step by step
The DOM node in domain avoids excessive consumption of network resources, which subregion of the user's operation page caches and needed in which subregion
The DOM node for loading data, is not required to search DOM node again from DOM tree structure when repetitive operation, in DOM tree structure
DOM node is more, and this avoids the wastings of resources caused by searching the corresponding DOM node in the region in more DOM node；Separately
Outside, it is thus also avoided that the case where waste of resource causes the page to block due to disposably caching the DOM node of full page；Pass through substep
The data for caching DOM node, reduce the pressure of data buffer storage, prevent the disposable data cached obstruction page.
Fig. 3 is a kind of schematic block diagram of the device 100 of load DOM node data provided in an embodiment of the present invention.It should add
The device 100 for carrying DOM node data includes receiving unit 101, judging unit 102, searching unit 103, first acquisition unit
104, the first storage unit 105, second acquisition unit 106, loading unit 107 and the second storage unit 108.
Receiving unit 101 is used to receive the operational order of the user's operation page, and the operational order includes the page operated
The corresponding area information in face region.
Judging unit 102 is used to judge preset in object space whether preserve the page pool according to the area information
The nodal information of the DOM node in domain.
If searching unit 103 is used in the default object space not preserve the section of the DOM node of the page area
Point information, then search the DOM node for needing to load data in the page area in the DOM tree structure of the page.
First acquisition unit 104 is used to obtain the nodal information of the DOM node for needing to load data.
First storage unit 105 is used to preserve the area information and the nodal information empty to the default object
Between.
Second acquisition unit 106, which is used to obtain the DOM node according to the nodal information, needs the data loaded.
Loading unit 107 is used to the data being loaded onto the DOM node, to show the number in the page area
According to.
Second storage unit 108 is used to preserve the data and the data and the correspondence of the nodal information
To the default local cache area.
If the second acquisition unit 106 is additionally operable to preserve the DOM of the page area in the default object space
The nodal information of node obtains the DOM node according to the nodal information and needs the data loaded.
In the present embodiment, as shown in figure 4, the second acquisition unit 106 includes following subelement：
Subelement 1061 is searched for, for according to nodal information DOM node pair described in default local cache area searching
The data answered；
First obtains subelement 1062, if for not corresponded to the DOM node in the default local cache area searching
Data, then the request of data address of the DOM node is obtained according to the nodal information；
Second obtains subelement 1063, for obtaining the corresponding data of the DOM node according to the request of data address；
The effect of the device 100 of above-mentioned load DOM node data and the specific descriptions of each unit, the embodiment of the present invention
Not detailed place can refer to above method embodiment, be not repeated herein.The device 100 of above-mentioned load DOM node data can be with
It is embodied as a kind of form of computer program, computer program can be run on computer equipment as shown in Figure 5.
Fig. 5 is a kind of structural representation block diagram of computer equipment 200 provided in an embodiment of the present invention.The computer equipment
200, it can be terminal, can also be server, wherein terminal can be smart mobile phone, tablet computer, laptop, platform
Formula computer, personal digital assistant and Wearable etc. have the electronic equipment of communication function.Server can be independent clothes
Business device can also be the server cluster of multiple servers compositions.
The computer equipment 200 includes processor 202, memory and the network interface connected by system bus 201
205, wherein memory may include non-volatile memory medium 203 and built-in storage 204.
The non-volatile memory medium 203 of the computer equipment 200 can storage program area 2031 and computer program
2032, which is performed, and processor 202 may make to execute a kind of method of load DOM node data.It should
Built-in storage 204 provides environment for the operation of the computer program 2032 in non-volatile memory medium 203.The computer equipment
200 processor 202 supports the operation of entire computer equipment 200 for providing calculating and control ability.Computer equipment
200 network interface 205 is for carrying out network communication, such as the task of transmission distribution, reception data.
Processor 202 run non-volatile memory medium 203 in computer program 2032 when, processor 202 execute with
Lower step：
The operational order of the user's operation page is received, the operational order includes the corresponding region of page area operated
Information；Judge that the node for presetting the DOM node in object space with the presence or absence of the page area is believed according to the area information
Breath；If there is no the nodal informations of the DOM node of the page area in the default object space, in the page
The DOM node for needing to load data in the page area is searched in DOM tree structure；Obtain the DOM for needing to load data
The nodal information of node preserves the area information and the nodal information to the default object space；According to the section
DOM node needs the data loaded described in point acquisition of information；The data are loaded onto the DOM node, in the page
Region shows the data.
The processor 202 also executes following steps：If preserving the page area in the default object space
The nodal information of DOM node obtains the DOM node according to the nodal information and needs the data loaded.
When executing the step for obtaining the data that the DOM node needs load according to the nodal information, specifically
Execute following steps：According to the nodal information corresponding data of DOM node described in default local cache area searching；If not existing
The default local cache area searching then obtains the DOM according to the nodal information and saves to the corresponding data of the DOM node
The request of data address of point；The corresponding data of the DOM node are obtained according to the request of data address.
After the step of executing the data corresponding according to the request of data address acquisition DOM node, also
Execute following steps：The data and the data and the correspondence of the nodal information are preserved to the default local
Buffer area.
It will be understood by those skilled in the art that the embodiment of computer equipment shown in Fig. 5 is not constituted to computer
The restriction of equipment specific composition, in other embodiments, computer equipment may include components more more or fewer than diagram, or
Person combines certain components or different components arrangement.For example, in some embodiments, computer equipment can only include depositing
Reservoir and processor, in such embodiments, the structure and function of memory and processor are consistent with embodiment illustrated in fig. 5,
Details are not described herein.
The present invention also provides a kind of storage medium, there are one the storage medium storages or more than one computer journey
Sequence, the one or more computer program can be executed by one or more than one processor, it can be achieved that following
Step：
The operational order of the user's operation page is received, the operational order includes the corresponding region of page area operated
Information；Judge that the node for presetting the DOM node in object space with the presence or absence of the page area is believed according to the area information
Breath；If there is no the nodal informations of the DOM node of the page area in the default object space, in the page
The DOM node for needing to load data in the page area is searched in DOM tree structure；Obtain the DOM for needing to load data
The nodal information of node preserves the area information and the nodal information to the default object space；According to the section
DOM node needs the data loaded described in point acquisition of information；The data are loaded onto the DOM node, in the page
Region shows the data.
Also realize following steps：If preserving the node of the DOM node of the page area in the default object space
Information obtains the DOM node according to the nodal information and needs the data loaded.
When realizing the step for obtaining the data that the DOM node needs load according to the nodal information, specifically
Realize following steps：According to the nodal information corresponding data of DOM node described in default local cache area searching；If not existing
The default local cache area searching then obtains the DOM according to the nodal information and saves to the corresponding data of the DOM node
The request of data address of point；The corresponding data of the DOM node are obtained according to the request of data address.
After the step of realizing the data corresponding according to the request of data address acquisition DOM node, also
Realize following steps：The data and the data and the correspondence of the nodal information are preserved to the default local
Buffer area.
The storage medium can be the internal storage unit of aforementioned device, such as the hard disk or memory of equipment.It is described to deposit
Storage media can also be the plug-in type hard disk being equipped on the External memory equipment of the equipment, such as the equipment, intelligent storage
Block (Smart Media Card, SMC), secure digital (Secure Digital, SD) card, flash card (Flash Card) etc..
Further, the storage medium can also both include the equipment internal storage unit and also including External memory equipment.
It is apparent to those skilled in the art that for convenience of description and succinctly, foregoing description is set
The specific work process of standby, device and unit, can refer to corresponding processes in the foregoing method embodiment, and details are not described herein.
Those of ordinary skill in the art may realize that units and algorithm described in conjunction with the examples disclosed in the embodiments of the present disclosure
Step can be realized with electronic hardware, computer software, or a combination of the two, in order to clearly demonstrate hardware and software
Interchangeability generally describes each exemplary composition and step according to function in the above description.These functions are studied carefully
Unexpectedly the specific application and design constraint depending on technical solution are implemented in hardware or software.Professional technician
Each specific application can be used different methods to achieve the described function, but this realization is it is not considered that exceed
The scope of the present invention.
In several embodiments provided herein, it should be understood that disclosed unit and method, it can be with
It realizes by another way.For example, the apparatus embodiments described above are merely exemplary, for example, the unit
It divides, only a kind of division of logic function, formula that in actual implementation, there may be another division manner can also will have identical work(
The unit set of energy can be combined or can be integrated into another system at a unit, such as multiple units or component, or
Some features can be ignored or not executed.In addition, shown or discussed mutual coupling or direct-coupling or communication link
It can be INDIRECT COUPLING or communication connection by some interfaces, device or unit to connect, and can also be electricity, mechanical or other
Form connection.
The unit illustrated as separating component may or may not be physically separated, aobvious as unit
The component shown may or may not be physical unit, you can be located at a place, or may be distributed over multiple
In network element.Some or all of unit therein can be selected according to the actual needs to realize the embodiment of the present invention
Purpose.
In addition, each functional unit in each embodiment of the present invention can be integrated in a processing unit, it can also
It is that each unit physically exists alone, can also be during two or more units are integrated in one unit.It is above-mentioned integrated
The form that hardware had both may be used in unit is realized, can also be realized in the form of SFU software functional unit.
If the integrated unit is realized in the form of SFU software functional unit and sells or use as independent product
When, it can be stored in a storage medium.Based on this understanding, technical scheme of the present invention is substantially in other words to existing
The all or part of part or the technical solution that technology contributes can be expressed in the form of software products, should
Computer software product is stored in a storage medium, including some instructions are used so that a computer equipment (can be
Personal computer, server or network equipment etc.) execute all or part of step of each embodiment the method for the present invention
Suddenly.And storage medium above-mentioned includes：USB flash disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), magnetic disc or
The various media that can store program code such as person's CD.
The above description is merely a specific embodiment, but scope of protection of the present invention is not limited thereto, any
Those familiar with the art in the technical scope disclosed by the present invention, can readily occur in various equivalent modifications or replace
It changes, these modifications or substitutions should be covered by the protection scope of the present invention.Therefore, protection scope of the present invention should be with right
It is required that protection domain subject to.
Claims (10)
1. a kind of method of load DOM node data, which is characterized in that including：
The operational order of the user's operation page is received, the operational order includes the corresponding region letter of page area operated
Breath；
Judge that the node for presetting the DOM node in object space with the presence or absence of the page area is believed according to the area information
Breath；
If there is no the nodal informations of the DOM node of the page area in the default object space, in the page
The DOM node for needing to load data in the page area is searched in DOM tree structure；
The nodal information for obtaining the DOM node for needing to load data, the area information and the nodal information are preserved
To the default object space；
The DOM node, which is obtained, according to the nodal information needs the data loaded；
The data are loaded onto the DOM node, to show the data in the page area.
2. the method for load DOM node data according to claim 1, which is characterized in that the method further includes：
If preserving the nodal information of the DOM node of the page area in the default object space, described is directly executed
The step of DOM node needs the data loaded is obtained according to the nodal information.
3. the method for load DOM node data according to claim 1, which is characterized in that described to be believed according to the node
Breath obtains the DOM node and needs the data loaded, including：
According to the nodal information corresponding data of DOM node described in default local cache area searching.
4. the method for load DOM node data according to claim 3, which is characterized in that described to be believed according to the node
After ceasing the corresponding data of DOM node described in default local cache area searching, further include：
If not obtained to the corresponding data of the DOM node according to the nodal information in the default local cache area searching
Take the request of data address of the DOM node；
The corresponding data of the DOM node are obtained according to the request of data address.
5. the method for load DOM node data according to claim 4, which is characterized in that described to be asked according to the data
After asking address to obtain the corresponding data of the DOM node, further include believing the data and the data with the node
The correspondence of breath is preserved to the default local cache area.
6. a kind of device of load DOM node data, which is characterized in that including：
Receiving unit, the operational order for receiving the user's operation page, the operational order include the page area operated
Corresponding area information；
Judging unit presets the DOM in object space with the presence or absence of the page area for judging according to the area information
The nodal information of node；
Searching unit, if the nodal information of the DOM node for the page area to be not present in the default object space,
The DOM node for needing to load data in the page area is searched in the DOM tree structure of the page；
First acquisition unit, the nodal information for obtaining the DOM node for needing to load data；
First storage unit, for preserving the area information and the nodal information to the default object space；
Second acquisition unit needs the data loaded for obtaining the DOM node according to the nodal information；
Loading unit, for the data to be loaded onto the DOM node, to show the data in the page area.
7. the device of load DOM node data according to claim 6, which is characterized in that the second acquisition unit is also
For：If preserving the nodal information of the DOM node of the page area in the default object space, believed according to the node
Breath obtains the DOM node and needs the data loaded.
8. the device of load DOM node data according to claim 6, which is characterized in that the second acquisition unit packet
It includes：
Subelement is searched for, for according to the nodal information corresponding data of DOM node described in default local cache area searching；
First obtains subelement, if for not in the default local cache area searching to the corresponding data of the DOM node,
The request of data address of the DOM node is obtained according to the nodal information；
Second obtains subelement, for obtaining the corresponding data of the DOM node according to the request of data address；
It is described load DOM node data device further include：
Second storage unit, for preserving the correspondence of the data and the data and the nodal information to described
Default local cache area.
9. a kind of computer equipment, which is characterized in that including memory, and the processor that is connected with the memory；
The memory is used to store the computer program for the method for realizing load DOM node data；
The processor is for running the computer program stored in the memory, to execute such as any one of claim 1 to 5
The method.
10. a kind of storage medium, which is characterized in that there are one the storage medium storages or more than one computer program,
The one or more computer program can be executed by one or more than one processor, to realize as right is wanted
Seek 1 to 5 any one of them method.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810394769.4A CN108595652A (en) | 2018-04-27 | 2018-04-27 | Load method, apparatus, computer equipment and the storage medium of DOM node data |
| PCT/CN2018/101841 WO2019205365A1 (en) | 2018-04-27 | 2018-08-23 | Method and apparatus for loading dom node data, and computer device and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810394769.4A CN108595652A (en) | 2018-04-27 | 2018-04-27 | Load method, apparatus, computer equipment and the storage medium of DOM node data |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108595652A true CN108595652A (en) | 2018-09-28 |
Family
ID=63610860
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810394769.4A Pending CN108595652A (en) | 2018-04-27 | 2018-04-27 | Load method, apparatus, computer equipment and the storage medium of DOM node data |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN108595652A (en) |
| WO (1) | WO2019205365A1 (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110516180A (en) * | 2019-08-21 | 2019-11-29 | 北京拉勾网络技术有限公司 | A kind of content display method, device and calculate equipment |
| CN111428167A (en) * | 2020-03-05 | 2020-07-17 | 广州亚美信息科技有限公司 | Page display method and device |
| CN111506380A (en) * | 2020-04-22 | 2020-08-07 | 上海极链网络科技有限公司 | Rendering method, device, equipment and storage medium |
| CN115002135A (en) * | 2022-05-27 | 2022-09-02 | 平安银行股份有限公司 | Multi-terminal cooperation method, device and system and computer readable storage medium |
| CN115604254A (en) * | 2022-12-15 | 2023-01-13 | 济南丽阳神州智能科技有限公司（Cn） | Breakpoint examination continuation processing method and device |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113297830B (en) * | 2021-07-22 | 2021-10-15 | 北京达佳互联信息技术有限公司 | Form data processing method and device, electronic equipment and storage medium |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103744987A (en) * | 2014-01-20 | 2014-04-23 | 深圳市佳创视讯技术股份有限公司 | Video website media asset integrating method and system based on DOM tree matching |
| CN104063460A (en) * | 2014-06-25 | 2014-09-24 | 北京奇虎科技有限公司 | Method and device for loading webpage in browser |
| CN104077389A (en) * | 2014-06-27 | 2014-10-01 | 北京奇虎科技有限公司 | Display method of webpage element information and browser device |
| CN104899336A (en) * | 2015-07-01 | 2015-09-09 | 北京博睿宏远科技发展有限公司 | Method for measuring full rendering time of front page of webpage |
| CN106407392A (en) * | 2016-09-19 | 2017-02-15 | 北京集奥聚合科技有限公司 | A marking language-based node mapping relationship extracting method and system |
| US9582600B1 (en) * | 2014-09-23 | 2017-02-28 | Amazon Technologies, Inc. | Cloud browser DOM-based client |
| CN107577712A (en) * | 2017-08-01 | 2018-01-12 | 武汉斗鱼网络科技有限公司 | The method, apparatus and computer equipment of a kind of loading page |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8875032B2 (en) * | 2008-05-08 | 2014-10-28 | Dialogic Corporation | System and method for dynamic configuration of components of web interfaces |
| CN102915375B (en) * | 2012-11-08 | 2015-10-21 | 山东大学 | A kind of webpage loading method based on layout subregion |
| CN103617164B (en) * | 2013-10-22 | 2017-02-01 | 小米科技有限责任公司 | Webpage prefetching method, device and terminal equipment |
| CN106484383B (en) * | 2015-08-31 | 2019-08-23 | 阿里巴巴集团控股有限公司 | Page rendering method, device and equipment |
| CN105404672B (en) * | 2015-11-19 | 2019-03-26 | 上海携程商务有限公司 | The system and method for web data storage and operation |
-
2018
- 2018-04-27 CN CN201810394769.4A patent/CN108595652A/en active Pending
- 2018-08-23 WO PCT/CN2018/101841 patent/WO2019205365A1/en active Application Filing
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103744987A (en) * | 2014-01-20 | 2014-04-23 | 深圳市佳创视讯技术股份有限公司 | Video website media asset integrating method and system based on DOM tree matching |
| CN104063460A (en) * | 2014-06-25 | 2014-09-24 | 北京奇虎科技有限公司 | Method and device for loading webpage in browser |
| CN104077389A (en) * | 2014-06-27 | 2014-10-01 | 北京奇虎科技有限公司 | Display method of webpage element information and browser device |
| US9582600B1 (en) * | 2014-09-23 | 2017-02-28 | Amazon Technologies, Inc. | Cloud browser DOM-based client |
| CN104899336A (en) * | 2015-07-01 | 2015-09-09 | 北京博睿宏远科技发展有限公司 | Method for measuring full rendering time of front page of webpage |
| CN106407392A (en) * | 2016-09-19 | 2017-02-15 | 北京集奥聚合科技有限公司 | A marking language-based node mapping relationship extracting method and system |
| CN107577712A (en) * | 2017-08-01 | 2018-01-12 | 武汉斗鱼网络科技有限公司 | The method, apparatus and computer equipment of a kind of loading page |
Non-Patent Citations (1)
| Title |
|---|
| 躺屋顶看月亮: ""缓存DOM查询"", 《缓存DOM查询》 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110516180A (en) * | 2019-08-21 | 2019-11-29 | 北京拉勾网络技术有限公司 | A kind of content display method, device and calculate equipment |
| CN111428167A (en) * | 2020-03-05 | 2020-07-17 | 广州亚美信息科技有限公司 | Page display method and device |
| CN111428167B (en) * | 2020-03-05 | 2023-09-08 | 亚美智联数据科技有限公司 | Page display method and device |
| CN111506380A (en) * | 2020-04-22 | 2020-08-07 | 上海极链网络科技有限公司 | Rendering method, device, equipment and storage medium |
| CN115002135A (en) * | 2022-05-27 | 2022-09-02 | 平安银行股份有限公司 | Multi-terminal cooperation method, device and system and computer readable storage medium |
| CN115002135B (en) * | 2022-05-27 | 2024-03-22 | 平安银行股份有限公司 | Multi-terminal cooperation method, device, system and computer readable storage medium |
| CN115604254A (en) * | 2022-12-15 | 2023-01-13 | 济南丽阳神州智能科技有限公司（Cn） | Breakpoint examination continuation processing method and device |
| CN115604254B (en) * | 2022-12-15 | 2023-03-31 | 济南丽阳神州智能科技有限公司 | Breakpoint review processing method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2019205365A1 (en) | 2019-10-31 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108595652A (en) | Load method, apparatus, computer equipment and the storage medium of DOM node data | |
| US11520770B2 (en) | System and method for providing high availability data | |
| US11288002B2 (en) | System and method for providing high availability data | |
| US7548982B2 (en) | Predictive branching and caching method and apparatus for applications | |
| US7580938B1 (en) | Methods and apparatus facilitating efficient display of data | |
| US9436927B2 (en) | Web-based multiuser collaboration | |
| US7406464B2 (en) | Custom caching | |
| US7490265B2 (en) | Recovery segment identification in a computing infrastructure | |
| CN103593147B (en) | A kind of method and device of digital independent | |
| CN110221872A (en) | Method for page jump, device, electronic equipment and storage medium | |
| CN106294365A (en) | The page data processing method of a kind of single page web application and equipment | |
| US20070276919A1 (en) | Services for data access based on a data ownership directory in distributed system landscapes | |
| US20040012625A1 (en) | System and method for enabling disconnected Web access | |
| JPH08328975A (en) | Data managing device | |
| US20120079367A1 (en) | Method and apparatus for defining an application to allow polymorphic serialization | |
| CN109740083A (en) | A kind of method and device of page jump | |
| CN109558378A (en) | File management method, device, equipment and storage medium | |
| CN104423982A (en) | Request processing method and device | |
| US20120284457A1 (en) | Selecting an auxiliary storage medium for writing data of real storage pages | |
| CN107908775A (en) | The dynamic of merchandise news shows method, electronic equipment, storage medium | |
| US20220067065A1 (en) | Providing instant and distributed access to a source blob via copy-on-read blobs and link blobs | |
| US20180321804A1 (en) | Stowing and unstowing browser tabs in groups each corresponding to a different subject | |
| US20170055102A1 (en) | Method and system for defining an offlinable model graph | |
| US6625614B1 (en) | Implementation for efficient access of extended attribute data | |
| CN112488803A (en) | Favorite storage access method and device, equipment and medium thereof |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180928 |