CN108595457A - A kind of rendering intent and device of the waterfall stream page - Google Patents
A kind of rendering intent and device of the waterfall stream page Download PDFInfo
- Publication number
- CN108595457A CN108595457A CN201711480408.3A CN201711480408A CN108595457A CN 108595457 A CN108595457 A CN 108595457A CN 201711480408 A CN201711480408 A CN 201711480408A CN 108595457 A CN108595457 A CN 108595457A
- Authority
- CN
- China
- Prior art keywords
- data
- rendering
- auxiliary
- thread
- placeholder
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
An embodiment of the present invention provides a kind of rendering intents and device of the waterfall stream page, wherein the rendering intent includes：Obtain the DOM tree structure data information of the waterfall stream page；First thread is enabled, the master data of waterfall drift net page is rendered according to DOM tree structure data information, obtains main rendering data；It when rendering to auxiliary data node, enables the second thread and auxiliary data node is rendered, obtain auxiliary rendering data；According to main rendering data and auxiliary rendering data, generate the rendering dom tree of waterfall drift net page, it solves and first asks all data and then primary render that period of reservation of number is caused to extend, or first render master data, then request auxiliary data causes to need repeatedly to traverse the problem of dom tree causes poor performance, allow host data and auxiliary data by two independent thread parallel independent process, when rendering master data, it only needs to ask an auxiliary data, effectively shorten period of reservation of number, the number for reducing traversal DOM, improves performance.
Description
Technical field
The present embodiments relate to fields of communication technology, more particularly to a kind of rendering intent and one kind of the waterfall stream page
The rendering device of the waterfall stream page.
Background technology
With the development of network technology, user can share the information on internet, web page browsing by web browser
The major function of device is then to show net in display equipment for obtaining web data from internet, and being rendered to webpage
Page.
In the information of internet mass, a large amount of picture resource is contained, for example, news group picture, camera shooting group picture etc.,
In major website, webpage usually shows the information such as various pictures in a manner of waterfall stream.And it usually requires in main waterfall stream
It is inserted into the data sources such as advertisement, associated recommendation.
Currently, to the rendering of waterfall stream display mode webpage, there are mainly two types of modes：
1) when rendering, while all request of data on Webpage are sent, one is carried out after waiting whole web datas to return
Secondary sexploitation.Advantage be traverse dom tree when need not render every time, the disadvantage is that need wait for total interface return web data,
Period of reservation of number extends, and the Rendering logic of all modules mixes, and the degree of coupling is high, and code is readable poor, unfavorable
In later maintenance.
2) when rendering, primary traffic is first rendered, when being rendered into auxiliary data node, sends request for assistance data, supplementary number
According to dom tree is traversed after return, finds designated position insertion auxiliary data and rendered.Advantage, which is the rendering of primary traffic, to stop
Only, period of reservation of number is shorter, the disadvantage is that：Auxiliary data renders need to be traversed for dom tree every time, and performance is poor；It needs to wait for and lead
Data flow first renders, and retransmits request for assistance data, and auxiliary data rendering opportunity is caused to be delayed；Auxiliary data is if necessary to more
The request opportunity of secondary request, follow-up auxiliary data is difficult to control, and needs to rely on primary data source load, the degree of coupling is high.
Invention content
In view of the above problems, it is proposed that the embodiment of the present invention overcoming the above problem or at least partly in order to provide one kind
A kind of rendering intent of the waterfall stream page to solve the above problems and a kind of corresponding rendering device of the waterfall stream page.
The one side of embodiment according to the present invention provides a kind of rendering intent of the waterfall stream page, including：
Obtain the DOM tree structure data information of the waterfall stream page；
First thread is enabled, wash with watercolours is carried out to the master data of the waterfall drift net page according to the DOM tree structure data information
Dye, obtains main rendering data；
When rendering to auxiliary data node, enables the second thread and the auxiliary data node is rendered, obtain auxiliary
Help rendering data；
According to the main rendering data and the auxiliary rendering data, the rendering dom tree of the waterfall drift net page is generated.
Optionally, the step of DOM tree structure data information for obtaining waterfall drift net page includes：
The load request of the waterfall stream page is sent to server by browser；
Receive the html document for the waterfall stream page that the server returns；
The html document is parsed, the DOM tree structure data information of the waterfall stream page is generated.
Optionally, described when rendering to auxiliary data node, it enables the second thread and the auxiliary data node is carried out
Render, obtain auxiliary rendering data the step of include：
Judge to whether there is the corresponding auxiliary data of the auxiliary data node in memory；
The auxiliary data is rendered if so, enabling the second thread, obtains the first auxiliary rendering data；
If it is not, then generating the corresponding placeholder of the auxiliary data node；
The first auxiliary rendering data and/or the placeholder are returned to the first thread.
Optionally, described according to the main rendering data and the auxiliary rendering data, it generates the step of rendering dom tree and wraps
It includes：
When second thread returns to the first auxiliary rendering data, assist rendering data to institute using described first
Auxiliary data node is stated to be rendered；
When second thread returns to the placeholder, the auxiliary data node is replaced using the placeholder
It changes.
Optionally, it is described the generation placeholder the step of after further include：
The load request for the auxiliary data is sent to server；
Receive the auxiliary data that the server returns；
Judge that the corresponding auxiliary data node of the auxiliary data whether there is corresponding placeholder；
If so, being rendered to the auxiliary data, the second auxiliary rendering data is obtained；
If it is not, then the auxiliary data is preserved into the memory；
The second auxiliary rendering data is returned to the first thread.
Optionally, described according to the main rendering data and the auxiliary rendering data, it generates the step of rendering dom tree and wraps
It includes：
When receiving the second auxiliary rendering data, the corresponding placeholder of the second auxiliary rendering data is searched；
Rendering data is assisted to replace the corresponding placeholder of the second auxiliary rendering data using described second.
Optionally, the placeholder is identified with placeholder, described to search second auxiliary rendering data is corresponding accounts for
Position symbol the step of include：
Pass through the corresponding placeholder of the second auxiliary rendering data described in the placeholder identifier lookup.
Optionally, described preserve the auxiliary data to the step in the memory further includes later：
The auxiliary data being stored in the memory is rendered, third auxiliary rendering data is obtained；
Third auxiliary rendering data is returned into the first thread.
Optionally, described according to the main rendering data and the auxiliary rendering data, it generates the step of rendering dom tree and wraps
It includes：
When second thread, which returns to the third, assists rendering data, assist rendering data to institute using the third
Auxiliary data node is stated to be rendered.
Another aspect according to the ... of the embodiment of the present invention provides a kind of rendering device of the waterfall stream page, including：
Dom tree acquisition module, the DOM tree structure data information for obtaining the waterfall stream page；
Master data rendering module, for enabling first thread, according to the DOM tree structure data information to the waterfall stream
The master data of webpage is rendered, and main rendering data is obtained；
Auxiliary data rendering module, for when rendering to auxiliary data node, enabling the second thread to the supplementary number
It is rendered according to node, obtains auxiliary rendering data；
Dom tree generation module is rendered, for according to the main rendering data and the auxiliary rendering data, generating the waterfall
The rendering dom tree of cloth drift net page.
Optionally, the dom tree acquisition module includes：
Load request sending submodule, the load for sending the waterfall stream page to server by browser are asked
It asks；
Html document receiving submodule, the html document for receiving the waterfall stream page that the server returns；
Dom tree generates submodule and generates the dom tree of the waterfall stream page for being parsed to the html document
Structured data information.
Optionally, the auxiliary data rendering module includes：
Auxiliary data judging submodule whether there is the corresponding auxiliary of the auxiliary data node for judging in memory
Data；
First auxiliary data renders submodule, is rendered to the auxiliary data for enabling the second thread, obtains the
One auxiliary rendering data；
Placeholder generates submodule, for generating the corresponding placeholder of the auxiliary data node；
Sending submodule, for returning to the first auxiliary rendering data and/or the placeholder to the first thread.
Optionally, the rendering dom tree generation module includes：
First auxiliary data node renders submodule, for returning to the first auxiliary rendering data when second thread
When, assist rendering data to render the auxiliary data node using described first；
Auxiliary data node replaces submodule, for when second thread returns to the placeholder, being accounted for using described
Position symbol is replaced the auxiliary data node.
Optionally, the auxiliary data rendering module further includes：
Auxiliary data load request sending submodule, for being asked to server transmission for the load of the auxiliary data
It asks；
Assistance data reception submodule, the auxiliary data returned for receiving the server；
Placeholder judging submodule, for judging the corresponding auxiliary data node of the auxiliary data with the presence or absence of corresponding
Placeholder；
Second auxiliary data renders submodule, for being rendered to the auxiliary data, obtains the second auxiliary and renders number
According to；
Auxiliary data preserves submodule, for preserving the auxiliary data into the memory；
Second auxiliary rendering data sending submodule renders number for returning to second auxiliary to the first thread
According to.
Optionally, the rendering dom tree generation module includes：
Placeholder searches submodule, for when receiving the second auxiliary rendering data, searching second auxiliary
The corresponding placeholder of rendering data；
Placeholder replaces submodule, for assisting rendering data to replace the second auxiliary rendering data using described second
Corresponding placeholder.
Optionally, the placeholder is identified with placeholder, and the placeholder searches submodule and includes：
Placeholder searching unit, rendering data is corresponding for passing through described in the placeholder identifier lookup the second auxiliary accounts for
Position symbol.
Optionally, the auxiliary data rendering module further includes：
Third auxiliary data renders submodule and is obtained for being rendered to the auxiliary data being stored in the memory
Rendering data is assisted to third；
Third assists rendering data sending submodule, for third auxiliary rendering data to be returned to the First Line
Journey.
Optionally, the rendering dom tree generation module includes：
Second auxiliary data node renders submodule, for assisting rendering data when second thread returns to the third
When, the auxiliary data node is rendered using third auxiliary rendering data.
An embodiment of the present invention provides a kind of rendering apparatus of the waterfall stream page, including memory, processor and it is stored in
On memory and the computer program that can run on a processor, the processor realize that the present invention is implemented when executing described program
The step of example the method.
An embodiment of the present invention provides a kind of computer readable storage mediums, are stored thereon with computer program, the program
The step of the method for the embodiment of the present invention is realized when being executed by processor.
The rendering intent of the waterfall stream page of the embodiment of the present invention can enable main number of the first thread to the waterfall stream page
During being rendered, the second thread can be enabled, auxiliary data node is rendered, then according to main rendering data
With auxiliary rendering data, the rendering dom tree of the waterfall stream page is generated, master data renders and auxiliary data rendering is two complete by two
Complete independent thread is completed, and is thus solved and is first asked all data and then primary render that period of reservation of number is caused to extend, or
Person first renders master data, then auxiliary data is asked to cause to need repeatedly to traverse the problem of dom tree causes poor performance so that main number
According to can be by two independent thread parallel independent process, when rendering master data with auxiliary data, it is only necessary to which request is primary auxiliary
Data are helped, period of reservation of number is effectively shortened, reduces the number of traversal DOM, improves performance.
In the embodiment of the present invention, master data and auxiliary data can be rendered by two independent thread parallel independent process
Logic is executed by disparate modules, reduces the degree of coupling, code is readable high, is conducive to later maintenance.
In the embodiment of the present invention, when being rendered into auxiliary data node, if auxiliary data is not present in memory, generate
Placeholder, without waiting for auxiliary data, auxiliary data only need to quickly navigate to generation in autonomous render for the rendering of master data
Placeholder no longer needs to rely on master data so that the request time of auxiliary data is controllable, without traversal dom tree, both reduces coupling
It is right, and improve rendering efficiency.
Above description is only the general introduction of technical solution of the embodiment of the present invention, in order to better understand the embodiment of the present invention
Technological means, and can be implemented in accordance with the contents of the specification, and in order to allow above and other mesh of the embodiment of the present invention
, feature and advantage can be clearer and more comprehensible, the special specific implementation mode for lifting the embodiment of the present invention below.
Description of the drawings
By reading the detailed description of hereafter preferred embodiment, various other advantages and benefit are common for this field
Technical staff will become clear.Attached drawing only for the purpose of illustrating preferred embodiments, and is not considered as to the present invention
The limitation of embodiment.And throughout the drawings, the same reference numbers will be used to refer to the same parts.In the accompanying drawings：
Fig. 1 shows that a kind of method of the rendering intent of waterfall stream page of one embodiment according to embodiments of the present invention is real
Apply the step flow chart of example 1；
Fig. 2 shows a kind of schematic diagrames of the waterfall stream page according to an embodiment of the invention；
Fig. 3 shows that a kind of method of the rendering intent of waterfall stream page of one embodiment according to embodiments of the present invention is real
Apply the step flow chart of example 2；
Fig. 4 shows a kind of one according to embodiments of the present invention exemplary flow chart of the rendering intent of the waterfall stream page；
Fig. 5 shows a kind of rendering device embodiment of waterfall stream page of one embodiment according to embodiments of the present invention
Structure diagram.
Specific implementation mode
The exemplary embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although showing the disclosure in attached drawing
Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure without should be by embodiments set forth here
It is limited.On the contrary, these embodiments are provided to facilitate a more thoroughly understanding of the present invention, and can be by the scope of the present disclosure
Completely it is communicated to those skilled in the art.
Referring to Fig.1, show that a kind of rendering intent of waterfall stream page of one embodiment according to embodiments of the present invention is real
The step flow chart for applying example 1, can specifically include following steps：
Step 101, the DOM tree structure data information of the waterfall stream page is obtained.
The embodiment of the present invention can be applied in electronic equipment of various, for example, PC, smart television etc..The electricity
The operating system of sub- equipment may include Android (Android), IOS, Windows etc., and can be equipped with, which can connect search, draws
The application held up, such as browser, the application of built-in miniature browser, search engine client.
In practical applications, the load request that can send the webpage to server by browser, receives the clothes
The html document for the waterfall stream page that business device returns, parses the html document, generates the waterfall stream page
DOM tree structure data information.
Specifically, can be by the application on electronic equipment, such as can be passed through request header information by browser
Server hair where HTTP (Hypertext transfer protocol, hypertext transfer protocol) from agreement to search engine
Searching request is played, for example, user can initiate searching request by being directed to some object search in the webpage of search engine, or
(plug-ins, can be by interacting, in a browser with browser, search engine etc. in the search plug-in unit of browser by person
Increase function of search) etc. modes initiate searching request etc. for some object search.
Under http protocol, the application such as browser can receive HTML (Hypertext from the server of search engine
Markup Language, hypertext markup language) type document.Browser can parse the html document, generate tree-shaped knot
The object of structure, i.e. dom tree (Document Object Model, document dbject model), each object are one on dom tree
Node, and these objects can represent the web page resources such as word, picture.
Step 102, first thread is enabled, according to the DOM tree structure data information to the main number of the waterfall stream page
According to being rendered, main rendering data is obtained.
It after dom tree is established, needs to render dom tree, to generate rendering dom tree.Specifically, to HTML
When document is parsed, the pattern letter of CSS (Cascading Style Sheet, formula Cascading Style Sheet) resolver can be received
Breath builds a new inside drawing model, that is, rendering dom tree, (Renderobject Tree, rendering objects tree, are called typesetting
Tree), and the position of each element and size in computation model, the drafting from model to figure is then completed by rendering module, so
Include afterwards on the display screen of electronic equipment by image.
In the embodiment of the present invention, first thread can be enabled, according to DOM tree structure data information from top to bottom to master data
It is rendered, such as calculates position and size of the master data in waterfall stream, Show Styles etc., obtain main rendering data.
Step 103, it when rendering to auxiliary data node, enables the second thread and wash with watercolours is carried out to the auxiliary data node
Dye obtains auxiliary rendering data.
As shown in Fig. 2, a kind of schematic diagram of waterfall stream page for the embodiment of the present invention.
Waterfall stream, also known as waterfall-type are laid out, and are a kind of popular Website page layouts, visual performance be it is irregular not
Neat multicolumn layout, as page scroll bar scrolls down through, this layout can also constantly load data block and be attached to current tail
Portion.
As shown in Fig. 2, in the waterfall stream page, master data can be with the relevant data of search result either waterfall stream
The hot spot data that the page is voluntarily recommended, auxiliary data can be ad data or other recommending datas, in Fig. 2, supplementary number
It may be displayed between two master datas up and down according to " advertisement Saint Seiya is legal ".In general, auxiliary data is usually
Tripartite provides, such as advertiser provides the URL of picture, when primary traffic render request loads data, can ask to add simultaneously
Auxiliary data is carried, auxiliary data node is rendered specifically, the second thread can be started, is carried out by the second thread auxiliary
The rendering for helping the request of data, the load of auxiliary data and auxiliary data, finally obtains auxiliary rendering data.
Step 104, according to the main rendering data and the auxiliary rendering data, the rendering of the waterfall stream page is generated
Dom tree.
In the embodiment of the present invention, first thread and the second thread can render interface by auxiliary data and swap, the
After two threads complete the rendering of auxiliary data, rendering interface by auxiliary data will assist rendering data to return to first thread, the
One thread will assist rendering data to be inserted on corresponding auxiliary data node, and after master data is completed to render, auxiliary is rendered
Data and the mixing of main rendering data, such as the character string of the character string of main rendering data and auxiliary rendering data can be mixed
Afterwards, the rendering dom tree of the waterfall stream page is generated.
The rendering intent of the waterfall stream page of the embodiment of the present invention, master data rendering and auxiliary data rendering are two by two
Completely self-contained thread is completed, and is thus solved and is first asked all data and then primary render that period of reservation of number is caused to extend,
Or master data is first rendered, then auxiliary data is asked to cause to need repeatedly to traverse the problem of dom tree causes poor performance so that main
Data and auxiliary data can be by two independent thread parallel independent process, when rendering master data, it is only necessary to which request is primary
Auxiliary data effectively shortens period of reservation of number, reduces the number of traversal DOM, improves performance.
With reference to Fig. 3, show that a kind of rendering intent of waterfall stream page of one embodiment according to embodiments of the present invention is real
The step flow chart for applying example 2, can specifically include following steps：
Step 201, the DOM tree structure data information of the waterfall stream page is obtained.
Step 202, first thread is enabled, according to the DOM tree structure data information to the main number of the waterfall stream page
According to being rendered, main rendering data is obtained.
Step 203, when rendering to auxiliary data node, judge to whether there is the auxiliary data node pair in memory
The auxiliary data answered, if so, step 204 is executed, if it is not, executing step 205.
In the embodiment of the present invention, master data is rendered in first thread, when needing to ask auxiliary data, triggering is called
Auxiliary data renders interface, and rendering interface by auxiliary data judges in memory with the presence or absence of the auxiliary data for needing to ask.
For example, memory can be caching, the waterfall stream page can ask master data and auxiliary data simultaneously when loading first time,
Browser can be first stored in caching after server receives master data and auxiliary data, slow to be read in follow-up rendering
Data in depositing to accelerate rendering speed, therefore can first judge to whether there is the corresponding auxiliary of auxiliary data node in caching
Data directly render auxiliary data if so, thening follow the steps 204, avoid repetitive requests auxiliary data；If it is not, then holding
Row step 205.
Step 204, it enables the second thread to render the auxiliary data, obtains the first auxiliary rendering data.
When being stored with auxiliary data in memory, the second thread can be enabled, auxiliary data is rendered.
Practical application, auxiliary data may include the CSS information of auxiliary data, after being parsed to CSS information, can be assisted
The Show Styles such as position, the size of data can render auxiliary data according to Show Styles, can also be and pass through auxiliary
The CSS information that data render interface obtains auxiliary data from first thread is rendered, and auxiliary rendering data is obtained, and auxiliary renders
Data can be character string forms, such as can be the character string after MD5 verifications, can also be string of binary characters etc..
Step 205, the corresponding placeholder of the auxiliary data node is generated.
When auxiliary data is not present in memory, need to ask auxiliary data to server, in order to not influence master data
Rendering process, can generate placeholder return first thread.
In practical applications, placeholder can be a character, acquiescence picture or a parameter.Placeholder can be passed through
Generator generates various placeholders, such as can be that picture generates one by calling html picture placeholder plug-in units holder.js
A placeholder picture, or one placeholder picture of some Area generation in the waterfall stream page, such as " the advertisement sage in Fig. 2
Fighter's star arrow is legal " advertising area, the placeholder of an acquiescence picture can be generated.Certainly it can also pass through placeholders
Equal plug-in units generate placeholder, and the embodiment of the present invention does not limit the mode for generating placeholder.
Step 206, the first auxiliary rendering data and/or the placeholder are returned to the first thread.
The embodiment of the present invention renders interface after obtaining the first auxiliary rendering data either placeholder by auxiliary data
First auxiliary rendering data or placeholder are sent to first thread, such as the corresponding character string of rendering data is assisted by first
Or placeholder is sent to first thread.
Step 207, rendering data is assisted to render the auxiliary data node using described first, and/or, it uses
The placeholder is replaced the auxiliary data node.
In the embodiment of the present invention, first thread renders master data, when rendering auxiliary data node, Ke Yisheng
At a call function, the parameter of the call function is the value that auxiliary renders that interface returns, when receiving the return of the second thread
Either call function calls the first auxiliary rendering data or placeholder to first auxiliary rendering data after placeholder, will assist wash with watercolours
Dye data and placeholder are mixed with main rendering data, and the then rendering continuation of master data down renders master data,
It avoids and the second thread is waited for return to auxiliary rendering data when first thread renders to auxiliary data node, improve master data
Rendering efficiency.
Step 208, the load request for the auxiliary data is sent to server.
In embodiments of the present invention, it after returning to placeholder to first thread, needs to download auxiliary data to server, specifically
For, first thread parses the html document of the waterfall stream page, and after generating dom tree, each object is a node on DOM,
And these objects can represent the web page resources such as word, picture, and the address of web page resources is embedded in html document.Auxiliary data
It is also a node on DOM, the address (URL) of the object on auxiliary data node can be obtained, then by URL to service
Device sends the load request of auxiliary data, is shown with acquisition request auxiliary data and in the html document of browser.
Step 209, the auxiliary data that the server returns is received.
In practical applications, the corresponding URL of auxiliary data indicates server where auxiliary data and in server
In location paths can obtain auxiliary data according to the path that is parsed to URL after server receives load request,
Such as the Show Styles (CSS files) of picture, picture, text etc., then auxiliary data is sent to the interface of load request, it is clear
Looking at device can be by the interface auxiliary data that is connect with server.
It, both can be auxiliary to server request of loading after generation placeholder when auxiliary data renders in the embodiment of the present invention
Data are helped, without relying on the request sequence of master data so that the request for assistance data time is controllable, reduces master data and supplementary number
According to the degree of coupling of rendering.
Step 210, judge that the corresponding auxiliary data node of the auxiliary data whether there is corresponding placeholder, if so,
Step 211 and step 213 are executed, if it is not, executing step 212.
After browser receives auxiliary data from server, it is thus necessary to determine that whether auxiliary data is rendered immediately,
Before request of loading auxiliary data, auxiliary data has been directed to it and has generated placeholder return first thread, step can be executed
Rapid 211 pairs of auxiliary datas render, if it is auxiliary data not generate the auxiliary data that placeholder or server return
The data of the child node of node do not need to show in the waterfall stream page, temporarily without rendering, then follow the steps 212 pairs
Auxiliary data is stored.
Step 211, the auxiliary data is rendered, obtains the second auxiliary rendering data.
In practical application, the second auxiliary data may include the CSS information of the second auxiliary data, be carried out to CSS information
After parsing, the Show Styles such as position, the size of the second auxiliary data can be obtained, it can be according to the second supplementary number of Show Styles pair
According to being rendered, can also be by auxiliary data render interface from first thread obtain the second auxiliary data CSS information into
Row renders, and obtains the second auxiliary rendering data.
Step 212, the auxiliary data is preserved into the memory.
Before request of loading auxiliary data, it is to work as that placeholder or auxiliary data are not generated for auxiliary data
It when the data of the child node of the auxiliary data node of preceding rendering, needs to preserve auxiliary data into memory, for the second line
Journey can be called from memory when being rendered to auxiliary data and be rendered.Such as it can be by picture, the position of picture, size
Equal Show Styles storage is in memory.
Step 213, the second auxiliary rendering data is returned to the first thread.
The embodiment of the present invention renders interface after obtaining the second auxiliary rendering data, by auxiliary data and assists wash with watercolours by second
Dye data are sent to first thread, such as the corresponding character string of the second auxiliary rendering data is sent to first thread.
Step 214, the corresponding placeholder of the second auxiliary rendering data is searched.
In the embodiment of the present invention, placeholder is identified with placeholder, can be identified by placeholder and be rendered in first thread
Placeholder is searched in the character string of generation and identifies corresponding placeholder, such as placeholder is identified as the ID of placeholder, can pass through
Quickly positioning improves rendering performance to the ID of placeholder to placeholder without traversing dom tree.
Step 215, rendering data is assisted to replace the corresponding placeholder of the second auxiliary rendering data using described second.
When first thread renders interface to the second auxiliary rendering data by auxiliary data, need the second auxiliary
Rendering data and the mixing of main rendering data, generate and render dom tree, specifically, can will be in the character string of main rendering data
Placeholder replaces with the character string of the second auxiliary data, to generate rendering dom tree, and then is plotted on the waterfall stream page and shows waterfall
The cloth stream page.
In embodiments of the present invention, by auxiliary data storage with memory in after, return to step 204,206 and step
215, i.e., the auxiliary data in memory is rendered, obtains third auxiliary rendering data；The third is assisted to render number
According to the return first thread.When second thread, which returns to the third, assists rendering data, assisted using the third
Rendering data renders the auxiliary data node.
The rendering intent of the waterfall stream page of the embodiment of the present invention can enable main number of the first thread to the waterfall stream page
During being rendered, the second thread can be enabled, auxiliary data node is rendered, then according to main rendering data
With auxiliary rendering data, the rendering dom tree of the waterfall stream page is generated, master data renders and auxiliary data rendering is two complete by two
Complete independent thread is completed, and is thus solved and is first asked all data and then primary render that period of reservation of number is caused to extend, or
Person first renders master data, then auxiliary data is asked to cause to need repeatedly to traverse the problem of dom tree causes poor performance so that main number
According to can be by two independent thread parallel independent process, when rendering master data with auxiliary data, it is only necessary to which request is primary auxiliary
Data are helped, period of reservation of number is effectively shortened, reduces the number of traversal DOM, improves performance.
With reference to Fig. 4, a kind of one according to embodiments of the present invention exemplary stream of the rendering intent of the waterfall stream page is shown
Cheng Tu illustrates a kind of flow of the rendering intent of waterfall stream page of the embodiment of the present invention below in conjunction with example and Fig. 4,
A kind of rendering intent of the waterfall stream page includes：
Primary traffic renders thread：
S11, primary data source request, i.e., to server request of loading master data；
S12, master data is rendered from top to bottom according to dom tree, obtains the character string of main rendering data；
S13, judge whether to need auxiliary data；If so, auxiliary data is called to render thread；If it is not, executing step S14；
S14, character string or placeholder that auxiliary data renders the auxiliary rendering data of thread return are received, and carries out word
Symbol string mixing；
S15, judge whether master data has rendered completion, if so, executing step S16；If it is not, return to step S12.
S16, the auxiliary rendering data replacement placeholder that thread returns is rendered using auxiliary data, generate and render dom tree.
Auxiliary data flow renders thread：
S21, judge to whether there is auxiliary data in memory；If so, step S22 is executed, if it is not, executing step S23；
S22, auxiliary data is rendered, obtain auxiliary rendering data and auxiliary rendering data is returned into master data rendering
Thread；
S23, placeholder is generated, and placeholder is returned into master data and renders thread；
S24, judge whether to have sent auxiliary data load request, if it is not, executing step S25；
S25, it sends auxiliary data load request to server and receives auxiliary data；
S26, placeholder is judged whether, if so, step 27 is executed, if it is not, executing step 28；
S27, auxiliary data is rendered, obtain auxiliary rendering data and auxiliary rendering data is returned into master data rendering
Thread；
S28；Auxiliary data is stored in storage wherein, and return to step S21.
For embodiment of the method, for simple description, therefore it is all expressed as a series of combination of actions, but this field
Technical staff should know that the embodiment of the present invention is not limited by the described action sequence, because implementing according to the present invention
Example, certain steps can be performed in other orders or simultaneously.Next, those skilled in the art should also know that, specification
Described in embodiment belong to preferred embodiment, necessary to the involved action not necessarily embodiment of the present invention.
With reference to Fig. 5, show that a kind of rendering device of waterfall stream page of one embodiment according to embodiments of the present invention is real
The structure diagram for applying example, can specifically include following module：
Dom tree acquisition module 301, the DOM tree structure data information for obtaining the waterfall stream page；
Master data rendering module 302, for enabling first thread, according to the DOM tree structure data information to the waterfall
The master data of cloth drift net page is rendered, and main rendering data is obtained；
Auxiliary data rendering module 303, for when rendering to auxiliary data node, enabling the second thread to the auxiliary
Back end is rendered, and auxiliary rendering data is obtained；
Dom tree generation module 304 is rendered, for according to the main rendering data and the auxiliary rendering data, generating institute
State the rendering dom tree of waterfall drift net page.
Preferably, the dom tree acquisition module 301 includes：
Load request sending submodule, the load for sending the waterfall stream page to server by browser are asked
It asks；
Html document receiving submodule, the html document for receiving the waterfall stream page that the server returns；
Dom tree generates submodule and generates the dom tree of the waterfall stream page for being parsed to the html document
Structured data information.
Preferably, the auxiliary data rendering module 303 includes：
Auxiliary data judging submodule whether there is the corresponding auxiliary of the auxiliary data node for judging in memory
Data；
First auxiliary data renders submodule, is rendered to the auxiliary data for enabling the second thread, obtains the
One auxiliary rendering data；
Placeholder generates submodule, for generating the corresponding placeholder of the auxiliary data node；
Sending submodule, for returning to the first auxiliary rendering data and/or the placeholder to the first thread.
Preferably, the rendering dom tree generation module 304 includes：
First auxiliary data node renders submodule, for returning to the first auxiliary rendering data when second thread
When, assist rendering data to render the auxiliary data node using described first；
Auxiliary data node replaces submodule, for when second thread returns to the placeholder, being accounted for using described
Position symbol is replaced the auxiliary data node.
Preferably, the auxiliary data rendering module 303 further includes：
Auxiliary data load request sending submodule, for being asked to server transmission for the load of the auxiliary data
It asks；
Assistance data reception submodule, the auxiliary data returned for receiving the server；
Placeholder judging submodule, for judging the corresponding auxiliary data node of the auxiliary data with the presence or absence of corresponding
Placeholder；
Second auxiliary data renders submodule, for being rendered to the auxiliary data, obtains the second auxiliary and renders number
According to；
Auxiliary data preserves submodule, for preserving the auxiliary data into the memory；
Second auxiliary rendering data sending submodule renders number for returning to second auxiliary to the first thread
According to.
Preferably, the rendering dom tree generation module 304 includes：
Placeholder searches submodule, for when receiving the second auxiliary rendering data, searching second auxiliary
The corresponding placeholder of rendering data；
Placeholder replaces submodule, for assisting rendering data to replace the second auxiliary rendering data using described second
Corresponding placeholder.
Preferably, the placeholder is identified with placeholder, and the placeholder searches submodule and includes：
Placeholder searching unit, rendering data is corresponding for passing through described in the placeholder identifier lookup the second auxiliary accounts for
Position symbol.
Preferably, the auxiliary data rendering module 303 further includes：
Third auxiliary data renders submodule and is obtained for being rendered to the auxiliary data being stored in the memory
Rendering data is assisted to third；
Third assists rendering data sending submodule, for third auxiliary rendering data to be returned to the First Line
Journey.
Preferably, the rendering dom tree generation module 304 includes：
Second auxiliary data node renders submodule, for assisting rendering data when second thread returns to the third
When, the auxiliary data node is rendered using third auxiliary rendering data.
The embodiment of the present invention additionally provides a kind of rendering apparatus of the waterfall stream page, including memory, processor and storage
On a memory and the computer program that can run on a processor, the processor realize embodiment one when executing described program
And/or embodiment two method the step of.
The embodiment of the present invention additionally provides a kind of computer readable storage medium, is stored thereon with computer program, the journey
When sequence is executed by processor the step of the method for realization embodiment one and/or embodiment two.
For device embodiments, since it is basically similar to the method embodiment, so fairly simple, the correlation of description
Place illustrates referring to the part of embodiment of the method.
Algorithm and display be not inherently related to any certain computer, virtual system or miscellaneous equipment provided herein.
Various general-purpose systems can also be used together with teaching based on this.As described above, it constructs required by this kind of system
Structure be obvious.In addition, the embodiment of the present invention is not also directed to any certain programmed language.It should be understood that can profit
The content of invention described herein embodiment is realized with various programming languages, and the description done above to language-specific is
In order to disclose the preferred forms of the embodiment of the present invention.
In the instructions provided here, numerous specific details are set forth.It is to be appreciated, however, that the embodiment of the present invention
Embodiment can put into practice without these specific details.In some instances, well known side is not been shown in detail
Method, structure and technology, so as not to obscure the understanding of this description.
Similarly, it should be understood that in order to simplify the disclosure and help to understand one or more of each inventive aspect,
Above in the description of the exemplary embodiment of the embodiment of the present invention, each feature of the embodiment of the present invention is grouped together sometimes
Into single embodiment, figure or descriptions thereof.However, the method for the disclosure should be construed to reflect following intention：
I.e. the claimed invention embodiment requires features more more than the feature being expressly recited in each claim.More
Exactly, as reflected in the following claims, inventive aspect is to be less than single embodiment disclosed above
All features.Therefore, it then follows thus claims of specific implementation mode are expressly incorporated in the specific implementation mode, wherein
Each separate embodiments of the claim as the embodiment of the present invention itself.
Those skilled in the art, which are appreciated that, to carry out adaptively the module in the equipment in embodiment
Change and they are arranged in the one or more equipment different from the embodiment.It can be the module or list in embodiment
Member or component be combined into a module or unit or component, and can be divided into addition multiple submodule or subelement or
Sub-component.Other than such feature and/or at least some of process or unit exclude each other, it may be used any
Combination is disclosed to all features disclosed in this specification (including adjoint claim, abstract and attached drawing) and so to appoint
Where all processes or unit of method or equipment are combined.Unless expressly stated otherwise, this specification (including adjoint power
Profit requires, abstract and attached drawing) disclosed in each feature can be by providing the alternative features of identical, equivalent or similar purpose come generation
It replaces.
In addition, it will be appreciated by those of skill in the art that although some embodiments described herein include other embodiments
In included certain features rather than other feature, but the combination of the feature of different embodiments mean it is real in the present invention
It applies within the scope of example and forms different embodiments.For example, in the following claims, implementation claimed
The one of arbitrary of example mode can use in any combination.
The all parts embodiment of the embodiment of the present invention can be with hardware realization, or in one or more processor
The software module of upper operation is realized, or is realized with combination thereof.It will be understood by those of skill in the art that can put into practice
The middle rendering that the waterfall stream page according to the ... of the embodiment of the present invention is realized using microprocessor or digital signal processor (DSP)
The some or all functions of some or all components in equipment.The embodiment of the present invention is also implemented as executing this
In described method some or all equipment or program of device (for example, computer program and computer program
Product).It is such to realize that the program of the embodiment of the present invention may be stored on the computer-readable medium, or there are one can having
Or the form of multiple signals.Such signal can be downloaded from internet website and be obtained, or be provided on carrier signal,
Or it provides in any other forms.
The embodiment of the present invention is carried out it should be noted that above-described embodiment illustrates rather than the embodiment of the present invention
Limitation, and those skilled in the art can design alternative embodiment without departing from the scope of the appended claims.
In the claims, any reference mark between bracket should not be configured to limitations on claims.Word " packet
Containing " do not exclude the presence of element or step not listed in the claims.Word "a" or "an" before element is not arranged
Except there are multiple such elements.The embodiment of the present invention can by means of include several different elements hardware and by means of
Properly programmed computer is realized.In the unit claims listing several devices, several in these devices can
Being embodied by the same hardware branch.The use of word first, second, and third does not indicate that any sequence.
These words can be construed to title.
The embodiment of the invention discloses A1, a kind of rendering intents of the waterfall stream page, including：
Obtain the DOM tree structure data information of the waterfall stream page；
First thread is enabled, wash with watercolours is carried out to the master data of the waterfall drift net page according to the DOM tree structure data information
Dye, obtains main rendering data；
When rendering to auxiliary data node, enables the second thread and the auxiliary data node is rendered, obtain auxiliary
Help rendering data；
According to the main rendering data and the auxiliary rendering data, the rendering dom tree of the waterfall drift net page is generated.
A2, the rendering intent as described in claim A1, which is characterized in that the dom tree knot for obtaining waterfall drift net page
The step of structure data information includes：
The load request of the waterfall stream page is sent to server by browser；
Receive the html document for the waterfall stream page that the server returns；
The html document is parsed, the DOM tree structure data information of the waterfall stream page is generated.
A3, such as claim A1-A2 any one of them rendering intent, which is characterized in that described to render to supplementary number
When according to node, enable the second thread the auxiliary data node is rendered, obtain auxiliary rendering data the step of include：
Judge to whether there is the corresponding auxiliary data of the auxiliary data node in memory；
The auxiliary data is rendered if so, enabling the second thread, obtains the first auxiliary rendering data；
If it is not, then generating the corresponding placeholder of the auxiliary data node；
The first auxiliary rendering data and/or the placeholder are returned to the first thread.
A4, such as claim A1-A3 any one of them rendering intent, which is characterized in that described according to the main rendering
Data and the auxiliary rendering data, generating the step of rendering dom tree includes：
When second thread returns to the first auxiliary rendering data, assist rendering data to institute using described first
Auxiliary data node is stated to be rendered；
When second thread returns to the placeholder, the auxiliary data node is replaced using the placeholder
It changes.
A5, such as claim A1-A4 any one of them rendering intent, which is characterized in that described in the generation occupy-place
Further include after the step of symbol：
The load request for the auxiliary data is sent to server；
Receive the auxiliary data that the server returns；
Judge that the corresponding auxiliary data node of the auxiliary data whether there is corresponding placeholder；
If so, being rendered to the auxiliary data, the second auxiliary rendering data is obtained；
If it is not, then the auxiliary data is preserved into the memory；
The second auxiliary rendering data is returned to the first thread.
A6, such as claim A1-A5 any one of them rendering intent, which is characterized in that described according to the main rendering
Data and the auxiliary rendering data, generating the step of rendering dom tree includes：
When receiving the second auxiliary rendering data, the corresponding placeholder of the second auxiliary rendering data is searched；
Rendering data is assisted to replace the corresponding placeholder of the second auxiliary rendering data using described second.
A7, such as claim A1-A6 any one of them rendering intent, which is characterized in that the placeholder has occupy-place
Symbol mark, described the step of searching the second auxiliary rendering data corresponding placeholder include：
Pass through the corresponding placeholder of the second auxiliary rendering data described in the placeholder identifier lookup.
A8, such as claim A1-A7 any one of them rendering intent, which is characterized in that described by the auxiliary data
Further include after preserving to the step in the memory：
The auxiliary data being stored in the memory is rendered, third auxiliary rendering data is obtained；
Third auxiliary rendering data is returned into the first thread.
A9, such as claim A1-A8 any one of them rendering intent, which is characterized in that described according to the main rendering
Data and the auxiliary rendering data, generating the step of rendering dom tree includes：
When second thread, which returns to the third, assists rendering data, assist rendering data to institute using the third
Auxiliary data node is stated to be rendered.
B10, a kind of rendering device of the waterfall stream page, including：
Dom tree acquisition module, the DOM tree structure data information for obtaining the waterfall stream page；
Master data rendering module, for enabling first thread, according to the DOM tree structure data information to the waterfall stream
The master data of webpage is rendered, and main rendering data is obtained；
Auxiliary data rendering module, for when rendering to auxiliary data node, enabling the second thread to the supplementary number
It is rendered according to node, obtains auxiliary rendering data；
Dom tree generation module is rendered, for according to the main rendering data and the auxiliary rendering data, generating the waterfall
The rendering dom tree of cloth drift net page.
B11, the rendering device as described in claim B10, which is characterized in that the dom tree acquisition module includes：
Load request sending submodule, the load for sending the waterfall stream page to server by browser are asked
It asks；
Html document receiving submodule, the html document for receiving the waterfall stream page that the server returns；
Dom tree generates submodule and generates the dom tree of the waterfall stream page for being parsed to the html document
Structured data information.
B12, such as claim B10-B11 any one of them rendering device, which is characterized in that the auxiliary data renders
Module includes：
Auxiliary data judging submodule whether there is the corresponding auxiliary of the auxiliary data node for judging in memory
Data；
First auxiliary data renders submodule, is rendered to the auxiliary data for enabling the second thread, obtains the
One auxiliary rendering data；
Placeholder generates submodule, for generating the corresponding placeholder of the auxiliary data node；
Sending submodule, for returning to the first auxiliary rendering data and/or the placeholder to the first thread.
B13, such as claim B10-B12 any one of them rendering device, which is characterized in that the rendering dom tree life
Include at module：
First auxiliary data node renders submodule, for returning to the first auxiliary rendering data when second thread
When, assist rendering data to render the auxiliary data node using described first；
Auxiliary data node replaces submodule, for when second thread returns to the placeholder, being accounted for using described
Position symbol is replaced the auxiliary data node.
B14, such as claim B10-B13 any one of them rendering device, which is characterized in that the auxiliary data renders
Module further includes：
Auxiliary data load request sending submodule, for being asked to server transmission for the load of the auxiliary data
It asks；
Assistance data reception submodule, the auxiliary data returned for receiving the server；
Placeholder judging submodule, for judging the corresponding auxiliary data node of the auxiliary data with the presence or absence of corresponding
Placeholder；
Second auxiliary data renders submodule, for being rendered to the auxiliary data, obtains the second auxiliary and renders number
According to；
Auxiliary data preserves submodule, for preserving the auxiliary data into the memory；
Second auxiliary rendering data sending submodule renders number for returning to second auxiliary to the first thread
According to.
B15, such as claim B10-B14 any one of them rendering device, which is characterized in that the rendering dom tree life
Include at module：
Placeholder searches submodule, for when receiving the second auxiliary rendering data, searching second auxiliary
The corresponding placeholder of rendering data；
Placeholder replaces submodule, for assisting rendering data to replace the second auxiliary rendering data using described second
Corresponding placeholder.
B16, such as claim B10-B15 any one of them rendering device, which is characterized in that the placeholder, which has, to be accounted for
Position symbol mark, the placeholder search submodule and include：
Placeholder searching unit, rendering data is corresponding for passing through described in the placeholder identifier lookup the second auxiliary accounts for
Position symbol.
B17, such as claim B10-B16 any one of them rendering device, which is characterized in that the auxiliary data renders
Module further includes：
Third auxiliary data renders submodule and is obtained for being rendered to the auxiliary data being stored in the memory
Rendering data is assisted to third；
Third assists rendering data sending submodule, for third auxiliary rendering data to be returned to the First Line
Journey.
B18, such as claim B10-B17 any one of them rendering device, which is characterized in that the rendering dom tree life
Include at module：
Second auxiliary data node renders submodule, for assisting rendering data when second thread returns to the third
When, the auxiliary data node is rendered using third auxiliary rendering data.
C19, a kind of rendering apparatus of the waterfall stream page, including memory, processor and storage are on a memory and can be
The computer program run on processor, the processor are realized when executing described program described in claim A1 to any one of A9
The step of method.
D20, a kind of computer readable storage medium, are stored thereon with computer program, when which is executed by processor
The step of realizing any one of claim A1 to A9 the methods.
Claims (10)
1. a kind of rendering intent of the waterfall stream page, including：
Obtain the DOM tree structure data information of the waterfall stream page；
First thread is enabled, the master data of the waterfall drift net page is rendered according to the DOM tree structure data information, is obtained
To main rendering data；
It when rendering to auxiliary data node, enables the second thread and the auxiliary data node is rendered, obtain auxiliary wash with watercolours
Contaminate data；
According to the main rendering data and the auxiliary rendering data, the rendering dom tree of the waterfall drift net page is generated.
2. rendering intent as described in claim 1, which is characterized in that the DOM tree structure data for obtaining waterfall drift net page
The step of information includes：
The load request of the waterfall stream page is sent to server by browser；
Receive the html document for the waterfall stream page that the server returns；
The html document is parsed, the DOM tree structure data information of the waterfall stream page is generated.
3. such as claim 1-2 any one of them rendering intents, which is characterized in that described to render to auxiliary data node
When, enable the second thread the auxiliary data node is rendered, obtain auxiliary rendering data the step of include：
Judge to whether there is the corresponding auxiliary data of the auxiliary data node in memory；
The auxiliary data is rendered if so, enabling the second thread, obtains the first auxiliary rendering data；
If it is not, then generating the corresponding placeholder of the auxiliary data node；
The first auxiliary rendering data and/or the placeholder are returned to the first thread.
4. rendering intent as described in any one of claims 1-3, which is characterized in that described according to the main rendering data and institute
Auxiliary rendering data is stated, generating the step of rendering dom tree includes：
When second thread returns to the first auxiliary rendering data, assist rendering data to described auxiliary using described first
Back end is helped to be rendered；
When second thread returns to the placeholder, the auxiliary data node is replaced using the placeholder.
5. rendering intent according to any one of claims 1-4, which is characterized in that described the generation placeholder the step of
Further include later：
The load request for the auxiliary data is sent to server；
Receive the auxiliary data that the server returns；
Judge that the corresponding auxiliary data node of the auxiliary data whether there is corresponding placeholder；
If so, being rendered to the auxiliary data, the second auxiliary rendering data is obtained；
If it is not, then the auxiliary data is preserved into the memory；
The second auxiliary rendering data is returned to the first thread.
6. rendering intent as claimed in any one of claims 1 to 6, which is characterized in that described according to the main rendering data and institute
Auxiliary rendering data is stated, generating the step of rendering dom tree includes：
When receiving the second auxiliary rendering data, the corresponding placeholder of the second auxiliary rendering data is searched；
Rendering data is assisted to replace the corresponding placeholder of the second auxiliary rendering data using described second.
7. such as claim 1-7 any one of them rendering intents, which is characterized in that the placeholder is identified with placeholder,
Described the step of searching the second auxiliary rendering data corresponding placeholder includes：
Pass through the corresponding placeholder of the second auxiliary rendering data described in the placeholder identifier lookup.
8. such as claim 1-8 any one of them rendering intents, which is characterized in that described to preserve the auxiliary data to institute
Stating the step in memory further includes later：
The auxiliary data being stored in the memory is rendered, third auxiliary rendering data is obtained；
Third auxiliary rendering data is returned into the first thread.
9. such as claim 1-9 any one of them rendering intents, which is characterized in that described according to the main rendering data and institute
Auxiliary rendering data is stated, generating the step of rendering dom tree includes：
When second thread, which returns to the third, assists rendering data, assist rendering data to described auxiliary using the third
Back end is helped to be rendered.
10. a kind of rendering device of the waterfall stream page, including：
Dom tree acquisition module, the DOM tree structure data information for obtaining the waterfall stream page；
Master data rendering module, for enabling first thread, according to the DOM tree structure data information to the waterfall drift net page
Master data rendered, obtain main rendering data；
Auxiliary data rendering module, for when rendering to auxiliary data node, enabling the second thread to the auxiliary data section
Point is rendered, and auxiliary rendering data is obtained；
Dom tree generation module is rendered, for according to the main rendering data and the auxiliary rendering data, generating the waterfall stream
The rendering dom tree of webpage.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711480408.3A CN108595457A (en) | 2017-12-29 | 2017-12-29 | A kind of rendering intent and device of the waterfall stream page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711480408.3A CN108595457A (en) | 2017-12-29 | 2017-12-29 | A kind of rendering intent and device of the waterfall stream page |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108595457A true CN108595457A (en) | 2018-09-28 |
Family
ID=63633466
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711480408.3A Pending CN108595457A (en) | 2017-12-29 | 2017-12-29 | A kind of rendering intent and device of the waterfall stream page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108595457A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110727478A (en) * | 2019-10-16 | 2020-01-24 | 腾讯科技（深圳）有限公司 | Method, device, equipment and medium for rendering page based on mixed mode |
| CN110968310A (en) * | 2018-09-30 | 2020-04-07 | 北京国双科技有限公司 | Webpage component rendering method and system |
| CN111309313A (en) * | 2019-10-17 | 2020-06-19 | 天津大学 | Method for quickly generating HTML (hypertext markup language) and storing form data |
| CN111859215A (en) * | 2020-06-30 | 2020-10-30 | 维沃移动通信有限公司 | Page display method and device, electronic equipment and readable storage medium |
| CN112579241A (en) * | 2020-12-22 | 2021-03-30 | 广州博冠信息科技有限公司 | Page layout method and device, computer-readable storage medium and electronic equipment |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102033778A (en) * | 2010-12-16 | 2011-04-27 | 电子科技大学 | Thread processing method for control, analysis and composition of embedded browser |
| US20120110433A1 (en) * | 2010-10-28 | 2012-05-03 | Microsoft Corporation | Parallel web page processing |
| CN103761317A (en) * | 2014-01-27 | 2014-04-30 | 北京京东尚科信息技术有限公司 | Multithreading asynchronous rendering system and method |
| CN105022667A (en) * | 2014-04-25 | 2015-11-04 | 中国科学院声学研究所 | Embedded browser CSS (Cascading Style Sheets) based engine parallelization method |
| CN105373545A (en) * | 2014-08-25 | 2016-03-02 | 阿里巴巴集团控股有限公司 | Picture display method and device |
| CN105608158A (en) * | 2015-12-18 | 2016-05-25 | 北京奇虎科技有限公司 | Method and apparatus for displaying picture in waterfall flow manner |
| CN106484383A (en) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | page rendering method, device and equipment |
| CN107040584A (en) * | 2017-02-22 | 2017-08-11 | 阿里巴巴集团控股有限公司 | The method and device of client downloads picture |
-
2017
- 2017-12-29 CN CN201711480408.3A patent/CN108595457A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120110433A1 (en) * | 2010-10-28 | 2012-05-03 | Microsoft Corporation | Parallel web page processing |
| CN102033778A (en) * | 2010-12-16 | 2011-04-27 | 电子科技大学 | Thread processing method for control, analysis and composition of embedded browser |
| CN103761317A (en) * | 2014-01-27 | 2014-04-30 | 北京京东尚科信息技术有限公司 | Multithreading asynchronous rendering system and method |
| CN105022667A (en) * | 2014-04-25 | 2015-11-04 | 中国科学院声学研究所 | Embedded browser CSS (Cascading Style Sheets) based engine parallelization method |
| CN105373545A (en) * | 2014-08-25 | 2016-03-02 | 阿里巴巴集团控股有限公司 | Picture display method and device |
| CN106484383A (en) * | 2015-08-31 | 2017-03-08 | 阿里巴巴集团控股有限公司 | page rendering method, device and equipment |
| CN105608158A (en) * | 2015-12-18 | 2016-05-25 | 北京奇虎科技有限公司 | Method and apparatus for displaying picture in waterfall flow manner |
| CN107040584A (en) * | 2017-02-22 | 2017-08-11 | 阿里巴巴集团控股有限公司 | The method and device of client downloads picture |
Non-Patent Citations (1)
| Title |
|---|
| 栖木: "渲染树构建、布局及绘制", 《HTTPS://WWW.CNBLOGS.COM/WENGXIAOFENG/P/8117529.HTML》 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110968310A (en) * | 2018-09-30 | 2020-04-07 | 北京国双科技有限公司 | Webpage component rendering method and system |
| CN110727478A (en) * | 2019-10-16 | 2020-01-24 | 腾讯科技（深圳）有限公司 | Method, device, equipment and medium for rendering page based on mixed mode |
| CN110727478B (en) * | 2019-10-16 | 2021-11-16 | 腾讯科技（深圳）有限公司 | Method, device, equipment and medium for rendering page based on mixed mode |
| CN111309313A (en) * | 2019-10-17 | 2020-06-19 | 天津大学 | Method for quickly generating HTML (hypertext markup language) and storing form data |
| CN111859215A (en) * | 2020-06-30 | 2020-10-30 | 维沃移动通信有限公司 | Page display method and device, electronic equipment and readable storage medium |
| CN112579241A (en) * | 2020-12-22 | 2021-03-30 | 广州博冠信息科技有限公司 | Page layout method and device, computer-readable storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108595457A (en) | A kind of rendering intent and device of the waterfall stream page | |
| EP3172680B1 (en) | Fast rendering of websites containing dynamic content and stale content | |
| KR102185864B1 (en) | Server-side rendering method and system of native content for presentation | |
| Geers | Micro frontends in action | |
| CN110309451B (en) | Method and device for generating web preloading page | |
| US7865544B2 (en) | Method and system for providing XML-based asynchronous and interactive feeds for web applications | |
| CN109542427B (en) | System customization method and device, electronic equipment and storage medium | |
| CN110442811A (en) | A kind of processing method of the page, device, computer equipment and storage medium | |
| US20150058407A1 (en) | Systems, methods, and apparatuses for implementing the simultaneous display of multiple browser client cursors at each browser client common to a shared browsing session | |
| CN107766532A (en) | A kind of front end Node.js automates positive static method | |
| US20190295131A1 (en) | Advertisement placement method, plug-in, browser, computing device, and storage medium | |
| CN110020329B (en) | Method, device and system for generating webpage | |
| CN112100550A (en) | Page construction method and device | |
| CN106997298A (en) | A kind of application resource acquisition methods and device | |
| CN107766344A (en) | The method, apparatus and browser that a kind of template renders | |
| US20160012147A1 (en) | Asynchronous Initialization of Document Object Model (DOM) Modules | |
| CN106790276A (en) | A kind of browser-cross data interactive method and device based on browser protocol | |
| CN104156421B (en) | The page shows method, apparatus and system | |
| US20160012144A1 (en) | Javascript-based, client-side template driver system | |
| CN109343975A (en) | Method and apparatus for asynchronous communication between the page | |
| Moiseev et al. | Angular Development with TypeScript | |
| CN108021594B (en) | Webpage display method, device and system | |
| CN103905496A (en) | Picture downloading method and device | |
| CN105760407B (en) | A kind of advertisement loading method, device and equipment | |
| CN105354269B (en) | Web applicational language Localization methodologies and system based on reverse proxy and information filtering |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180928 |