CN114339295B - Method and system for updating and optimizing live webpage content data - Google Patents

Method and system for updating and optimizing live webpage content data Download PDF

Info

Publication number
CN114339295B
CN114339295B CN202210035714.0A CN202210035714A CN114339295B CN 114339295 B CN114339295 B CN 114339295B CN 202210035714 A CN202210035714 A CN 202210035714A CN 114339295 B CN114339295 B CN 114339295B
Authority
CN
China
Prior art keywords
dom
live
data
node
updating
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.)
Active
Application number
CN202210035714.0A
Other languages
Chinese (zh)
Other versions
CN114339295A (en
Inventor
王涛
朱春华
王坤
路伟
曾繁诚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Jerei Digital Technology Co Ltd
Original Assignee
Shandong Jerei Digital Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shandong Jerei Digital Technology Co Ltd filed Critical Shandong Jerei Digital Technology Co Ltd
Priority to CN202210035714.0A priority Critical patent/CN114339295B/en
Publication of CN114339295A publication Critical patent/CN114339295A/en
Application granted granted Critical
Publication of CN114339295B publication Critical patent/CN114339295B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

The invention relates to a method and a system for updating and optimizing live webpage content data, and belongs to the technical field of live webpage content data updating. The method comprises the following steps: analyzing the JSON character string to obtain a current virtual DOM; comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result; and updating the live broadcast data of the live broadcast page according to the comparison result. Therefore, the method and the device have the advantages that the operation on the real DOM is reduced as much as possible by adopting the mode of the virtual DOM, and the purpose of enhancing the page performance is achieved. In addition, the method and the device adopt a virtual DOM mode to transmit content data, and adopt a front-end means (live broadcast pages) to perform analysis operation, so that compared with a mode of splicing DOM transmission in a background (namely a live broadcast background), the method and the device have smaller volume, and improve and optimize experience in the aspect of loading speed.

Description

Method and system for updating and optimizing live webpage content data
Technical Field
The invention relates to the technical field of live webpage content data updating, in particular to a live webpage content data updating optimization method and system.
Background
Along with popularization and promotion of the live webcast form, the user has higher and higher experience requirements on the live webcast, wherein the functions of activities, contents and links related in the webpage are more and more comprehensive, the webpage updating frequency is continuously increased along with the content updating, and extremely high requirements are also provided for the performance of the webpage.
In the live webcast form, the live content area usually appears in the form of pictures and texts and a list in the webpage, and other content areas except for live video parts and individual button links comprise live preheating, stage picture and text summarization in live broadcast, activity situation publishing and the like. As the part with the highest quantity ratio and the most complex structure in the page DOM, the loading condition of other content areas except the live video part and the independent button link can directly influence the overall performance of the live page, the method and the system for updating and optimizing the webpage live content data, which can improve the overall performance of the live page, become a technical problem to be solved in the field.
Disclosure of Invention
The invention aims to provide a method and a system for updating and optimizing live content data of a webpage, which can greatly reduce performance influence caused by page recall and further improve the overall performance of the live webpage.
In order to achieve the above object, the present invention provides the following solutions:
a method for updating and optimizing live webpage content data comprises the following steps:
analyzing the JSON character string to obtain a current virtual DOM; the JSON character string is obtained by converting a virtual DOM generated by a live background based on user input content; the user entering content includes: the recorded new live broadcast content and the recorded live broadcast content modification information;
comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result; the history virtual DOM is stored in the live page; the current virtual DOM and the historical virtual DOM both comprise key attributes;
updating the live broadcast data of the live broadcast page according to the comparison result, wherein the updating comprises the following steps:
setting a variable isinital of a Boolean type in the JSON character string, and setting the value of the variable isinital to true when a live page is opened;
if the comparison result is that the current virtual DOM is different from the historical virtual DOM, setting the value of the variable isinital as false, directly translating the current virtual DOM into a first real DOM, and updating the first real DOM into a live broadcast page;
if the comparison result is that the current virtual DOM is the same as the historical virtual DOM, comparing a data node corresponding to the current virtual DOM with a data node in the historical live broadcast data by using a diff algorithm to obtain a first comparison result;
and determining the updating position of the historical live broadcast data in the live broadcast page according to the first comparison result.
Preferably, the parsing the JSON string to obtain the current virtual DOM specifically includes:
and analyzing the JSON character string by adopting a JSON.parse method to obtain the current virtual DOM.
Preferably, the comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result specifically includes:
and comparing the current virtual DOM with the historical virtual DOM by adopting a diff algorithm to obtain a comparison result.
Preferably, the determining, according to the first comparison result, an update location of the historical live broadcast data in the live broadcast page specifically includes:
when the key attribute of the start node of the node data corresponding to the current virtual DOM is the same as the key attribute of the start node in the historical live broadcast data, or when the key attribute of the end node of the node data corresponding to the current virtual DOM is the same as the key attribute of the end node in the historical live broadcast data, updating the current virtual DOM into a second real DOM, updating the second real DOM into a live broadcast page, and updating an index corresponding to the node data; the index is a key attribute;
when the key attribute of the ending node of the node data corresponding to the current virtual DOM is the same as the key attribute of the starting node in the historical live data, updating the current virtual DOM to be a third real DOM, moving the real DOM corresponding to the starting node in the historical live data to the third real DOM, updating the third real DOM and the moved real DOM to a live page, and updating an index corresponding to the node data;
and when the key attribute of a certain node in the node data corresponding to the current virtual DOM is the same as the key attribute of a certain node in the data nodes in the historical live data, updating the current virtual DOM into a fourth real DOM, moving the data nodes in the historical live data to the front of the node data corresponding to the current virtual DOM, updating the fourth real DOM into the live page, and updating the index corresponding to the node data.
According to the specific embodiment provided by the invention, the invention discloses the following technical effects:
according to the method for updating and optimizing the live webpage content data, the operation on the real DOM is reduced as much as possible by adopting the mode of the virtual DOM, and the purpose of enhancing the page performance is achieved. In addition, the method and the device adopt a virtual DOM mode to transmit content data, and adopt a front-end means (live broadcast pages) to perform analysis operation, so that compared with a mode of splicing DOM transmission in a background (namely a live broadcast background), the method and the device have smaller volume, and improve and optimize experience in the aspect of loading speed.
The invention provides two implementation systems corresponding to the provided method for updating and optimizing the live webpage content data, which comprises the following steps:
the system for updating and optimizing the live webpage content data comprises: live background and live page;
the live broadcast background is used for generating a virtual DOM according to user input content, converting the virtual DOM into a JSON character string and sending the JSON character string to the live broadcast page through ajax; the live broadcast page is used for receiving the JSON character string, analyzing the JSON character string to obtain a current virtual DOM, comparing the current virtual DOM with a historical virtual DOM to obtain a comparison result, and updating live broadcast data of the live broadcast page according to the comparison result; the history virtual DOM is stored in the live page; the current virtual DOM and the historical virtual DOM both comprise key attributes; the user entering content includes: the recorded new live content and the recorded live content modification information.
Another system for optimizing live content data update includes:
the analysis module is used for analyzing the JSON character string to obtain a current virtual DOM; the JSON character string is obtained by converting a virtual DOM generated by a live background based on user input content; the user entering content includes: the recorded new live broadcast content and the recorded live broadcast content modification information;
the comparison module is used for comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result; the history virtual DOM is stored in the live page; the current virtual DOM and the historical virtual DOM both comprise key attributes;
the updating module is used for updating the live broadcast data of the live broadcast page according to the comparison result, and comprises the following steps:
setting a variable isinital of a Boolean type in the JSON character string, and setting the value of the variable isinital to true when a live page is opened;
if the comparison result is that the current virtual DOM is different from the historical virtual DOM, setting the value of the variable isinital as false, directly translating the current virtual DOM into a first real DOM, and updating the first real DOM into a live broadcast page;
if the comparison result is that the current virtual DOM is the same as the historical virtual DOM, comparing a data node corresponding to the current virtual DOM with a data node in the historical live broadcast data by using a diff algorithm to obtain a first comparison result;
and determining the updating position of the historical live broadcast data in the live broadcast page according to the first comparison result.
The technical effects achieved by the system for updating and optimizing the live webpage content data are the same as those achieved by the method for updating and optimizing the live webpage content data, and therefore redundant description is omitted.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings that are needed in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a method for optimizing the update of live content data;
fig. 2 is a schematic structural diagram of a system for optimizing the update of live content data.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
The invention aims to provide a method and a system for updating and optimizing live content data of a webpage, which can greatly reduce performance influence caused by page recall and further improve the overall performance of the live webpage.
In order that the above-recited objects, features and advantages of the present invention will become more readily apparent, a more particular description of the invention will be rendered by reference to the appended drawings and appended detailed description.
As shown in fig. 1, the method for updating and optimizing live webcast content data provided by the invention comprises the following steps:
step 100: and analyzing the JSON character string to obtain the current virtual DOM. In the actual operation process, the JSON character string can be analyzed by adopting a JSON.parse method to obtain the current virtual DOM. The JSON character string is obtained by converting a virtual DOM generated by a live background based on user input content. The user entering content includes: the recorded new live content and the recorded live content modification information.
Step 101: and comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result. In the actual operation process, the diff algorithm is adopted to compare the current virtual DOM with the historical virtual DOM, so as to obtain a comparison result.
The historical virtual DOM is stored in the live page. Both the current virtual DOM and the historical virtual DOM include key attributes.
Step 102: and updating the live broadcast data of the live broadcast page according to the comparison result. The implementation process of the step can be as follows:
step 1021: a Boolean type variable isInitial is set in the JSON string and the value of the variable isInitial is set to true when the live page is opened.
Step 1022: if the comparison result is that the current virtual DOM is different from the historical virtual DOM, setting the value of the variable isInitial as false, directly translating the current virtual DOM into a first real DOM, and updating the first real DOM into the live page.
Step 1023: if the comparison result is that the current virtual DOM is the same as the historical virtual DOM, the diff algorithm is used for comparing the data node corresponding to the current virtual DOM with the data node in the historical live broadcast data to obtain a first comparison result.
Step 1024: and determining the updating position of the historical live broadcast data in the live broadcast page according to the first comparison result.
Step 1024 is further elaborated, and specifically includes:
when the key attribute of the start node of the node data corresponding to the current virtual DOM is the same as the key attribute of the start node in the historical live broadcast data, or when the key attribute of the end node of the node data corresponding to the current virtual DOM is the same as the key attribute of the end node in the historical live broadcast data, updating the current virtual DOM into a second real DOM, updating the second real DOM into the live broadcast page, and updating the index corresponding to the node data. The index is a key attribute.
When the key attribute of the ending node of the node data corresponding to the current virtual DOM is the same as the key attribute of the starting node in the historical live data, updating the current virtual DOM to a third real DOM, moving the real DOM corresponding to the starting node in the historical live data to the third real DOM, updating the third real DOM and the moved real DOM to the live page, and updating the index corresponding to the node data.
When the key attribute of a certain node in the node data corresponding to the current virtual DOM is the same as the key attribute of a certain node in the data nodes in the historical live data, updating the current virtual DOM to a fourth real DOM, moving the data nodes in the historical live data to the front of the node data corresponding to the current virtual DOM, updating the fourth real DOM to the live page, and updating the index corresponding to the node data.
The following describes a specific operation flow of the method for updating and optimizing the live content data based on a specific operation device.
The operation device includes: cloud server and program execution component. The cloud server is suitable for storing, loading and executing all instructions. The program execution component comprises a live background and a live page. The live background is suitable for the user to input and modify live contents. The live page is suitable for showing the content of the live content area. Based on the operation equipment, the implementation process of the method for updating and optimizing the live webpage content data provided by the invention comprises the following steps:
(1) The user inputs new live broadcast content or modifies existing live broadcast information content in a rich text editor of a live broadcast background. In the whole live broadcast process, the user submits and modifies the live broadcast content through the live broadcast background.
(2) And the live broadcast background generates a virtual DOM according to the user input content, converts the virtual DOM into a JSON character string and sends the JSON character string to a live broadcast page through ajax. In the step (2), the live background is divided into four categories of graphics context, multiple graphics context, characters and video according to the form of live content, each category corresponds to a pre-defined title, brief description, a picture link, a video link and other fields respectively, when the content is input by the live background, a user firstly selects the form of updated content and fills in the content required by the pre-defined field of the live form, a corresponding virtual DOM object is generated when the content is submitted, then key attributes for identification are added on the generated virtual DOM node, the virtual DOM object is converted into a JSON character string through a JSON.stringfy method, and the JSON character string is sent to the live page through ajax.
(3) In the live page, an ID or special attribute is set for a real DOM container which needs to be locally updated, the live page receives the JSON character string, analyzes the JSON character string into a virtual DOM, and compares the virtual DOM with the virtual DOM temporarily stored last time by using a diff algorithm, in the comparison process, the live page program translates a new or changed part of the virtual DOM into the real DOM, then locally updates the real DOM in the real DOM container, and locally updates the real DOM in the live page. In the step (3), the live page receives the JSON string in the form of polling, etc., and converts the received JSON string into a virtual DOM by a JSON. Parameter method, and the virtual DOM is compared with the last received virtual DOM, and in the comparison:
3.1 setting a Boolean type variable isInitial in the JSON character string, setting the value of the variable isInitial as true when a live page is opened, setting the value of the variable isInitial as false if the virtual DOM is received for the first time, and directly translating the virtual DOM into a real DOM and updating the real DOM into the live page.
3.2 if the virtual DOM is not received for the first time, that is, the value of the variable isInitial is false, the diff algorithm is used to start comparing the difference, in order to reduce the time complexity of the algorithm, only the child nodes of the same level need to be found to be compared in sequence, then the node comparison of the next level is found, firstly, the marker indexes are set for the beginning node and the ending node of the new node, the index is moved in the traversing process, and when the beginning node and the ending node are compared, four situations exist in total:
3.2.1 old start node/new start node, old end node/new end node.
In the two cases, if the keys of the two nodes are the same, the two nodes are proved to be the same node, node comparison is carried out, the true DOM is updated, and then the index is moved backwards.
3.2.2 old start node/new end node.
Under such a situation, if the two keys are the same, the two nodes are proved to be the same node, node comparison is carried out, the true DOM is updated, then the corresponding DOM element of the old starting node is moved to the last, and the index is updated.
3.2.3 old end node/new start node.
Under such a situation, if the two keys are the same, the two nodes are proved to be the same node, node comparison is carried out, the true DOM is updated, then the corresponding DOM element of the old end node is moved to the forefront, and the index is updated.
If the four conditions are not the above, traversing the new node, using the key of the new starting node to find the same node in the old node array, if not, converting the new starting node into a real DOM and updating. If found, a comparison is made, if the two nodes are specifically different, the nodes are modified, converted into a real DOM and updated, and if the nodes are the same, the old nodes are moved to the forefront and the index is updated.
3.3, when the node traversal in the new and old virtual DOM is completed, the cycle is ended. If the old node is traversed firstly, the new node is left, and the rest nodes are put to the last and converted and added. If the new node is traversed, the old node has redundancy, and the redundancy is deleted.
And 3.4, finally, temporarily storing the final new virtual DOM result into a variable for next acquisition of new data for comparison.
Based on the above description, for example, the existing cloud server is utilized to store, load and execute each instruction, in the live broadcast process of issuing a new product on line for a certain enterprise in a usage scenario, deleting a picture issued at a certain time point in live broadcast, and adding two new pictures at a time node, where the used live broadcast webpage program includes HTML, CSS, javaScript, and the instructions mainly include:
(1) And the user finds the pictures to be deleted in the live background, and performs deletion and adds two new pictures.
(2) And the live broadcast background program generates a tree-shaped virtual DOM (document object model) on the premise of not modifying key marks of information comprising modified contents, converts the tree-shaped virtual DOM into a JSON character string by a JSON.stringfy method and sends the JSON character string to a live broadcast page by ajax.
(3) The live page acquires a JSON character string through ajax, converts the JSON character string into a tree-shaped virtual DOM through JSON.parse, compares the tree-shaped virtual DOM with the previous virtual DOM, acquires differences, and updates the original node information.
In (1), the user's operation in the live background is performed at the same time node, and the time node order before or after is not changed.
In the step (2), the live background program packages all live information contents, wherein the key of the node is not modified because the new operation of deleting the information of the node at the same time is performed.
In (3), through comparison, the same node of the same key can be found through the cyclic traversal of the new and old nodes, and through further comparison, the modified content is converted into a real DOM and updated into the live page. And after the updating is finished, temporarily storing the new virtual DOM.
The invention provides two implementation systems corresponding to the provided method for updating and optimizing the live webpage content data, which comprises the following steps:
the system for updating and optimizing the live webpage content data comprises: live background and live page.
The live background is used for generating a virtual DOM according to user input content, converting the virtual DOM into a JSON character string and sending the JSON character string to a live page through ajax. The live broadcast page is used for receiving the JSON character string, analyzing the JSON character string to obtain a current virtual DOM, comparing the current virtual DOM with a historical virtual DOM to obtain a comparison result, and updating live broadcast data of the live broadcast page according to the comparison result. The historical virtual DOM is stored in the live page. Both the current virtual DOM and the historical virtual DOM include key attributes. The user entering content includes: the recorded new live content and the recorded live content modification information.
Since such a system can be implemented directly by a computer, the illustration of the drawings is omitted here.
Another system for optimizing live content data updates, as shown in fig. 2, includes: a parsing module 200, a comparing module 201 and an updating module 202.
The parsing module 200 is configured to parse the JSON string to obtain a current virtual DOM.
The comparison module 201 is configured to compare the current virtual DOM with the historical virtual DOM to obtain a comparison result. The historical virtual DOM is stored in the live page. Both the current virtual DOM and the historical virtual DOM include key attributes.
The update module 202 is configured to update live data of the live page according to the comparison result.
In the present specification, each embodiment is described in a progressive manner, and each embodiment is mainly described in a different point from other embodiments, and identical and similar parts between the embodiments are all enough to refer to each other. For the system disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant points refer to the description of the method section.
The principles and embodiments of the present invention have been described herein with reference to specific examples, the description of which is intended only to assist in understanding the methods of the present invention and the core ideas thereof; also, it is within the scope of the present invention to be modified by those of ordinary skill in the art in light of the present teachings. In view of the foregoing, this description should not be construed as limiting the invention.

Claims (4)

1. The method for updating and optimizing the live webpage content data is characterized by comprising the following steps of:
analyzing the JSON character string to obtain a current virtual DOM; the JSON character string is obtained by converting a virtual DOM generated by a live background based on user input content; the user entering content includes: the recorded new live broadcast content and the recorded live broadcast content modification information;
comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result; the history virtual DOM is stored in the live page; the current virtual DOM and the historical virtual DOM both comprise key attributes;
updating the live broadcast data of the live broadcast page according to the comparison result, wherein the updating the live broadcast data of the live broadcast page according to the comparison result comprises the following steps:
setting a variable isinital of a Boolean type in the JSON character string, and setting the value of the variable isinital to true when a live page is opened;
if the comparison result is that the current virtual DO M is different from the historical virtual DO M, setting the value of the variable isinital to false, directly translating the current virtual DOM to a first real DOM, and updating the first real DOM to a live page;
if the comparison result is that the current virtual DOM is the same as the historical virtual DOM, comparing a data node corresponding to the current virtual DOM with a data node in the historical live broadcast data by using a diff algorithm to obtain a first comparison result;
determining an update position of historical live data in a live page according to the first comparison result, wherein the determining the update position of the historical live data in the live page according to the first comparison result specifically comprises:
when the key attribute of the start node of the node data corresponding to the current virtual DOM is the same as the key attribute of the start node in the historical live broadcast data, or when the key attribute of the end node of the node data corresponding to the current virtual DOM is the same as the key attribute of the end node in the historical live broadcast data, updating the current virtual DOM into a second real DOM, updating the second real DOM into a live broadcast page, and updating an index corresponding to the node data; the index is a key attribute;
when the key attribute of the ending node of the node data corresponding to the current virtual DOM is the same as the key attribute of the starting node in the historical live data, updating the current virtual DOM to be a third real DOM, moving the real DOM corresponding to the starting node in the historical live data to the third real DOM, updating the third real DOM and the moved real DOM to a live page, and updating an index corresponding to the node data;
and when the key attribute of a certain node in the node data corresponding to the current virtual DOM is the same as the key attribute of a certain node in the data nodes in the historical live data, updating the current virtual DOM into a fourth real DOM, moving the data nodes in the historical live data to the front of the node data corresponding to the current virtual DOM, updating the fourth real DOM into the live page, and updating the index corresponding to the node data.
2. The method for updating and optimizing live webpage content data according to claim 1, wherein the parsing JSON string to obtain a current virtual DOM specifically includes:
and analyzing the JSON character string by adopting a JSON.parse method to obtain the current virtual DOM.
3. The method for updating and optimizing live content data according to claim 1, wherein comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result specifically comprises:
and comparing the current virtual DOM with the historical virtual DOM by adopting a diff algorithm to obtain a comparison result.
4. A system for optimizing the update of live content data of a web page, comprising:
the analysis module is used for analyzing the JSON character string to obtain a current virtual DOM; the JSON character string is obtained by converting a virtual DOM generated by a live background based on user input content; the user entering content includes: the recorded new live broadcast content and the recorded live broadcast content modification information;
the comparison module is used for comparing the current virtual DOM with the historical virtual DOM to obtain a comparison result; the history virtual DOM is stored in the live page; the current virtual DOM and the historical virtual DOM both comprise key attributes;
the updating module is configured to update the live broadcast data of the live broadcast page according to the comparison result, where the updating the live broadcast data of the live broadcast page according to the comparison result includes:
setting a variable isinital of a Boolean type in the JSON character string, and setting the value of the variable isinital to true when a live page is opened;
if the comparison result is that the current virtual DO M is different from the historical virtual DO M, setting the value of the variable isinital to false, directly translating the current virtual DOM to a first real DOM, and updating the first real DOM to a live page;
if the comparison result is that the current virtual DOM is the same as the historical virtual DOM, comparing a data node corresponding to the current virtual DOM with a data node in the historical live broadcast data by using a diff algorithm to obtain a first comparison result;
determining an update position of the historical live data in the live page according to the first comparison result, wherein determining the update position of the historical live data in the live page according to the first comparison result specifically comprises:
when the key attribute of the start node of the node data corresponding to the current virtual DOM is the same as the key attribute of the start node in the historical live broadcast data, or when the key attribute of the end node of the node data corresponding to the current virtual DOM is the same as the key attribute of the end node in the historical live broadcast data, updating the current virtual DOM into a second real DOM, updating the second real DOM into a live broadcast page, and updating an index corresponding to the node data; the index is a key attribute;
when the key attribute of the ending node of the node data corresponding to the current virtual DOM is the same as the key attribute of the starting node in the historical live data, updating the current virtual DOM to be a third real DOM, moving the real DOM corresponding to the starting node in the historical live data to the third real DOM, updating the third real DOM and the moved real DOM to a live page, and updating an index corresponding to the node data;
and when the key attribute of a certain node in the node data corresponding to the current virtual DOM is the same as the key attribute of a certain node in the data nodes in the historical live data, updating the current virtual DOM into a fourth real DOM, moving the data nodes in the historical live data to the front of the node data corresponding to the current virtual DOM, updating the fourth real DOM into the live page, and updating the index corresponding to the node data.
CN202210035714.0A 2022-01-13 2022-01-13 Method and system for updating and optimizing live webpage content data Active CN114339295B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210035714.0A CN114339295B (en) 2022-01-13 2022-01-13 Method and system for updating and optimizing live webpage content data

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210035714.0A CN114339295B (en) 2022-01-13 2022-01-13 Method and system for updating and optimizing live webpage content data

Publications (2)

Publication Number Publication Date
CN114339295A CN114339295A (en) 2022-04-12
CN114339295B true CN114339295B (en) 2024-03-22

Family

ID=81026308

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210035714.0A Active CN114339295B (en) 2022-01-13 2022-01-13 Method and system for updating and optimizing live webpage content data

Country Status (1)

Country Link
CN (1) CN114339295B (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9253013B1 (en) * 2012-07-31 2016-02-02 Instart Logic, Inc. Efficient delivery of content by virtualization of dynamic interaction with the document object model
CN105630902A (en) * 2015-12-21 2016-06-01 明博教育科技股份有限公司 Method for rendering and incrementally updating webpages
CN110427225A (en) * 2019-07-29 2019-11-08 阿里巴巴集团控股有限公司 A kind of method and apparatus starting small routine
CN110874251A (en) * 2018-08-29 2020-03-10 北京京东尚科信息技术有限公司 Method and device for realizing picture wooden barrel layout
CN112528203A (en) * 2020-12-18 2021-03-19 平安国际智慧城市科技股份有限公司 Webpage-based online document making method and system

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9253013B1 (en) * 2012-07-31 2016-02-02 Instart Logic, Inc. Efficient delivery of content by virtualization of dynamic interaction with the document object model
CN105630902A (en) * 2015-12-21 2016-06-01 明博教育科技股份有限公司 Method for rendering and incrementally updating webpages
CN110874251A (en) * 2018-08-29 2020-03-10 北京京东尚科信息技术有限公司 Method and device for realizing picture wooden barrel layout
CN110427225A (en) * 2019-07-29 2019-11-08 阿里巴巴集团控股有限公司 A kind of method and apparatus starting small routine
CN112528203A (en) * 2020-12-18 2021-03-19 平安国际智慧城市科技股份有限公司 Webpage-based online document making method and system

Also Published As

Publication number Publication date
CN114339295A (en) 2022-04-12

Similar Documents

Publication Publication Date Title
US7293018B2 (en) Apparatus, method, and program for retrieving structured documents
US5758361A (en) Document editor for linear and space efficient representation of hierarchical documents
US7069501B2 (en) Structured document processing system and structured document processing method
US20040221229A1 (en) Data structures related to documents, and querying such data structures
US11429586B2 (en) Expression update validation
US7490078B2 (en) Stream data processing system and method for avoiding duplication of data process
CN108572819A (en) Method for updating pages, device, terminal and computer readable storage medium
CN106503211B (en) Method for automatically generating mobile version facing information publishing website
US20100218083A1 (en) Document processing apparatus and document processing method
CN105022806A (en) Method and system for establishing mobile page based on internet webpage of translation template
US20080235193A1 (en) Apparatus, method, and computer program product for processing query
CN116468009A (en) Article generation method, apparatus, electronic device and storage medium
US20100082587A1 (en) Apparatus, method, and computer program product for searching structured document
CN114339295B (en) Method and system for updating and optimizing live webpage content data
US20080005662A1 (en) Server Device and Name Space Issuing Method
US8930348B2 (en) Isolation for applications working on shared XML data
US8086561B2 (en) Document searching system and document searching method
JPH09146931A (en) Document type definition generating device
US20090287994A1 (en) Document processing device and document processing method
US20080005085A1 (en) Server Device and Search Method
JP2006031377A (en) Structured document management apparatus, retrieval apparatus, storage method, retrieval method, and program
CN114218515A (en) Web digital object extraction method and system based on content segmentation
US11023674B2 (en) Generation and application of object notation deltas
JP3842572B2 (en) Structured document management method, structured document management apparatus and program
JP3843810B2 (en) Multi-template management system and multi-template management program

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
GR01 Patent grant
GR01 Patent grant