CN-121980104-A - Web front end big data performance management optimization method and system

CN121980104ACN 121980104 ACN121980104 ACN 121980104ACN-121980104-A

Abstract

The invention provides a web front end big data performance management optimization method and a web front end big data performance management optimization system, which are applied to the field of computer systems based on specific web computing models. According to the system, a Vue2 framework optimization scheme is adopted, on one hand, a Vue response type system is abandoned through nonresponsive data binding, and the performance loss caused by large-scale response type data is avoided through event monitoring and manual interlayer data synchronization. On the other hand, the virtual rolling optimization is better than the virtual rolling optimization in the prior art, so that the on-demand rendering of dynamic form items is realized, and the number of nodes is reduced. On the other hand, through reasonably setting the big data processing memory management, static data binding and component lightweight design are utilized, memory occupation during rolling is reduced, and browser memory recovery efficiency is improved. Therefore, the system can be based on interlayer cooperation and cooperation of a plurality of invention concepts superior to the prior art, the performance problem of a large dynamic form page is solved, the informatization development efficiency of front-end big data is improved, and the maintainability and the reconfigurability of codes are improved.

Inventors

ZOU LINGFENG
Dai Liaoyang
Xiao Ercan
ZHONG JIAHAO

Assignees

深圳市高新兴科技有限公司

Dates

Publication Date: 20260505
Application Date: 20260409

Claims (10)

1. A web front-end big data performance management optimization system for dynamically generating interactive forms, the system comprising: the first dynamic generation interactive form data regulation layer is used for managing form data, adding, deleting and modifying the checking logic and encapsulating the data operation method; The first dynamic generation interactive form data regulation layer also comprises first information, second information and a first data processing layer, wherein the first information is used for storing a first type of specific method, and the first type of specific method is related to related methods which need to send out requests to acquire data between layers and in layers; The second information is a function structure and is used for realizing all functions of acquiring dictionary options of conditions, creating promise objects, caching error reporting spam, and third information used for controlling the circulation of promise objects; enabling a virtual rolling container, dynamically rendering a form item, prohibiting the use of Vue response type data, and manually binding synchronous data; And the signaling processing and middleware layer processes business logic, interacts with the response prohibiting layer through a publishing and subscribing mode and a container, and calls the first dynamically generated interactive form data regulation layer interface to update data.
2. The web front-end big data performance management optimization system of claim 1, wherein: The collaborative processing of the front-end oversized dynamic form and the general dynamic form is different from the existing layering mode, namely, on one hand, page performance optimization of a large number of dynamic forms is cooperatively executed through the de-automation of large-scale response, and on the other hand, virtual rolling optimization is realized through the differential setting cooperation of the number of nodes.
3. The web front-end big data performance management optimization system of claim 2, wherein: The container realizes and responds to the forbidden layer, abandons the Vue response type system, and realizes and responds to the forbidden layer and the first dynamic generation interactive form data regulation layer data through the event monitoring manual synchronous container, so that performance loss caused by large-scale response type data is avoided.
4. The web front-end big data performance management optimization system of claim 3, wherein: The container implementation and response inhibition layer further comprises: The on-demand rendering of the dynamic form items is realized by combining the scrolling based on the list, and the number of DOM nodes is reduced.
5. The web front-end big data performance management optimization system of claim 4, wherein: The first dynamic generation interactive form data regulation layer adopts a data pool data acquisition method set to realize index acquisition of an index list.
6. The web front-end big data performance management optimization system of claim 4, wherein the web front-end big data performance management optimization system further reduces memory occupancy during scrolling based on static data binding and component weight reduction, and improves browser memory reclamation efficiency.
7. The web front end big data performance management optimization system of claim 5, wherein, The signaling processing and middleware layer sets a specific controller object for processing a singleton mode data object while enabling index list refreshing and dictionary processing modes.
8. A web front-end big data performance management optimization method applied to the web front-end big data performance management optimization system according to any one of claims 1-7, the method comprising the steps of: Adopting a first dynamic generation interactive form data regulation layer management form data and adding, deleting and modifying logic, and packaging a data operation method; Storing a first type of specific method by using first information in a first dynamic generation interactive form data regulation layer, wherein the first type of specific method is related to related methods between layers and in the layer, and the related methods need to send out requests for acquiring data; step three, using the first dynamic generation function structure second information in the interactive form data regulation layer to realize all the functions of obtaining dictionary options of conditions, creating promise objects, caching error reporting spam bottoms, and using third information, wherein the third information is used for controlling the circulation of promise objects; Enabling a virtual rolling container by using a container implementation and response prohibition layer, dynamically rendering a form item, prohibiting the use of Vue response type data, and manually binding synchronous data; and fifthly, using signaling processing and middleware layer processing business logic to interact with the response prohibiting layer through a publishing and subscribing mode and a container, and calling a first dynamic generation interactive form data regulation layer interface to update data.
9. A computer program product comprising computer instructions which, when executed by a processor, perform the web front end big data performance management optimization method of claim 8.
10. A computer-readable storage medium, in which a processor-executable program is stored, which when executed by a processor is for performing the web front-end big data performance management optimization method of claim 8.

