CN104933078A - Web application page rendering optimization - Google Patents
Web application page rendering optimization Download PDFInfo
- Publication number
- CN104933078A CN104933078A CN201410106314.XA CN201410106314A CN104933078A CN 104933078 A CN104933078 A CN 104933078A CN 201410106314 A CN201410106314 A CN 201410106314A CN 104933078 A CN104933078 A CN 104933078A
- Authority
- CN
- China
- Prior art keywords
- node
- web application
- page
- web
- elements
- 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
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to a Web application page rendering optimization.The method comprises the following steps: firstly building a hidden DOM (document object model) node element; simultaneously drawing at least one subnode in the hidden DOM node element; continuously detecting whether the combination of the DOM node and the subnodes thereof forms an effective state while drawing the subnode; once the element combination of the DOM node element and the subnodes in the DOM node element forms a predetermined effective state, performing batch computing and rendering by a browser on the DOM node element and the subnodes in the DOM node element, and displaying to a user page in one time. The method can solve the problem that the return time is too long in an existing page element increment rendering method, so that the page loading time is effectively shortened, and the user experience performance of Web application pages is improved.
Description
Technical field
The present invention relates to Web Performance Optimization technique field, particularly relate to for the loaded and optimized method of the Web application page.
Background technology
Webpage (Webpage) also can be called as Web document (Web document), and it is generally made up of a basic token page and multiple Web resource or object.Here the basic token page is generally html page, Web resource or object can be then varied, can be Web page constituent as various script (as most typical JavaScript), data resource (as XML, JSON etc.), CSS (cascading style sheet), picture etc., the Web UI page that the complicated element of page structure is numerous, be then referred to as the page that rich Web applies.The effect of Web browser is exactly that parsing comprises the html document of Various Complex resource and such resource correctly played up on webpage and show.
At present for Web page content loading method, the mode mainly played up by element increment has been come.Below by way of an example, learn about working method and the render process of general browser:
1.. user inputs network address (suppose it is a html page, and be first time access), and browser sends request to server, and server returns html file;
2.. browser starts to be loaded into html code, and finding has a <link> label to quote outside CSS file in <head> label;
3.. browser sends again the request of CSS file, and server returns this CSS file;
4.. browser continues to be loaded into the code of <body> part in html, and CSS file takes hand, can start to play up the page;
5.. browser finds that in code a <img> label refer to a pictures, sends request to server.Now browser can not wait until that picture has been downloaded, but continues the code played up below;
6.. server returns picture file, because picture occupies certain area, have impact on the arrangement of subsequent paragraphs, and therefore browser needs to turn back again to play up this part code;
7.. browser has found a <script> label comprising a line Javascript code, bootup window of hastening;
8. .Javascript script performs this statement, and its order browser hides certain <div>(style.display=in code " none ").Now, browser has to again play up this part code;
9.. finally wait until the arrival of </html>, and " changing skin " button in user clicks interface, the CSS path of Javascript allowed browser change <link> label;
10.. browser again to the CSS file that server request is new, must play up full page again.
Therefrom can understand, when Web browser navigates to a Web page, it first can by the http protocol request root page, then carry out element parsing for the pagefile fed back from Web service end and draw operation, and generate corresponding document object model (DOM, Document Object Model).After completing tentatively the playing up of the page, browser may will continue to send additional request respond the operation such as renewal of user's input, event triggering or Partial Elements, now browser constantly will detect DOM element to be updated, and recalculate and draw other elements relevant to element to be updated, until all elements in dom tree shape structure is all accurately played up.This process will relate to backflow (reflow), when browser finds that certain part there occurs variable effect layout, needs to refund duplicate removal and newly plays up, and the process of this rollback is just reflow.Backflow refers to that Web browser recalculates process in order to the position of page element of carrying out when again playing up full page or Local hydrodynamic unit partial page and size.Sometimes reflux operation only can relate to element to be updated itself, or only relate to father node and the child node of more new element, but also likely relate to all elements of full page, so often upgrade an element may need to spend some times to recalculate and draw other relevant elements, until complete full page redraw operation.
As shown in Figure 1, when Web browser navigates to a webpage, it can send a page to the server of correspondence and obtain request, server then can return the http response that comprises basic markup page, browser then carries out parsing and tentatively draws to play up (namely generating corresponding document object model dom tree 200 according to this response page (as html page), drawing basics node 201 in this DOMD tree structure, first browser is successfully played up base node 201 according to response html page and is shown as A in Web page); In the process of resolving, browser may find that needing to load some additional resources improves or revise original page, at this time browser then needs to send some additional request (as AJAX request) again, then resolve according to the feedback data (as HTML fragment, XML data or JSON data) of these additional request and be injected in the existing page and (draw child node 202, child node 203 again in base node 201 inside of dom tree, and play up child node 202,203 according to feedback data and be shown as B and C in Web page).For Web UI; this process can cause recalculating and drawing of other elements (as adjacent node, father node or descendant nodes) usually; such as when loading C, repainting of child node 202, base node 201 can be caused, and this process will spend a large amount of time simultaneously.So, browser often detects an element to be updated, all likely need to recalculate and draw other interdependent nodes, sometimes even need all elements node redrawn on the page, a large amount of time may be spent like this in the element size constantly repeated or position calculation, user also by spending the more time to wait for page loaded, has had a strong impact on application response performance.
In Web page browser, reflow is almost unavoidable, as long as mouse-over, behavior of clicking etc. cause the change of the attribute such as footprints, locator meams, back gauge of some element on the page, all can cause that its is inner, around even again the playing up of full page.In addition, reflux in a browser (reflow) is the operating process that a user blocks, the long performance that will badly influence Consumer's Experience of reflux course, and therefore, it is very necessary for effectively reducing return time raising Web page loading performance.
Summary of the invention
The invention provides a kind of loaded and optimized method of Web application page, the method is by first hiding DOM node elements (i.e. base node), and in this node elements hidden, draw child node simultaneously, until this DOM node elements combination formation effective status, just by browser, the combination of this DOM node elements is carried out to the mode calculating and play up in batches, the problem that in existing page elements increment rendering intent, return time is long can be avoided, effectively reduce the page load time, improve the Consumer's Experience performance of Web application.
The technical solution used in the present invention is: a kind of Web application page rendering optimization method, the method is by first building a hiding DOM node elements, at least one child node is drawn in the node elements inside simultaneously hidden at this, until the element combinations that the child node of this DOM node elements and inside thereof forms forms a predetermined effective status, just carry out batch by the child node of browser to this DOM node elements and inside to calculate and play up, show to User Page.
Described method comprises step:
Step 1: the node elements that structure one is hiding in a dom tree shape structure, node based on this node elements;
Step 2: continue to add one or more child node in this base node inside;
Step 3: judge to be made up of the element of all child nodes of this base node and inside thereof, whether form a predetermined effective status, if then perform step 4, otherwise jump to step 2 to continue to add other nodes, described predetermined effective status refers to whether the combination of base node and child node thereof reaches a standard preset;
Step 4: base node is set to visible state;
Step 5:Web browser batch calculates and is in the base node of visible state and the child node of inside thereof, and disposable for each node elements playing up is shown to user.
Step 1 comprises again two steps:
Step 1.1: draw a node elements in the dom tree shape structure that Web UI is corresponding;
Step 1.2: hidden by this node by the display properties revising this node elements, makes it not show by viewed device.
In step 1.2: node is set to hiding method and comprises the class directly adding " display:none " field or add a CSS to this node elements in the style attribute of this node elements, the defined pattern of " display:none " in this class.
Described drawing basics node and child node thereof are the processes of carrying out html page parsing according to a part of current Web UI.
In step 3, the standard preset is function according to current Web application, current Web application or similar Web apply historical information, relevant user profile, user arranges or user preferences and Operation system setting are determined as with reference to value.
In step 4, base node being set to visible state, is realized by the hiding attribute revised in this base node Show Styles.
Hiding attribute in this base node Show Styles of described amendment comprises two kinds of methods: " display:none " field in base node pattern style is removed by first; Another kind removes comprising the CSS class hidden Styles in basic pattern.
Described step (1) is the trigger action of an initiation page rendering, and this trigger action is the request first of a Web site or the page, or the local of redirect between the different page or current page or refresh all.
Wherein, the standard preset is function according to current Web application, current Web application or similar Web apply historical information, relevant user profile, user arranges or user preferences and Operation system setting are determined as with reference to value.
The inventive method significantly can reduce the backflow when page loads, and improves the loading performance of Web page, promotes the performance of Consumer's Experience.
Accompanying drawing explanation
To be conventional needle to reflux the schematic diagram played up to the increment type that the Web application page loads Fig. 1.
Fig. 2 is the implementing procedure figure that the page load performance that the present invention is directed to Web application is optimized.
Fig. 3 is that the batch for the loading of the Web application page that the present invention proposes is hidden or plays up the schematic diagram of display.
Embodiment
The present invention is a kind of page rendering optimization method for Web application.The method draws child node until this base node and child node thereof form an effective status by a hiding base node inside, the mode of batch rendering display effectively reduces the computing time of element position and size again, to reduce the generation of backflow, improve page loading velocity, reach the object of the page load performance optimizing Web application.
As shown in Figure 1, for the process flow diagram of the inventive method, its total process comprises first draws and hides base node, when the effective status that the child node element added makes this base node reach predetermined, be set to visible by this base node, now browser is unifiedly calculated base node and the resulting structure of having added child node element composition thereof and is played up again, thus decreases the double counting of element and the time of drafting, reduce backflow, reach the object optimizing Web application page load performance.
As shown in Figure 1, the displaying treatment scheme of a Web UI for user is described, shown in specific as follows:
S400: this step is the trigger action of an initiation page rendering can be the request first of a Web site or the page, also can be local or the refresh all of redirect between the different page or current page.
S401: the main operation of this step in two steps, the first step be in the dom tree shape structure of correspondence build a DOM node, based on node (being equivalent to the upper essential element carrying container of current Web UI or framework); Second step is then that this base node is set to hiding by the display properties by revising this DOM node.
Base node be set to hiding, its method comprises two kinds, and the first directly in the style attribute of this node elements, adds " display:none " field; The second is the class adding a CSS to this node elements, and prerequisite is the pattern defining " display:none " in this class.
S402: continue to draw its child node in base node inside, this child node represents another effective element on current Web UI or validity event mechanism, constantly to generate different page constituents.
Child node described here can be various ways, as being a common DIV display element, INPUT input frame, also can be a pictures (multiple format such as JPG, PNG, BIF), one section of video or audio frequency, one section of logical process script (as JavaScript), the response data (as JSON, XML) of all right various form, these can be child nodes, can form a DOM base node.Because base node is set to hiding, therefore all child nodes of its inside are also all in hidden state.
S403: this step mainly judges whether the element combinations (comprising the base node and the child node of follow-up continuous interpolation that just start to build) of current structure forms a predetermined effective status, if enter S404; Otherwise return back to step 402 and continue at the remaining child node of drafting in this base node.
Here effective status is fixed according to concrete applied environment, is not quite similar at different occasion effective statuses.Such as in calendar application, only have and completely just reach an effective status at last when " date display element " in calendar and " the event interactive icons relevant to user interactions " all build, because the target of calendar application allows user can from main control and option date and time exactly, if showed user when not building complete, in fact have little significance.
As a rule, the determination of effective status can the information of reference have multiple, and historical information, the relevant user profile applied as the function of current Web application, current Web application or similar Web, user arranges or user preferences, Operation system setting etc. can as the predetermined effective statuses determining a Rendering operations with reference to value.
S404: once the element combinations in S403 reaches predetermined effective status, then the attribute of base node is set to visible.
Be set to hiding process accordingly with by base node, base node be set to visible mode and also comprise two kinds: first " display:none " field in base node pattern style is removed; Another kind removes comprising the CSS class hidden Styles in basic pattern.
It should be noted that, base node be set to and can see below, all child nodes of its inside also will become visible state.
S405:Web browser batch calculates and is in the base node of visible state and the child node of inside thereof, is played up and is shown to user.So just complete and once effectively play up, and decrease return time, alleviation page loading time delay situation to a certain extent.
Fig. 3 is that the batch for the loading of the Web application page that the present invention proposes is hidden or plays up the schematic diagram of display.
When Web browser navigates to a webpage, it can send a page to the server of correspondence and obtain request, server then can return the http response that comprises basic markup page, browser is then resolved according to this response page (as html page), generate corresponding document object model dom tree 200, hiding base node 201 is drawn in dom tree shape structure, this base node 201 is invisible, then continue to draw child node 202 in this base node 201 inside, browser constantly judges whether this base node 201 forms default effective status with the element combinations of the child node 202 of its inside in this process, as shown in Figure 3, base node 201 not yet forms predetermined effective status with the element combinations of the child node 202 of its inside, therefore continue at base node 201 inside and draw child node 203 again, this child node 203 is also hidden state, now, browser judges that this base node 201 has constituted predetermined effective status with the element combinations of the child node 202,203 of its inside, so this base node 201 is set to visible by browser, the child node 202,203 of its inside is also visible simultaneously, finally calculated by browser batch and be in the base node 201 of visible state and the child node 202,203 of inside thereof, disposable for aforementioned nodes element combinations playing up is shown as A, B and C, to be presented to user.
As can be seen here, compared to the mode that the existing increment shown in Fig. 1 is played up, the inventive method significantly can reduce reflux course when the page loads, and improves the loading performance of Web page, promotes the performance of Consumer's Experience.
The above, be only preferred embodiment of the present invention, when not limiting the scope of the present invention with this; Therefore all simple equivalences done according to claims of the present invention and description change and modify, and all should still remain within the scope of the patent.
Claims (9)
1. a Web application page rendering optimization method, it is characterized in that: the method is by first building a hiding DOM node elements, at least one child node is drawn in the node elements inside simultaneously hidden at this, until the element combinations that the child node of this DOM node elements and inside thereof forms forms a predetermined effective status, just carry out batch by the child node of browser to this DOM node elements and inside to calculate and play up, show to User Page.
2. a kind of Web application page rendering optimization method according to claim 1, it is characterized in that, described method comprises step:
Step 1: the node elements that structure one is hiding in a dom tree shape structure, node based on this node elements;
Step 2: continue to add one or more child node in this base node inside;
Step 3: judge to be made up of the element of all child nodes of this base node and inside thereof, whether form a predetermined effective status, if then perform step 4, otherwise jump to step 2 to continue to add other nodes, described predetermined effective status refers to whether the combination of base node and child node thereof reaches a standard preset;
Step 4: base node is set to visible state;
Step 5:Web browser batch calculates and is in the base node of visible state and the child node of inside thereof, and disposable for each node elements playing up is shown to user.
3. a kind of Web application page rendering optimization method as claimed in claim 2, it is characterized in that, step 1 comprises again two steps:
Step 1.1: draw a node elements in the dom tree shape structure that Web UI is corresponding;
Step 1.2: hidden by this node by the display properties revising this node elements, makes it not show by viewed device.
4. a kind of Web application page rendering optimization method as claimed in claim 3, it is characterized in that, in step 1.2: node is set to hiding method and comprises the class directly adding " display:none " field or add a CSS to this node elements in the style attribute of this node elements, the defined pattern of " display:none " in this class.
5. a kind of Web application page rendering optimization method as claimed in claim 1 or 2, is characterized in that, described drawing basics node and child node thereof, is the process of carrying out html page parsing according to a part of current Web UI.
6. a kind of Web application page rendering optimization method as claimed in claim 2, it is characterized in that, in step 3, the standard preset is function according to current Web application, current Web application or similar Web apply historical information, relevant user profile, user arranges or user preferences and Operation system setting are determined as with reference to value.
7. a kind of Web application page rendering optimization method as claimed in claim 2, is characterized in that, in step 4, base node is set to visible state, is realized by the hiding attribute revised in this base node Show Styles.
8. a kind of Web application page rendering optimization method as claimed in claim 7, it is characterized in that, the hiding attribute in this base node Show Styles of described amendment comprises two kinds of methods: " display:none " field in base node pattern style is removed by first; Another kind removes comprising the CSS class hidden Styles in basic pattern.
9. a kind of Web application page rendering optimization method as claimed in claim 2, it is characterized in that, described step (1) is the trigger action of an initiation page rendering, this trigger action is the request first of a Web site or the page, or the local of redirect between the different page or current page or refresh all.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410106314.XA CN104933078B (en) | 2014-03-20 | 2014-03-20 | A kind of Web five application pages rendering optimization method |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410106314.XA CN104933078B (en) | 2014-03-20 | 2014-03-20 | A kind of Web five application pages rendering optimization method |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104933078A true CN104933078A (en) | 2015-09-23 |
CN104933078B CN104933078B (en) | 2018-08-21 |
Family
ID=54120246
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410106314.XA Active CN104933078B (en) | 2014-03-20 | 2014-03-20 | A kind of Web five application pages rendering optimization method |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104933078B (en) |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105740407A (en) * | 2016-01-28 | 2016-07-06 | 深圳市佳创视讯技术股份有限公司 | Tree structure generation method and system |
CN107025111A (en) * | 2017-03-17 | 2017-08-08 | 烽火通信科技股份有限公司 | The method and system that a kind of browser target pages entire screen switch is shown |
CN107229665A (en) * | 2016-03-25 | 2017-10-03 | 阿里巴巴集团控股有限公司 | A kind of method for page jump and device |
CN107665134A (en) * | 2017-09-29 | 2018-02-06 | 北京金山安全软件有限公司 | Page component loading method, device, medium and terminal equipment |
CN109299158A (en) * | 2018-10-12 | 2019-02-01 | 成都北科维拓科技有限公司 | A kind of data visualization method and system |
CN109753333A (en) * | 2019-01-11 | 2019-05-14 | 广州视源电子科技股份有限公司 | Interface layout method, device, equipment and medium |
CN110442815A (en) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | Page generation method, system, device and computer readable storage medium |
CN110689600A (en) * | 2019-09-16 | 2020-01-14 | 贝壳技术有限公司 | Rendering method and device of tree component, readable storage medium and electronic equipment |
CN111061633A (en) * | 2019-12-05 | 2020-04-24 | 北京达佳互联信息技术有限公司 | Method, device, terminal and medium for detecting first screen time of webpage |
CN111143734A (en) * | 2019-12-27 | 2020-05-12 | 苏宁云计算有限公司 | Method and system for adding effect elements to page |
CN111258877A (en) * | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | Method and device for detecting visible time of first screen page and electronic equipment |
CN111353113A (en) * | 2020-02-28 | 2020-06-30 | 江苏方天电力技术有限公司 | Visual rendering method suitable for high-frequency state data of unmanned aerial vehicle |
CN111651700A (en) * | 2020-06-05 | 2020-09-11 | 腾讯科技(深圳)有限公司 | Message display method and device, electronic equipment and storage medium |
CN112540745A (en) * | 2019-09-20 | 2021-03-23 | 北京国双科技有限公司 | Component rendering method and device |
CN112989241A (en) * | 2021-03-23 | 2021-06-18 | 浪潮云信息技术股份公司 | Display optimization method and system based on Web front-end website |
CN112540745B (en) * | 2019-09-20 | 2024-07-26 | 北京国双科技有限公司 | Component rendering method and device |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101021847A (en) * | 2006-02-15 | 2007-08-22 | 中国科学院声学研究所 | Method for optimizing embedded browser page display effect |
US20080059912A1 (en) * | 2006-09-05 | 2008-03-06 | International Business Machines Corporation | Selectable flattening hierarchical file browser |
CN101609471A (en) * | 2009-07-24 | 2009-12-23 | 中兴通讯股份有限公司 | A kind of embedded web page analytic method and use the web browser and the terminal device of this method |
CN102663056A (en) * | 2012-03-29 | 2012-09-12 | 奇智软件(北京)有限公司 | Method and device for displaying picture elements |
CN102915375A (en) * | 2012-11-08 | 2013-02-06 | 山东大学 | Webpage loading method based on layout zoning |
CN103399866A (en) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | Webpage rendering method, device and equipment |
-
2014
- 2014-03-20 CN CN201410106314.XA patent/CN104933078B/en active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101021847A (en) * | 2006-02-15 | 2007-08-22 | 中国科学院声学研究所 | Method for optimizing embedded browser page display effect |
US20080059912A1 (en) * | 2006-09-05 | 2008-03-06 | International Business Machines Corporation | Selectable flattening hierarchical file browser |
CN101609471A (en) * | 2009-07-24 | 2009-12-23 | 中兴通讯股份有限公司 | A kind of embedded web page analytic method and use the web browser and the terminal device of this method |
CN102663056A (en) * | 2012-03-29 | 2012-09-12 | 奇智软件(北京)有限公司 | Method and device for displaying picture elements |
CN102915375A (en) * | 2012-11-08 | 2013-02-06 | 山东大学 | Webpage loading method based on layout zoning |
CN103399866A (en) * | 2013-07-05 | 2013-11-20 | 北京小米科技有限责任公司 | Webpage rendering method, device and equipment |
Cited By (22)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105740407A (en) * | 2016-01-28 | 2016-07-06 | 深圳市佳创视讯技术股份有限公司 | Tree structure generation method and system |
CN107229665A (en) * | 2016-03-25 | 2017-10-03 | 阿里巴巴集团控股有限公司 | A kind of method for page jump and device |
CN107229665B (en) * | 2016-03-25 | 2021-04-13 | 阿里巴巴集团控股有限公司 | Page skipping method and device |
CN107025111A (en) * | 2017-03-17 | 2017-08-08 | 烽火通信科技股份有限公司 | The method and system that a kind of browser target pages entire screen switch is shown |
CN107665134A (en) * | 2017-09-29 | 2018-02-06 | 北京金山安全软件有限公司 | Page component loading method, device, medium and terminal equipment |
CN109299158A (en) * | 2018-10-12 | 2019-02-01 | 成都北科维拓科技有限公司 | A kind of data visualization method and system |
CN111258877A (en) * | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | Method and device for detecting visible time of first screen page and electronic equipment |
CN111258877B (en) * | 2018-11-30 | 2023-05-02 | 阿里巴巴集团控股有限公司 | Method and device for detecting visible time of first screen page and electronic equipment |
CN109753333A (en) * | 2019-01-11 | 2019-05-14 | 广州视源电子科技股份有限公司 | Interface layout method, device, equipment and medium |
CN110442815B (en) * | 2019-06-24 | 2022-04-01 | 北京奇艺世纪科技有限公司 | Page generation method, system, device and computer readable storage medium |
CN110442815A (en) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | Page generation method, system, device and computer readable storage medium |
CN110689600A (en) * | 2019-09-16 | 2020-01-14 | 贝壳技术有限公司 | Rendering method and device of tree component, readable storage medium and electronic equipment |
CN112540745A (en) * | 2019-09-20 | 2021-03-23 | 北京国双科技有限公司 | Component rendering method and device |
CN112540745B (en) * | 2019-09-20 | 2024-07-26 | 北京国双科技有限公司 | Component rendering method and device |
CN111061633B (en) * | 2019-12-05 | 2024-04-30 | 北京达佳互联信息技术有限公司 | Webpage first screen time detection method, device, terminal and medium |
CN111061633A (en) * | 2019-12-05 | 2020-04-24 | 北京达佳互联信息技术有限公司 | Method, device, terminal and medium for detecting first screen time of webpage |
CN111143734A (en) * | 2019-12-27 | 2020-05-12 | 苏宁云计算有限公司 | Method and system for adding effect elements to page |
CN111353113A (en) * | 2020-02-28 | 2020-06-30 | 江苏方天电力技术有限公司 | Visual rendering method suitable for high-frequency state data of unmanned aerial vehicle |
CN111353113B (en) * | 2020-02-28 | 2022-06-03 | 江苏方天电力技术有限公司 | Visual rendering method suitable for high-frequency state data of unmanned aerial vehicle |
CN111651700A (en) * | 2020-06-05 | 2020-09-11 | 腾讯科技(深圳)有限公司 | Message display method and device, electronic equipment and storage medium |
CN111651700B (en) * | 2020-06-05 | 2024-01-09 | 腾讯科技(深圳)有限公司 | Message display method and device, electronic equipment and storage medium |
CN112989241A (en) * | 2021-03-23 | 2021-06-18 | 浪潮云信息技术股份公司 | Display optimization method and system based on Web front-end website |
Also Published As
Publication number | Publication date |
---|---|
CN104933078B (en) | 2018-08-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104933078A (en) | Web application page rendering optimization | |
US10678995B2 (en) | System and methods for control of content presented on web pages | |
CN102306174B (en) | Method and equipment for interacting with user based on web page elements | |
US10289649B2 (en) | Webpage advertisement interception method, device and browser | |
CN102663056B (en) | Method and device for displaying picture elements | |
US8806325B2 (en) | Mode identification for selective document content presentation | |
US10565293B2 (en) | Synchronizing DOM element references | |
US10185704B2 (en) | Webpage browsing method, webapp framework, method and device for executing javascript and mobile terminal | |
US10176272B2 (en) | System and method of automatically sizing and adapting a widget to available space | |
US20090259950A1 (en) | Editing user interface components | |
US8522132B2 (en) | Widget behavior customization via cascaded style sheets | |
US20180349331A1 (en) | Using server side font preparation to achieve wysiwyg and cross platform fidelity on web based word processor | |
US9646103B2 (en) | Client-side template engine and method for constructing a nested DOM module for a website | |
CN103870558A (en) | Page rendering method and mask layer creating method | |
CN105160020A (en) | Webpage rendering method | |
CN105095374A (en) | Method and device for browsing mobile terminal news | |
CN104050190B (en) | A kind of method and system of relation chain data processing, client | |
CN105160028A (en) | Webpage browsing realizing method and browser realizing system | |
CN105739962A (en) | Table cell editor control expansion method and system based on HTML (Hypertext Markup Language) | |
US20190392024A1 (en) | Digital Content Editing of a Document Object Model (DOM) | |
CN108255916A (en) | Method, equipment, client terminal device and the electronic equipment that Webpage is presented | |
CN104461509A (en) | Information interaction framework and method | |
CN107220351A (en) | The page is left white width calculation method, device, storage medium and electronic equipment | |
WO2014161967A1 (en) | Automatic generation of api classes | |
EP3054388B1 (en) | Apparatus and method for processing animation |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |