CN113360802A - Method for avoiding blockage through three-dimensional operation of main flow frame at Web front end - Google Patents
Method for avoiding blockage through three-dimensional operation of main flow frame at Web front end Download PDFInfo
- Publication number
- CN113360802A CN113360802A CN202110446287.0A CN202110446287A CN113360802A CN 113360802 A CN113360802 A CN 113360802A CN 202110446287 A CN202110446287 A CN 202110446287A CN 113360802 A CN113360802 A CN 113360802A
- Authority
- CN
- China
- Prior art keywords
- dimensional
- data
- rendering
- entering
- dom node
- 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.)
- Granted
Links
Images
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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D30/00—Reducing energy consumption in communication networks
- Y02D30/50—Reducing energy consumption in communication networks in wire-line communication networks, e.g. low power modes or reduced link rate
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a method for avoiding blockage by three-dimensional operation of a main flow frame at a Web front end, which comprises the following steps: the page component initializes, loads and renders, if not three-dimensional rendering, the main process renders, if rendering is successful, the data is stored, whether the data of the process is transmitted to the three-dimensional process is determined, if the three-dimensional model needs to be displayed, the three-dimensional process receives the data sent by the main process, and the dom node is updated; otherwise, when the data changes, the dom node is updated. If the data change is carried out, the data storage is completed, and the dom node is updated when the data change is carried out; the method can ensure that the three-dimensional operation is smoother and more flexible.
Description
[ technical field ] A method for producing a semiconductor device
The invention relates to the technical field of a three-dimensional model of Web front-end operation, in particular to a method for avoiding blockage through three-dimensional operation of a main flow frame of a Web front-end.
[ background of the invention ]
Currently, three-dimensional models operated by three-dimensional technologies such as three.js, webgl and the like need to be operated with real document, while mainstream frames vue and act frames such as web front end are virtual DOM (virtual DOM), so that the three-dimensional models operated in vue and act are not smooth, and the specific reasons are as follows:
1, vue and acts are virtual doms, the three-dimensional operation is a real dom node which needs to be frequently operated, and the element diff algorithm comparison is frequently triggered in each operation, so that the operation workload is too large, and the operation is not smooth and unsmooth.
2. The jquery and the html can be used for solving the problems, but the two ecocircles are not perfected by the acts and vue, and the jquery and the html are in a process-oriented thinking mode and directly operate the dom, so that the redrawing and the backflow of the page can be caused, and the performance and the ecocircles are not good.
Therefore, it is necessary to solve the technical solution of the smooth operation in vue and act, and a method for avoiding the jam of the three-dimensional operation of the main stream frame of the Web front end is proposed.
[ summary of the invention ]
The invention aims to solve the problems in the prior art, and provides a method for avoiding blockage of a main flow frame of a Web front end through three-dimensional operation, which can ensure that the three-dimensional operation is smoother and more flexible.
In order to achieve the purpose, the invention provides a method for avoiding blockage through three-dimensional operation of a main flow frame at the front end of a Web, which comprises the following steps:
s1, extracting three-dimensional codes and files, finishing by using html, hanging the three-dimensional codes and files in a public directory of vue/act projects, and then entering a step S2;
s2, initializing, loading and rendering the page component, confirming whether three-dimensional rendering is performed, and if not, performing step S3; if yes, go to step S4;
s3, rendering the main process, and if the rendering is not successful, entering the step S8; if the rendering is successful, storing the data, confirming whether to transmit the data of the process to the three-dimensional process according to the scene requirement, and if the three-dimensional model is required to be displayed, entering the step S6; otherwise, when the data is changed, updating the dom node;
s4, rendering the three-dimensional process, and if the rendering is not successful, entering the step S10; if the rendering is successful, storing the data, then confirming whether to transmit the data of the process to the main process according to the scene requirement, if the three-dimensional model does not need to be displayed, entering the step S5, otherwise, hanging the extracted html file on the main process through an iframe to finish the data storage, and when the data is changed, directly updating the dom node;
s5, judging whether the main process operation closes the page or not, and if so, entering the step S10; otherwise, go to step S6;
s6, the main process receives data sent by the three-dimensional process and updates the dom node;
s7, judging whether the three-dimensional process operation closes the page or not, if so, entering a step S10, otherwise, entering a step S8;
s8, the three-dimensional process receives data sent by the main process and directly updates the dom node;
s9, operating the dom node by the main process/the three-dimensional process, and judging whether to update the dom node or not when data is changed; otherwise, not updating;
and S10, page destruction is closed.
Preferably, in steps S3, S6, S9, the dom node is updated by diff algorithm when data changes.
The invention has the beneficial effects that: the invention has the advantages of three-dimensional logic extraction, enhanced reusability and flexibility, smoother three-dimensional operation on the premise of not influencing other services, and solves the problem of blockage of a mainstream frame vue and a real operation three-dimensional model at the front end of a web and the like.
The features and advantages of the present invention will be described in detail by embodiments in conjunction with the accompanying drawings.
[ description of the drawings ]
Fig. 1 is a flowchart of a method for avoiding deadlock in three-dimensional operation of a main flow framework of a Web front end according to the present invention.
[ detailed description ] embodiments
Referring to fig. 1, the invention relates to a method for avoiding blockage by three-dimensional operation of a main flow frame at a Web front end, which comprises the following steps:
s1, extracting three-dimensional codes and files, finishing by using html, hanging the three-dimensional codes and files in a public directory of vue/act projects, and then entering a step S2;
s2, initializing, loading and rendering the page component, confirming whether three-dimensional rendering is performed, and if not, performing step S3; if yes, go to step S4;
s3, rendering the main process, and if the rendering is not successful, entering the step S8; if the rendering is successful, storing the data, confirming whether to transmit the data of the process to the three-dimensional process according to the scene requirement, and if the three-dimensional model is required to be displayed, entering the step S6; otherwise, when the data are changed, updating the dom node through diff algorithm;
s4, rendering the three-dimensional process, and if the rendering is not successful, entering the step S10; if the rendering is successful, storing the data, then confirming whether to transmit the data of the process to the main process according to the scene requirement, if the three-dimensional model does not need to be displayed, entering the step S5, otherwise, hanging the extracted html file on the main process through an iframe to finish the data storage, and when the data is changed, directly updating the dom node;
s5, judging whether the main process operation closes the page or not, and if so, entering the step S10; otherwise, go to step S6;
s6, the main process receives data sent by the three-dimensional process and updates the dom node through a diff algorithm;
s7, judging whether the three-dimensional process operation closes the page or not, if so, entering a step S10, otherwise, entering a step S8;
s8, the three-dimensional process receives data sent by the main process and directly updates the dom node;
s9, operating the dom node by the main process/the three-dimensional process, and judging whether to update the dom node or not by a diff algorithm when data is changed; otherwise, not updating;
and S10, page destruction is closed.
The working process of the invention is as follows:
according to the invention, three-dimensional codes and files are extracted and finished by html, the three-dimensional codes and files are hung under a public directory of vue/act items (convenient for subsequent calling), src/pages directory of act/vue writes other modules of the items, and according to business requirements, the three-dimensional models are called by using < iframe src ═ </iframe >, and src corresponds to three-dimensional html addresses under public, so that the performance of act can be ensured, and three-dimensional operation can be smooth without blocking.
The above embodiments are illustrative of the present invention, and are not intended to limit the present invention, and any simple modifications of the present invention are within the scope of the present invention.
Claims (2)
1. A method for avoiding blockage by three-dimensional operation of a main flow frame at a Web front end is characterized by comprising the following steps: the method sequentially comprises the following steps:
s1, extracting three-dimensional codes and files, finishing by using html, hanging the three-dimensional codes and files in a public directory of vue/act projects, and then entering a step S2;
s2, initializing, loading and rendering the page component, confirming whether three-dimensional rendering is performed, and if not, performing step S3; if yes, go to step S4;
s3, rendering the main process, and if the rendering is not successful, entering the step S8; if the rendering is successful, storing the data, confirming whether to transmit the data of the process to the three-dimensional process according to the scene requirement, and if the three-dimensional model is required to be displayed, entering the step S6; otherwise, when the data is changed, updating the dom node;
s4, rendering the three-dimensional process, and if the rendering is not successful, entering the step S10; if the rendering is successful, storing the data, then confirming whether to transmit the data of the process to the main process according to the scene requirement, if the three-dimensional model does not need to be displayed, entering the step S5, otherwise, hanging the extracted html file on the main process through an iframe to finish the data storage, and when the data is changed, directly updating the dom node;
s5, judging whether the main process operation closes the page or not, and if so, entering the step S10; otherwise, go to step S6;
s6, the main process receives data sent by the three-dimensional process and updates the dom node;
s7, judging whether the three-dimensional process operation closes the page or not, if so, entering a step S10, otherwise, entering a step S8;
s8, the three-dimensional process receives data sent by the main process and directly updates the dom node;
s9, operating the dom node by the main process/the three-dimensional process, and judging whether to update the dom node or not when data is changed; otherwise, not updating;
and S10, page destruction is closed.
2. The method for avoiding deadlock of three-dimensional operation of the main flow framework of the Web front end as claimed in claim 1, characterized in that: in steps S3, S6, S9, when data changes, the dom node is updated by diff algorithm.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110446287.0A CN113360802B (en) | 2021-04-25 | 2021-04-25 | Method for avoiding blockage through three-dimensional operation of main flow framework at Web front end |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110446287.0A CN113360802B (en) | 2021-04-25 | 2021-04-25 | Method for avoiding blockage through three-dimensional operation of main flow framework at Web front end |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113360802A true CN113360802A (en) | 2021-09-07 |
| CN113360802B CN113360802B (en) | 2022-05-17 |
Family
ID=77525356
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110446287.0A Active CN113360802B (en) | 2021-04-25 | 2021-04-25 | Method for avoiding blockage through three-dimensional operation of main flow framework at Web front end |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113360802B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080010359A1 (en) * | 2006-07-10 | 2008-01-10 | Jeffrey Mark Achtermann | Computer implemented method and system for managing server-based rendering of messages in a heterogeneous environment |
| CN111161390A (en) * | 2019-12-31 | 2020-05-15 | 北京恒华伟业科技股份有限公司 | Rendering method and device based on BIM (building information modeling) model and WebGL (Web graphics library) |
| CN111381823A (en) * | 2020-03-11 | 2020-07-07 | 四川长虹电器股份有限公司 | Web end long list rendering method |
| CN111612407A (en) * | 2020-03-09 | 2020-09-01 | 深大本原智慧科技(深圳)有限公司 | Three-dimensional visual comprehensive application platform design method based on cloud platform |
-
2021
- 2021-04-25 CN CN202110446287.0A patent/CN113360802B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080010359A1 (en) * | 2006-07-10 | 2008-01-10 | Jeffrey Mark Achtermann | Computer implemented method and system for managing server-based rendering of messages in a heterogeneous environment |
| CN111161390A (en) * | 2019-12-31 | 2020-05-15 | 北京恒华伟业科技股份有限公司 | Rendering method and device based on BIM (building information modeling) model and WebGL (Web graphics library) |
| CN111612407A (en) * | 2020-03-09 | 2020-09-01 | 深大本原智慧科技(深圳)有限公司 | Three-dimensional visual comprehensive application platform design method based on cloud platform |
| CN111381823A (en) * | 2020-03-11 | 2020-07-07 | 四川长虹电器股份有限公司 | Web end long list rendering method |
Non-Patent Citations (1)
| Title |
|---|
| 叶小艳等: "一种改进的MVC框架在ERP系统开发中的应用", 《计算机技术与发展》 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113360802B (en) | 2022-05-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8775923B1 (en) | Web page restoration | |
| CN106339226B (en) | A kind of methods of exhibiting and page presentation device of Webpage | |
| US20160253296A1 (en) | Browser-level background page for providing multiple views | |
| KR20080107444A (en) | Two dimensional trees to edit graph-like diagrams | |
| CN113392974B (en) | Model training method, device, electronic equipment and storage medium | |
| CN105096368B (en) | Three dimensional object processing method and relevant apparatus | |
| WO2019047441A1 (en) | Communication optimization method and system | |
| CN113453073B (en) | Image rendering method and device, electronic equipment and storage medium | |
| US20220292795A1 (en) | Face image processing method, electronic device, and storage medium | |
| CN113360802B (en) | Method for avoiding blockage through three-dimensional operation of main flow framework at Web front end | |
| CN113409430A (en) | Drivable three-dimensional character generation method and device, electronic equipment and storage medium | |
| CN111427556A (en) | Web-based SysM L modeling platform | |
| CN106815880A (en) | animation multiplexing method and system | |
| CN112862934B (en) | Method, apparatus, device, medium, and product for processing animation | |
| Pitler et al. | A linear-time transition system for crossing interval trees | |
| CN111539186B (en) | Big data tree component realization method and system applied to HTML5 | |
| CN112947916A (en) | Method, device, equipment and storage medium for realizing online canvas | |
| CN109597611B (en) | Front-end data flow control component development system, method, device and storage medium | |
| CN117194625A (en) | Intelligent dialogue method and device for digital person, electronic equipment and storage medium | |
| US10331781B2 (en) | Template compilation using view transforms | |
| EP4254213A1 (en) | Speech chip implementation method, speech chip, and related device | |
| CN113722037B (en) | User interface refreshing method and device, electronic equipment and storage medium | |
| CN102096622B (en) | Based on the method and system of progress information in event-driven real-time acquisition system | |
| CN113014674B (en) | Method and device for drawing service dependency graph | |
| US9336555B1 (en) | Record-time optimization of display lists |
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 |