Description

Web front end big data performance management optimization method and system Technical Field The invention is applied to the field of computer systems based on specific web computing models, relates to informationized electric and digital data processing, belongs to the technical field of new generation information, and particularly relates to a web front end big data performance management optimization method and system. Background In the development process of the Web front-end application, the processing effectiveness and robustness of large-scale data are often required to be considered, and when processing requirements such as an oversized form and a dynamic form containing a large amount of data are met, how to execute efficient and accurate data interaction becomes one of the problems to be solved in the current Web front-end development. For WEB users and developers, in the prior art, a performance optimization scheme for WEB front-end large-data-volume page rendering mainly comprises the following steps of firstly, virtual scrolling technology, namely, a framework only keeps visible lines and a small number of buffering nodes before and after the visible lines in a memory, rapidly recovers elements leaving a view port and fills new data when scrolling occurs by means of absolute positioning and dynamic offset, and therefore linearly-increased DOM scale is compressed to be constant. Secondly, batch rendering, namely batch asynchronous rendering of data, wherein batch rendering divides the operation of constructing the giant DOM once into time slices, and nodes are gradually inserted by using idle gaps of message circulation, so that long task blocking interactive response is avoided. Third, lazy loading (Lazy Loading) and infinitely scrolling load data on demand. Fourth, a Server Side Rendering (SSR) technology is adopted, static HTML content is generated by a server, and initial rendering burden of a browser client side is reduced. How to avoid the defects in the prior art, thereby improving the information development efficiency of the front-end big data and improving the maintainability and the reconfigurable capability of codes by improving the prior art, and becoming a further center of gravity of web front-end development. Based on the above, the invention provides a web front end big data performance management optimization method and a web front end big data performance management optimization system, which are applied to the field of computer systems based on specific web computing models. According to the system, a Vue2 framework optimization scheme is adopted, on one hand, a Vue response type system is abandoned through nonresponsive data binding, and the performance loss caused by large-scale response type data is avoided through event monitoring and manual interlayer data synchronization. On the other hand, virtual rolling optimization superior to the prior art is set, and dynamic form item rendering on demand is realized by combining list rolling, so that the number of nodes is reduced. On the other hand, through reasonably setting front-end big data processing memory management, static data binding and component lightweight design are utilized, memory occupation during rolling is reduced, and browser memory recovery efficiency is improved. Therefore, the web front-end big data performance management optimization system can be based on interlayer cooperation and cooperation of a plurality of invention concepts superior to the prior art, the performance problem of a large dynamic form page is solved, the front-end big data informatization development efficiency is improved, and the maintainability and the reconfigurable capability of codes are improved. Disclosure of Invention The invention aims to provide a web front end big data performance management optimization system which is superior to the prior art. In order to achieve the above object, the technical scheme of the present invention is as follows: A web front-end big data performance management optimization system for dynamically generating interactive forms, the system comprising: the first dynamic generation interactive form data regulation layer is used for managing form data, adding, deleting and modifying the checking logic and encapsulating the data operation method; The first dynamic generation interactive form data regulation layer also comprises first information, second information and a first data processing layer, wherein the first information is used for storing a first type of specific method, and the first type of specific method is related to related methods which need to send out requests to acquire data between layers and in layers; The second information is a function structure and is used for realizing all functions of acquiring dictionary options of conditions, creating promise objects, caching error reporting spam, and third information used for controlling the circulation of promise objects; enabling a vir