CN114924815A - Page rendering method and device, electronic equipment and storage medium - Google Patents
Page rendering method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN114924815A CN114924815A CN202210343839.XA CN202210343839A CN114924815A CN 114924815 A CN114924815 A CN 114924815A CN 202210343839 A CN202210343839 A CN 202210343839A CN 114924815 A CN114924815 A CN 114924815A
- Authority
- CN
- China
- Prior art keywords
- rendering
- data
- page
- target
- style
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/901—Indexing; Data structures therefor; Storage structures
- G06F16/9027—Trees
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Document Processing Apparatus (AREA)
Abstract
The disclosure relates to a page rendering method, a page rendering device, electronic equipment and a storage medium, wherein the method comprises the steps of responding to a display request of a target page, and acquiring page configuration information of the target page, wherein the page configuration information comprises rendering configuration information corresponding to at least one style rendering element; analyzing the rendering configuration information to obtain tree structure rendering data corresponding to the target page, wherein the tree structure rendering data is tree structure data which takes at least one style rendering element with rendering attribute data hung as a node and takes a view layer level relationship among the at least one style rendering element as a node level relationship; and rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain a target page. The embodiment of the disclosure can simplify the page elements and better meet the page rendering requirements in different service scenes; and the simplicity of description of the page view can be effectively improved, and the page rendering efficiency and the equipment performance are improved.
Description
Technical Field
The present disclosure relates to the field of internet technologies, and in particular, to a page rendering method and apparatus, an electronic device, and a storage medium.
Background
With the rapid development of internet technology, users can browse various pages through the internet. In the related technology, the rendering of the page needs to request a resource package corresponding to the page, convert codes in the resource package into components required by Native through an interactive software development kit and an engine developed at a terminal side, and then render the components by combining the Native components. However, in the related technology, because the development of a front-end interactive software development kit and an engine is introduced, the cost of page rendering is higher; and the resource package can go through the downloading process, and after a new resource package is released, the whole amount can be really reached after waiting for a period of time, so that the rendering efficiency and performance of the whole page rendering are poor.
Disclosure of Invention
The disclosure provides a page rendering method, a page rendering device, an electronic device and a storage medium, which are used for at least solving the problems of high cost, poor rendering efficiency and performance and the like of page rendering in the related art. The technical scheme of the disclosure is as follows:
according to a first aspect of the embodiments of the present disclosure, there is provided a page rendering method, including:
responding to a display request of a target page, and acquiring page configuration information of the target page, wherein the page configuration information comprises rendering configuration information corresponding to at least one style rendering element;
analyzing the rendering configuration information to obtain tree structure rendering data corresponding to the target page, wherein the tree structure rendering data takes the at least one style rendering element with rendering attribute data hung as a node and takes the view layer level relationship among the at least one style rendering element as a node level relationship;
rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page.
In an alternative embodiment, the at least one style rendering element comprises at least one box element and at least one component element, or at least one component element;
wherein the box element is a container for storing any one element.
In an optional embodiment, in a case that the at least one style rendering element includes a target box element and a target component element, the rendering a view of the at least one style rendering element based on the tree structure rendering data to obtain the target page includes:
rendering a component view of the target component element based on rendering attribute data mounted on the target component element in the tree structure rendering data;
rendering the target page based on the component view, rendering attribute data mounted on the target box element in the tree structure rendering data and a node hierarchical relationship among nodes in the tree structure rendering data.
In an alternative embodiment, the rendering attribute data mounted by the target component element includes element content data of the target component element, layout attribute data of the target component element, and style attribute data of the target component element;
the rendering the component view of the target component element based on the rendering attribute data mounted on the target component element in the tree structure rendering data comprises:
determining size position information of the target component element according to the layout attribute data of the target component element in the tree structure rendering data;
rendering the component view based on the element content data of the target component element, the style attribute data of the target component element, and the size position information of the target component element.
In an alternative embodiment, the rendering attribute data mounted on the target box element includes layout attribute data of the target box element, and the rendering the target page based on the component view, the rendering attribute data mounted on the target box element in the tree structure rendering data, and a node hierarchy relationship among nodes in the tree structure rendering data includes:
determining size and position information of the target box element according to the layout attribute data of the target box element in the tree structure rendering data;
rendering the target page based on the component view, the size and position information of the target box element and a node hierarchical relation among nodes in the tree structure rendering data.
In an optional embodiment, the rendering attribute data includes element content data, and in a case that the element content data corresponding to any style rendering element includes identification information of a preset rich text, the method further includes:
analyzing the rendering configuration information corresponding to the preset rich text to obtain sub-tree structure rendering data corresponding to the preset rich text, wherein the sub-tree structure rendering data is tree structure data which takes style rendering elements corresponding to the preset rich text with rendering attribute data as nodes and takes the view layer level relationship among the style rendering elements corresponding to the preset rich text as the node level relationship;
rendering a rich text view of the preset rich text based on the subtree structure rendering data;
updating element content data of a target style rendering element in the tree structure rendering data according to the rich text view to obtain updated tree structure rendering data; the target style rendering element is a style rendering element of which element content data comprises identification information of the preset rich text;
rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page comprises:
rendering the view of the at least one style rendering element based on the updated tree structure rendering data to obtain the target page.
In an optional embodiment, the page configuration information further includes an element type of the at least one style rendering element;
the analyzing the rendering configuration information to obtain the tree structure rendering data corresponding to the target page includes:
determining a target resolver corresponding to the at least one style rendering element according to the element type;
analyzing the element configuration information corresponding to the at least one style rendering element based on the target analyzer to obtain rendering attribute data of the at least one style rendering element and a view level relation between the at least one style rendering element;
constructing the tree structure rendering data based on the view hierarchy relationship and rendering attribute data of the at least one style rendering element.
In an alternative embodiment, said building said tree structure rendering data based on said view hierarchical relationship and rendering attribute data of said at least one style rendering element comprises:
constructing an initial tree structure by taking the at least one style rendering element as a node and taking a view layer level relationship among the at least one style rendering element as a node level relationship;
and adding the rendering attribute data of the at least one style rendering element to a node corresponding to the at least one style rendering element in the initial tree structure to obtain the tree structure rendering data.
According to a second aspect of the embodiments of the present disclosure, there is provided a page rendering apparatus including:
the page configuration information acquisition module is configured to execute a display request responding to a target page and acquire page configuration information of the target page, wherein the page configuration information comprises rendering configuration information corresponding to at least one style rendering element;
a first parsing module, configured to perform parsing on the rendering configuration information to obtain tree structure rendering data corresponding to the target page, where the tree structure rendering data is tree structure data in which the at least one style rendering element carrying rendering attribute data is used as a node, and a layer-level relationship between the at least one style rendering element is a node-level relationship;
a page rendering module configured to perform rendering of the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page.
In an alternative embodiment, the at least one style rendering element comprises at least one box element and at least one component element, or at least one component element;
wherein the box element is a container for storing any one element.
In an alternative embodiment, in the case where the at least one style rendering element includes a target box element and a target component element, the page rendering module includes:
a component view rendering unit configured to perform rendering of a component view of the target component element based on rendering attribute data mounted on the target component element in the tree structure rendering data;
a target page rendering unit configured to perform rendering of the target page based on the component view, the rendering attribute data mounted on the target box element in the tree structure rendering data, and a node hierarchical relationship among nodes in the tree structure rendering data.
In an alternative embodiment, the rendering attribute data mounted by the target component element includes element content data of the target component element, layout attribute data of the target component element, and style attribute data of the target component element;
the component view rendering unit includes:
a first size position information determination unit configured to perform determination of size position information of the target component element from layout attribute data of the target component element in the tree structure rendering data;
a component view rendering subunit configured to perform rendering the component view based on the element content data of the target component element, the style attribute data of the target component element, and the size position information of the target component element.
In an optional embodiment, the rendering attribute data mounted by the target box element includes layout attribute data of the target box element, and the target page rendering unit includes:
a second size position information determination unit configured to perform determination of size position information of the target box element from layout attribute data of the target box element in the tree structure rendering data;
a target page rendering subunit configured to perform rendering of the target page based on the component view, the size position information of the target box element, and a node hierarchical relationship among nodes in the tree structure rendering data.
In an optional embodiment, the rendering attribute data includes element content data, and in a case that the element content data corresponding to any style rendering element includes identification information of a preset rich text, the apparatus further includes:
the second analysis processing module is configured to perform analysis processing on rendering configuration information corresponding to the preset rich text to obtain subtree structure rendering data corresponding to the preset rich text, wherein the subtree structure rendering data are tree structure data which take style rendering elements corresponding to the preset rich text with rendering attribute data as nodes and take the view layer level relationship among the style rendering elements corresponding to the preset rich text as a node level relationship;
a rich text view rendering module configured to perform rendering of a rich text view of the preset rich text based on the subtree structure rendering data;
a tree structure rendering data updating module configured to update element content data of a target style rendering element in the tree structure rendering data according to the rich text view to obtain updated tree structure rendering data; the target style rendering element is a style rendering element of which element content data comprises identification information of the preset rich text;
the page rendering module is further configured to perform rendering the view of the at least one style rendering element based on the updated tree structure rendering data, resulting in the target page.
In an optional embodiment, the page configuration information further includes an element type of the at least one style rendering element;
the first parsing processing module includes:
a target parser determination unit configured to determine a target parser corresponding to the at least one style rendering element according to the element type;
the analysis processing unit is configured to analyze the element configuration information corresponding to the at least one style rendering element based on the target analyzer to obtain rendering attribute data of the at least one style rendering element and a view level relation between the at least one style rendering element;
a tree structure rendering data construction unit configured to perform construction of the tree structure rendering data based on the view hierarchical relationship and rendering attribute data of the at least one style rendering element.
In an optional embodiment, the tree structure rendering data constructing unit includes:
an initial tree structure construction unit configured to construct an initial tree structure by taking the at least one style rendering element as a node and taking a view layer level relationship among the at least one style rendering element as a node level relationship;
and the rendering attribute data adding unit is configured to add the rendering attribute data of the at least one style rendering element to a node corresponding to the at least one style rendering element in the initial tree structure to obtain the tree structure rendering data.
According to a third aspect of the embodiments of the present disclosure, there is provided an electronic apparatus including: a processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement the method of any one of the first aspects described above.
According to a fourth aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium, wherein instructions, when executed by a processor of an electronic device, enable the electronic device to perform the method of any one of the first aspect of the embodiments of the present disclosure.
According to a fifth aspect of the embodiments of the present disclosure, there is provided a computer program product containing instructions which, when run on a computer, cause the computer to perform the method of any one of the first aspects of the embodiments of the present disclosure.
The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:
under the condition that the page display request is triggered, the page configuration information comprising rendering configuration information corresponding to at least one style rendering element is acquired, so that page rendering with the style rendering element as a rendering granularity can be realized, the page elements are simplified, and the page rendering requirements under different service scenes can be better met; and the rendering configuration information of at least one style rendering element is analyzed into tree structure data, wherein the tree structure data takes the at least one style rendering element with the rendering attribute data as a node and takes the layer level relation between the at least one style rendering element as the node level relation, so that the layer level relation between the view and the view in the target page can be represented more visually and clearly, the simplicity of page view description can be effectively improved, the system resource consumption in the page rendering process is reduced, and the page rendering efficiency and the equipment performance are improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.
FIG. 1 is a schematic diagram of an application environment shown in accordance with an exemplary embodiment;
FIG. 2 is a flowchart illustrating a method of page rendering in accordance with an exemplary embodiment;
fig. 3 is a flowchart illustrating parsing processing performed on rendering configuration information to obtain tree structure rendering data corresponding to a target page according to an exemplary embodiment;
FIG. 4 is a schematic diagram of an initial tree structure provided in accordance with an exemplary embodiment;
FIG. 5 is a flow diagram illustrating rendering a view of at least one style rendering element based on tree structure rendering data, resulting in a target page, in accordance with an illustrative embodiment;
FIG. 6 is a flow diagram illustrating another method of page rendering in accordance with an illustrative embodiment;
FIG. 7 is an exemplary diagram of a rendering of a page based on a rendering engine provided in accordance with an exemplary embodiment;
FIG. 8 is a block diagram illustrating a page rendering apparatus in accordance with an exemplary embodiment;
FIG. 9 is a block diagram illustrating an electronic device for page rendering in accordance with an exemplary embodiment.
Detailed Description
In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.
It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in other sequences than those illustrated or described herein. The implementations described in the exemplary embodiments below do not represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for presentation, analyzed data, etc.) referred to in the present disclosure are information and data authorized by the user or sufficiently authorized by each party.
Referring to fig. 1, fig. 1 is a schematic diagram illustrating an application environment according to an exemplary embodiment, and as shown in fig. 1, the application environment may include a terminal 100 and a server 200.
The terminal 100 may be configured to provide a service for any user, render a page corresponding to the service, and process service interaction processing corresponding to the service. Specifically, the terminal 100 may include, but is not limited to, a mobile electronic device of a type such as a smart phone, an Augmented Reality (AR)/Virtual Reality (VR) device, a smart wearable device, and the like, and may also be software running on the mobile electronic device, such as an application program and the like. Alternatively, the operating system running on the electronic device may include, but is not limited to, an android system, an IOS system, and the like.
In an alternative embodiment, the server 200 may provide a background service for the terminal 100. Specifically, the server 200 may be an independent physical server, or may be a server cluster or a distributed system formed by a plurality of physical servers.
In addition, it should be noted that fig. 1 shows only one application environment provided by the present disclosure, and in practical applications, other application environments may also be included, for example, more terminals may be included.
In the embodiment of the present specification, the terminal 100 and the server 200 may be directly or indirectly connected through wired or wireless communication, and the disclosure is not limited herein.
Fig. 2 is a flowchart illustrating a page rendering method according to an exemplary embodiment, where the page rendering method is used in a terminal electronic device, as shown in fig. 2, and includes the following steps.
In step S201, in response to the display request of the target page, page configuration information of the target page is obtained.
In a specific embodiment, the target page may be a page of a currently requested preset service. Specifically, the preset service may correspond to different services according to actual application requirements. Optionally, the preset service may be an issuing service of the recommended video corresponding to the first preset object. Optionally, the preset service may be a recommended second preset live broadcast service. Specifically, the first preset object and the second preset object may be objects that need to be recommended, such as an application, a novel, a commodity, and the like.
In a particular embodiment, the page configuration information of the target page may be obtained from a server. Specifically, the page configuration information may include rendering configuration information corresponding to at least one style rendering element. Specifically, the at least one style rendering element may be a page element set in conjunction with the target page view. In an alternative embodiment, the at least one style rendering element includes at least one box element and at least one component element, or at least one component element.
In a specific embodiment, the box element may be a container for storing any one of the elements. Optionally, the at least one box element may include at least one of a horizontal box element, a vertical box element, a horizontal scroll box element, a vertical scroll box element, a square box element, an absolute layout box element, and a button box element. Wherein, the interior of the horizontal box element can be used for horizontally placing sub-elements (any element); the interior of the vertical box element can be used for vertically placing the sub-elements; the interior of the horizontal rolling box element can be used for horizontally placing the sub-elements and supporting the horizontal movement; the interior of the vertical rolling box element can vertically place the sub-elements and support vertical sliding; the length and the width of the square box elements are equal; the absolute layout box can be placed according to absolute coordinates and is not constrained by the nodes of the upper view; the button box element may be a clickable container node.
In a specific embodiment, the component element may be a page element corresponding to a view to be rendered. The at least one component element may include a picture component element, a text component element, a video component element, an animation component element, and the like. Specifically, the picture component element may be used to display a picture; text component elements can be used to present plain text and rich text (multi-text format, a text format with non-text information); the video component element may be used to present video; animation component elements can be used to present animations.
In this embodiment of the present specification, the view of the box element itself is not rendered, and the component element may be a page element corresponding to the view that needs to be rendered.
In the above embodiment, the page configuration information is abstracted into the rendering configuration information corresponding to at least one style rendering element in the page, and then the style rendering element can be used as the rendering granularity to perform page rendering, so that the page rendering requirements under different business scenes can be better met, the operation convenience of page rendering is improved, the style rendering element is divided into the box element and the component element for storing any one element, the page elements can be better simplified, and the page rendering efficiency is improved.
In step S203, the rendering configuration information is analyzed to obtain tree structure rendering data corresponding to the target page.
In a specific embodiment, under the condition of obtaining the page configuration information, the parsing rendering processing may be performed in combination with a rendering engine preset in the terminal. Specifically, the tree structure rendering data may be tree structure data in which at least one style rendering element on which rendering attribute data is mounted is used as a node, and a view level relationship between the at least one style rendering element is used as a node level relationship.
In an optional embodiment, the page configuration information may further include an element type of at least one style rendering element; correspondingly, as shown in fig. 3, the parsing the rendering configuration information to obtain the tree structure rendering data corresponding to the target page may include the following steps:
in step S2031, a target parser corresponding to at least one style rendering element is determined according to the element type.
In a specific embodiment, the rendering engine may preset resolvers corresponding to multiple types of elements, and accordingly, a target resolver of each style rendering element may be determined by combining the type of the element of the style rendering element.
In a specific embodiment, the element type may be set in combination with an actual service rendering requirement, and optionally, the element type may include a box element and a component element; optionally, the box elements may include a horizontal box element, a vertical box element, a horizontal scrolling box element, a vertical scrolling box element, a square box element, an absolute layout box element, a button box element, and the like, and the component elements may include a picture component element, a text component element, a video component element, an animation component element, and the like. Optionally, parsers corresponding to the box elements and the component elements may be preset, and optionally, parsers corresponding to each box element and each component element may be preset.
In step S2033, based on the target parser, parsing the element configuration information corresponding to the at least one style rendering element to obtain rendering attribute data of the at least one style rendering element and a view hierarchical relationship between the at least one style rendering element.
In a specific embodiment, the target parser of each style rendering element may be configured to parse the element configuration information of the style rendering element into rendering attribute data of the style rendering element and view level information corresponding to the style rendering element; specifically, the view level information corresponding to the style rendering element may represent the view level where the style rendering element is located. Optionally, the view level relationship between the at least one style rendering element may be determined by combining the view level information corresponding to the at least one style rendering element.
In step S2035, tree structure rendering data is constructed based on the view hierarchy and the rendering attribute data of the at least one style rendering element.
In an optional embodiment, the building tree structure rendering data based on the view hierarchy and the rendering attribute data of the at least one style rendering element may include: constructing an initial tree structure by taking at least one style rendering element as a node and taking a view layer level relation among the at least one style rendering element as a node level relation; and adding the rendering attribute data of at least one style rendering element to a node corresponding to at least one style rendering element in the initial tree structure to obtain tree structure rendering data.
In a specific embodiment, the rendering attribute data of the style rendering element may be mounted in the tree structure rendering data by adding the rendering attribute data of each style rendering element to a node corresponding to the style rendering element. In particular, the rendering attribute data of each style rendering element may be attribute data that can be used to render the style rendering element.
In a specific embodiment, the tree structure information such as the number of levels in the initial tree structure, the node type of each node, and the number of children nodes of each node may be different according to the requirements of the page view in the actual business. Alternatively, as shown in fig. 4, fig. 4 is a schematic diagram of an initial tree structure provided according to an exemplary embodiment. Wherein, the root node in the initial tree structure may be an absolute layout box node (a node corresponding to an absolute layout box element) 1, and optionally, the child nodes of the root node may include: an absolute layout box node 2 and a text component node (a node corresponding to a text component element) 1, and further, child nodes of the text component node 1 may include an image component node 1, and child nodes of the absolute layout box node 2 may include: a button box node (a node corresponding to a button box element) 1 and a text component node 2; the child nodes of the button box node 1 may include a text component node 3.
In the embodiment, the target parser of the style rendering element is determined by combining the element type, the rendering configuration information of the style rendering element can be parsed in a more targeted manner, and the tree structure rendering data is constructed by combining the rendering attribute data of at least one style rendering element obtained by parsing and the view hierarchical relationship between the at least one style rendering element, so that the hierarchical relationship between the view and the view in the target page can be represented more intuitively and clearly, the simplicity of description of the page view can be further improved, the system resource consumption in the page rendering process is reduced, and the equipment performance is improved.
In step S205, a view of at least one style rendering element is rendered based on the tree structure rendering data, resulting in a target page.
In an alternative embodiment, in the case that the at least one style rendering element includes a target box element and a target component element, as shown in fig. 5, rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page may include the following steps:
in step S2051, rendering a component view of the target component element based on the rendering attribute data mounted on the target component element in the tree structure rendering data;
in a specific embodiment, the target box element may be a box element corresponding to the target page; the target component element can be a component element corresponding to the target page; optionally, the rendering attribute data mounted by the target component element may include element content data of the target component element, layout attribute data of the target component element, and style attribute data of the target component element. Alternatively, the target box element may comprise one or more box elements. The target component element may include one or more component elements.
Correspondingly, rendering the component view of the target component element based on the rendering attribute data mounted on the target component element in the tree structure rendering data may include:
determining size position information of the target assembly element according to the layout attribute data of the target assembly element in the tree structure rendering data; rendering a component view based on the element content data of the target component element, the style attribute data of the target component element, and the size position information of the target component element.
In a specific embodiment, the element content data of the target component element may be data capable of reflecting the content of the target component element in the corresponding scene; for example, image data corresponding to an image component, link information of image data corresponding to an image component, and the like.
In a particular embodiment, the layout attribute data of the target component element can be data that can characterize the layout of the view of the target component element in the target page.
In a specific embodiment, the style attribute data of the target component element may be data capable of characterizing the view style of the target component element, for example, corner shading information (style attribute data) corresponding to an image component, font information (style attribute data) corresponding to a text component, and the like; and the text component corresponds to the pressed state information (style attribute data). Optionally, the pressing state of the component may include a normal state, a state when clicking, and a state after clicking; accordingly, the press state information may include data of view styles corresponding to the normal state, the state at the time of clicking, and the state after clicking.
In a specific embodiment, the size position information of the target component element may include element size information and element position information. Alternatively, in the case where the target component element includes one component element, the element position information may be coordinate position information of the component element in the page coordinate system. Optionally, in a case that the target component element includes a plurality of component elements, the element position information may include coordinate position information of the plurality of component elements in the page coordinate system; optionally, in a case that the target component element includes a plurality of component elements, the element position information may include coordinate position information of any one component element in the page coordinate system and a relative position relationship between the plurality of component elements, and accordingly, in a subsequent page rendering process, in a case that coordinate position information of one component element in the page coordinate system is determined, coordinate position information of other component elements in the page coordinate system may also be determined by combining the relative position relationship between the plurality of component elements.
In a particular embodiment, the element size information may be described in conjunction with a preset placeholder component. Optionally, the positional information of any component element can be described in combination with the preset placeholder component in the preset canvas, specifically, the preset placeholder component can be placed on the left and right (or up and down) of each component element, correspondingly, the distance information between the preset placeholder components can be placed on the left and right (or up and down) of the component element, and the size information of the native control can be determined.
In a specific embodiment, after obtaining the element content data of the target component element, the style attribute data of the target component element, and the size and position information of the target component element, a component view of the target component element may be rendered.
In the above embodiment, the layout attribute data of the target component element in the tree structure rendering data is combined to determine the size and position information of the target component element, and the element content data of the target component element and the style attribute data of the target component element obtained by analysis, and a visual view in the target page is rendered first, so that the page rendering efficiency can be greatly improved.
In step S2053, a target page is rendered based on the component view, the rendering attribute data mounted on the target box element in the tree structure rendering data, and the node hierarchical relationship between the nodes in the tree structure rendering data.
In an optional embodiment, the rendering attribute data mounted on the target box element includes layout attribute data of the target box element, and accordingly, rendering the target page based on the component view, the rendering attribute data mounted on the target box element in the tree structure rendering data, and a node hierarchical relationship between nodes in the tree structure rendering data may include:
determining size and position information of the target box element according to the layout attribute data of the target box element in the tree structure rendering data; rendering a target page based on the component view, the size and position information of the target box element and the node hierarchical relation among nodes in the tree structure rendering data.
In a specific embodiment, the specific refinement of the size and position information of the target box element may refer to the above-mentioned refinement of the size and position information of the target component element, which is not described herein again.
In a specific embodiment, the target box element is only used for storing other style rendering elements, and accordingly, the component view may be rendered into a preset canvas in combination with the size position information of the target box element and the node hierarchical relationship between nodes in the tree structure rendering data, so as to render the target page.
In a specific embodiment, as shown in fig. 4, taking the branch including "absolute layout box node 1", "absolute layout box node 2", "button box node 1" and "text component node 3" as an example, the rendering area of "button box node 1" in the preset canvas may be located according to the dimension position information of "absolute layout box node 1", "absolute layout box node 2" and "button box node 1", and since "button box node 1" itself does not need to render a view, accordingly, a component view of "text component node 3" in the child node may be combined in the rendering area to render a clickable text view in the target page.
In the above embodiment, in the process of rendering the target page by combining the component views, the size and position information of the target box element is determined by combining the layout attribute data of the target box element in the tree structure rendering data, so that the position of the component view in the target page can be quickly and accurately positioned, and the hierarchical relationship between the views in the target page can be clearly and intuitively represented by combining the hierarchical relationship between the nodes in the tree structure rendering data, so that the rendering efficiency of the target page can be greatly improved.
In an optional embodiment, in some page rendering scenes only containing component elements, a component view of a target component element may be rendered in combination with rendering attribute data mounted on the target component element to obtain a target page.
In the above embodiment, the rendering attribute data mounted on the target component element in the tree structure rendering data is combined to render the view of the visual element in the target page, and then, based on the view of the visual element, the rendering attribute data mounted on the target box element in the tree structure rendering data, and the node hierarchical relationship among the nodes in the tree structure rendering data, the position of the view in the target page and the hierarchical relationship among the views can be quickly and accurately positioned, so that the rendering efficiency of the target page can be greatly improved.
In some service scenarios, in order to enrich the page form, a common text may not meet the requirements of the scenario, and a rich text may be combined to perform scenario description, for example, in a certain service scenario, in order to identify that the current page is a page of the service, a text identifying the service may be displayed in the page, and in order to better highlight the text identifying the service, the text identifying the service may be configured as a text displayed in a preset background, and accordingly, the text displayed in the preset background belongs to the rich text. Optionally, in a case that element content data corresponding to any style rendering element of the at least one style rendering element includes identification information of a preset rich text, as shown in fig. 6, the method may further include:
in step S207, the rendering configuration information corresponding to the preset rich text is analyzed to obtain the sub-tree structure rendering data corresponding to the preset rich text.
In step S209, a rich text view of the preset rich text is rendered based on the subtree structure rendering data.
In step S211, element content data of the target style rendering element in the tree structure rendering data is updated according to the rich text view, so as to obtain updated tree structure rendering data.
Correspondingly, rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page may include: and rendering the view of at least one style rendering element based on the updated tree structure rendering data to obtain a target page.
In a specific embodiment, the subtree structure rendering data may be tree structure data in which style rendering elements corresponding to preset rich texts, on which rendering attribute data are mounted, are used as nodes, and a view layer level relationship between the style rendering elements corresponding to the preset rich texts is used as a node level relationship. Specifically, the style rendering element corresponding to the preset rich text may include one or more style rendering elements, for example, clickable text (rich text) is taken as an example, and the style rendering element may include a button box element and a text component element. The target style rendering element may be a style rendering element in which the element content data includes identification information of a preset rich text.
In an optional embodiment, when the element content data corresponding to any one of the at least one style rendering element includes identification information of a preset rich text, it may be determined that the at least one style rendering element includes the rich text, and since the rich text itself needs to be rendered into a corresponding view first, accordingly, the view rendering of the preset rich text may be performed in combination with rendering configuration information of the preset rich text, and the tree structure rendering data may be updated in combination with the view of the preset rich text (rich text view).
In a specific embodiment, the parsing the rendering configuration information corresponding to the preset rich text to obtain sub-tree structure rendering data corresponding to the preset rich text, and the specific refinement for rendering the rich text view of the preset rich text based on the sub-tree structure rendering data may refer to the parsing the rendering configuration information to obtain tree structure rendering data corresponding to the target page; rendering the view of at least one style rendering element based on the tree structure rendering data to obtain related refinement of the target page, which is not described herein any more.
In a specific embodiment, the updating element content data of the target style rendering element in the tree structure rendering data according to the rich text view to obtain updated tree structure rendering data may include: and matching the identification information of the preset rich text from the element content data of the target style rendering element, and replacing the identification information of the preset rich text in the element content data of the target style rendering element based on the rich text view to obtain the updated tree structure rendering data.
In the embodiment, when the element content data corresponding to any style rendering element in the at least one style rendering element includes the identification information of the preset rich text, the rendering configuration information corresponding to the preset rich text is analyzed into tree structure data in which the style rendering element corresponding to the preset rich text with the rendering attribute data being hung as a node and the view layer level relationship between the style rendering elements corresponding to the preset rich text is taken as a node level relationship, so that the hierarchical relationship between the preset rich text pair view and the sub-view in the view can be represented more intuitively and clearly, the simplicity of description of the rich text view can be further improved, the system resource consumption in the page rendering process can be reduced, and the performance of the device can be improved.
In a specific embodiment, as shown in fig. 7, fig. 7 is an exemplary diagram of page rendering based on a rendering engine according to an exemplary embodiment. Optionally, in the case that the user terminal acquires the page configuration information from the server, the page configuration information may be transmitted to a corresponding parser in the rendering engine, and the parsing processing of the page configuration information by the parser is combined to obtain tree structure rendering data, and then, the node rendering component in the rendering engine may combine the tree structure rendering data to render an assembly view of a target component element in the target page; the components are then rendered by a page in the rendering engine, the component views are combined into a target page and presented in the user terminal screen.
As can be seen from the technical solutions provided by the embodiments of the present specification, in the case of triggering a page display request, the present specification acquires page configuration information including rendering configuration information corresponding to at least one style rendering element, so that page rendering with the style rendering element as a rendering granularity can be implemented, page elements are simplified, and page rendering requirements under different service scenes can be better met; and the rendering configuration information of at least one style rendering element is analyzed into tree structure data, wherein the tree structure data takes at least one style rendering element with rendering attribute data as a node and the view layer level relationship among the at least one style rendering element as the node level relationship, so that the view in the target page and the level relationship among the views can be represented more visually and clearly, the simplicity of description of the page view can be effectively improved, the system resource consumption in the page rendering process is reduced, and the page rendering efficiency and the equipment performance are improved.
FIG. 8 is a block diagram illustrating a page rendering apparatus according to an example embodiment. Referring to fig. 8, the apparatus includes:
a page configuration information obtaining module 810 configured to execute obtaining page configuration information of a target page in response to a display request of the target page, where the page configuration information includes rendering configuration information corresponding to at least one style rendering element;
a first parsing module 820 configured to perform parsing processing on the rendering configuration information to obtain tree structure rendering data corresponding to the target page, where the tree structure rendering data is tree structure data in which at least one style rendering element with rendering attribute data is hung as a node, and a view layer level relationship between the at least one style rendering element is a node level relationship;
and a page rendering module 830 configured to render the view of the at least one style rendering element based on the tree structure rendering data to obtain a target page.
In an alternative embodiment, the at least one style rendering element comprises at least one box element and at least one component element, or at least one component element;
wherein the box element is a container for storing any one element.
In an alternative embodiment, in the case where the at least one style rendering element includes a target box element and a target component element, the page rendering module 830 includes:
the component view rendering unit is configured to execute rendering attribute data mounted on a target component element in the tree structure rendering data and render a component view of the target component element;
and the target page rendering unit is configured to execute rendering to obtain a target page based on the component view, the rendering attribute data mounted on the target box element in the tree structure rendering data and the node hierarchical relationship among the nodes in the tree structure rendering data.
In an alternative embodiment, the rendering attribute data mounted by the target component element includes element content data of the target component element, layout attribute data of the target component element, and style attribute data of the target component element;
the component view rendering unit includes:
a first size position information determination unit configured to perform determination of size position information of a target component element from layout attribute data of the target component element in the tree structure rendering data;
and the component view rendering subunit is configured to perform rendering of the component view based on the element content data of the target component element, the style attribute data of the target component element and the size and position information of the target component element.
In an alternative embodiment, the rendering attribute data mounted by the target box element includes layout attribute data of the target box element, and the target page rendering unit includes:
a second size position information determination unit configured to perform determination of size position information of the target box element based on layout attribute data of the target box element in the tree structure rendering data;
and the target page rendering subunit is configured to execute rendering of the target page based on the component view, the size and position information of the target box element and the node hierarchical relationship among the nodes in the tree structure rendering data.
In an optional embodiment, the rendering attribute data includes element content data, and in a case that the element content data corresponding to any style rendering element includes identification information of a preset rich text, the apparatus further includes:
the second analysis processing module is configured to perform analysis processing on rendering configuration information corresponding to the preset rich text to obtain subtree structure rendering data corresponding to the preset rich text, wherein the subtree structure rendering data are tree structure data taking style rendering elements corresponding to the preset rich text with rendering attribute data as nodes and taking a view layer level relationship among the style rendering elements corresponding to the preset rich text as a node level relationship;
the rich text view rendering module is configured to render a rich text view of a preset rich text based on the subtree structure rendering data;
the tree structure rendering data updating module is configured to update element content data of the target style rendering elements in the tree structure rendering data according to the rich text view to obtain updated tree structure rendering data; the target style rendering element is a style rendering element of which the element content data comprises identification information of a preset rich text;
the page rendering module 830 is further configured to perform rendering the view of the at least one style rendering element based on the updated tree structure rendering data, resulting in the target page.
In an alternative embodiment, the page configuration information further includes an element type of the at least one style rendering element;
the first parsing processing module 820 includes:
a target parser determination unit configured to determine a target parser corresponding to at least one style rendering element according to the element type;
the analysis processing unit is configured to perform analysis processing on the element configuration information corresponding to the at least one style rendering element based on the target analyzer to obtain rendering attribute data of the at least one style rendering element and a view hierarchical relationship between the at least one style rendering element;
a tree structure rendering data construction unit configured to execute construction of tree structure rendering data based on the view hierarchical relationship and rendering attribute data of the at least one style rendering element.
In an alternative embodiment, the tree structure rendering data construction unit includes:
the initial tree structure construction unit is configured to execute construction of an initial tree structure by taking at least one style rendering element as a node and taking a view layer level relation among the at least one style rendering element as a node level relation;
and the rendering attribute data adding unit is configured to add the rendering attribute data of at least one style rendering element to a node corresponding to at least one style rendering element in the initial tree structure to obtain tree structure rendering data.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
Fig. 9 is a block diagram illustrating an electronic device for page rendering, which may be a terminal, according to an exemplary embodiment, and an internal structure thereof may be as shown in fig. 9. The electronic device comprises a processor, a memory, a network interface, a display screen and an input device which are connected through a system bus. Wherein the processor of the electronic device is configured to provide computing and control capabilities. The memory of the electronic equipment comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operating system and the computer program to run on the non-volatile storage medium. The network interface of the electronic device is used for connecting and communicating with an external terminal through a network. The computer program is executed by a processor to implement a page rendering method. The display screen of the electronic equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the electronic equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the electronic equipment, an external keyboard, a touch pad or a mouse and the like.
Those skilled in the art will appreciate that the architecture shown in fig. 9 is merely a block diagram of some of the structures associated with the disclosed aspects and does not constitute a limitation on the electronic devices to which the disclosed aspects apply, as a particular electronic device may include more or less components than those shown, or combine certain components, or have a different arrangement of components.
In an exemplary embodiment, there is also provided an electronic device including: a processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement a page rendering method as in embodiments of the present disclosure.
In an exemplary embodiment, there is also provided a computer-readable storage medium, in which instructions, when executed by a processor of an electronic device, enable the electronic device to perform a page rendering method in an embodiment of the present disclosure.
In an exemplary embodiment, there is also provided a computer program product containing instructions which, when run on a computer, cause the computer to perform the page rendering method in the embodiments of the present disclosure.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above may be implemented by hardware instructions of a computer program, which may be stored in a non-volatile computer-readable storage medium, and when executed, the computer program may include the processes of the embodiments of the methods described above. Any reference to memory, storage, database or other medium used in the embodiments provided herein can include non-volatile and/or volatile memory. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (10)
1. A page rendering method, comprising:
responding to a display request of a target page, and acquiring page configuration information of the target page, wherein the page configuration information comprises rendering configuration information corresponding to at least one style rendering element;
analyzing the rendering configuration information to obtain tree structure rendering data corresponding to the target page, wherein the tree structure rendering data is tree structure data which takes the at least one style rendering element with rendering attribute data hung as a node and takes the view layer level relationship among the at least one style rendering element as a node level relationship;
rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page.
2. The page rendering method of claim 1, wherein the at least one style rendering element comprises at least one box element and at least one component element, or at least one component element;
wherein the box element is a container for storing any one element.
3. The page rendering method according to claim 1, wherein, in a case where the at least one style rendering element includes a target box element and a target component element, said rendering a view of the at least one style rendering element based on the tree structure rendering data, resulting in the target page comprises:
rendering a component view of the target component element based on rendering attribute data mounted on the target component element in the tree structure rendering data;
rendering the target page based on the component view, rendering attribute data mounted on the target box element in the tree structure rendering data and a node hierarchical relationship among nodes in the tree structure rendering data.
4. The page rendering method of claim 3, wherein the rendering attribute data mounted by the target component element includes element content data of the target component element, layout attribute data of the target component element, and style attribute data of the target component element;
the rendering the component view of the target component element based on the rendering attribute data mounted by the target component element in the tree structure rendering data comprises:
determining size position information of the target component element according to the layout attribute data of the target component element in the tree structure rendering data;
rendering the component view based on the element content data of the target component element, the style attribute data of the target component element, and the size position information of the target component element.
5. The page rendering method according to claim 3, wherein the rendering attribute data mounted on the target box element includes layout attribute data of the target box element, and the rendering the target page based on the component view, the rendering attribute data mounted on the target box element in the tree structure rendering data, and a node hierarchy relationship among nodes in the tree structure rendering data comprises:
determining size and position information of the target box element according to the layout attribute data of the target box element in the tree structure rendering data;
rendering the target page based on the component view, the size and position information of the target box element and a node hierarchical relationship among nodes in the tree structure rendering data.
6. The page rendering method according to any one of claims 1 to 5, wherein the rendering attribute data includes element content data, and in a case where the element content data corresponding to any one of the style rendering elements includes identification information of a preset rich text, the method further includes:
analyzing the rendering configuration information corresponding to the preset rich text to obtain subtree structure rendering data corresponding to the preset rich text, wherein the subtree structure rendering data are tree structure data which take style rendering elements corresponding to the preset rich text and are hung with rendering attribute data as nodes and take the view layer level relationship among the style rendering elements corresponding to the preset rich text as the node level relationship;
rendering a rich text view of the preset rich text based on the subtree structure rendering data;
updating element content data of a target style rendering element in the tree structure rendering data according to the rich text view to obtain updated tree structure rendering data; the target style rendering element is a style rendering element of which element content data comprises identification information of the preset rich text;
rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page comprises:
rendering the view of the at least one style rendering element based on the updated tree structure rendering data to obtain the target page.
7. A page rendering apparatus, comprising:
the page configuration information acquisition module is configured to execute responding to a display request of a target page and acquire page configuration information of the target page, wherein the page configuration information comprises rendering configuration information corresponding to at least one style rendering element;
a first parsing module, configured to perform parsing on the rendering configuration information to obtain tree structure rendering data corresponding to the target page, where the tree structure rendering data is tree structure data in which the at least one style rendering element carrying rendering attribute data is used as a node, and a layer-level relationship between the at least one style rendering element is a node-level relationship;
a page rendering module configured to perform rendering the view of the at least one style rendering element based on the tree structure rendering data to obtain the target page.
8. An electronic device, comprising:
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the instructions to implement the page rendering method of any of claims 1 to 6.
9. A computer readable storage medium, wherein instructions in the storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the page rendering method of any of claims 1 to 6.
10. A computer program product comprising computer instructions, wherein the computer instructions, when executed by a processor, implement the page rendering method of any of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210343839.XA CN114924815B (en) | 2022-03-31 | 2022-03-31 | Page rendering method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210343839.XA CN114924815B (en) | 2022-03-31 | 2022-03-31 | Page rendering method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114924815A true CN114924815A (en) | 2022-08-19 |
| CN114924815B CN114924815B (en) | 2024-07-02 |
Family
ID=82804741
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210343839.XA Active CN114924815B (en) | 2022-03-31 | 2022-03-31 | Page rendering method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114924815B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115982485A (en) * | 2022-12-23 | 2023-04-18 | 北京火山引擎科技有限公司 | A page rendering method, device, computer equipment and storage medium |
| CN116011421A (en) * | 2022-12-12 | 2023-04-25 | 北京火山引擎科技有限公司 | A table rendering method and device |
| CN117274464A (en) * | 2023-11-15 | 2023-12-22 | 成都市灵奇空间软件有限公司 | Data rendering methods, devices and equipment based on the Metaverse |
| WO2024056100A1 (en) * | 2022-09-16 | 2024-03-21 | 腾讯科技（深圳）有限公司 | Page rendering method and apparatus, device, storage medium, and computer program product |
| WO2025162406A1 (en) * | 2024-01-31 | 2025-08-07 | 北京字跳网络技术有限公司 | Page display method and apparatus, device and storage medium |
Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090228782A1 (en) * | 2008-03-04 | 2009-09-10 | Simon Fraser | Acceleration of rendering of web-based content |
| CN106168978A (en) * | 2016-07-25 | 2016-11-30 | 腾讯科技（深圳）有限公司 | The treating method and apparatus of pop-up in a kind of webpage |
| CN108415702A (en) * | 2018-01-22 | 2018-08-17 | 北京奇艺世纪科技有限公司 | A kind of mobile terminal application interface dynamic rendering intent and device |
| US10127210B1 (en) * | 2015-09-25 | 2018-11-13 | Amazon Technologies, Inc. | Content rendering |
| CN109634598A (en) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | A kind of page display method, device, equipment and storage medium |
| CN110196953A (en) * | 2019-05-30 | 2019-09-03 | 北京腾云天下科技有限公司 | Application point burying method and device, computing equipment and system |
| US20200294307A1 (en) * | 2018-05-31 | 2020-09-17 | Alibaba Group Holding Limited | Displaying rich text on 3d models |
| CN112000331A (en) * | 2020-08-07 | 2020-11-27 | 北京三快在线科技有限公司 | Page rendering method and device, electronic equipment and storage medium |
| CN112417345A (en) * | 2021-01-25 | 2021-02-26 | 北京小米移动软件有限公司 | Rendering method, device, electronic device and storage medium |
| CN112558970A (en) * | 2020-12-24 | 2021-03-26 | 贵阳货车帮科技有限公司 | Rendering generation method and device for front-end page, front-end equipment and storage medium |
| CN113051507A (en) * | 2021-03-29 | 2021-06-29 | 北京智慧星光信息技术有限公司 | Method and system for constructing bidirectional binding web page front end display based on json data |
| CN113761871A (en) * | 2021-02-02 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Rich text rendering method, apparatus, electronic device and storage medium |
| CN114185544A (en) * | 2021-12-06 | 2022-03-15 | 北京达佳互联信息技术有限公司 | Page data processing method and device, electronic equipment and storage medium |
-
2022
- 2022-03-31 CN CN202210343839.XA patent/CN114924815B/en active Active
Patent Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090228782A1 (en) * | 2008-03-04 | 2009-09-10 | Simon Fraser | Acceleration of rendering of web-based content |
| US10127210B1 (en) * | 2015-09-25 | 2018-11-13 | Amazon Technologies, Inc. | Content rendering |
| CN106168978A (en) * | 2016-07-25 | 2016-11-30 | 腾讯科技（深圳）有限公司 | The treating method and apparatus of pop-up in a kind of webpage |
| CN108415702A (en) * | 2018-01-22 | 2018-08-17 | 北京奇艺世纪科技有限公司 | A kind of mobile terminal application interface dynamic rendering intent and device |
| US20200294307A1 (en) * | 2018-05-31 | 2020-09-17 | Alibaba Group Holding Limited | Displaying rich text on 3d models |
| CN109634598A (en) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | A kind of page display method, device, equipment and storage medium |
| CN110196953A (en) * | 2019-05-30 | 2019-09-03 | 北京腾云天下科技有限公司 | Application point burying method and device, computing equipment and system |
| CN112000331A (en) * | 2020-08-07 | 2020-11-27 | 北京三快在线科技有限公司 | Page rendering method and device, electronic equipment and storage medium |
| CN112558970A (en) * | 2020-12-24 | 2021-03-26 | 贵阳货车帮科技有限公司 | Rendering generation method and device for front-end page, front-end equipment and storage medium |
| CN112417345A (en) * | 2021-01-25 | 2021-02-26 | 北京小米移动软件有限公司 | Rendering method, device, electronic device and storage medium |
| CN113761871A (en) * | 2021-02-02 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | Rich text rendering method, apparatus, electronic device and storage medium |
| CN113051507A (en) * | 2021-03-29 | 2021-06-29 | 北京智慧星光信息技术有限公司 | Method and system for constructing bidirectional binding web page front end display based on json data |
| CN114185544A (en) * | 2021-12-06 | 2022-03-15 | 北京达佳互联信息技术有限公司 | Page data processing method and device, electronic equipment and storage medium |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2024056100A1 (en) * | 2022-09-16 | 2024-03-21 | 腾讯科技（深圳）有限公司 | Page rendering method and apparatus, device, storage medium, and computer program product |
| EP4459457A4 (en) * | 2022-09-16 | 2025-06-11 | Tencent Technology (Shenzhen) Company Limited | PAGE DISPLAY METHOD AND DEVICE, DEVICE, STORAGE MEDIUM AND COMPUTER PROGRAM PRODUCT |
| CN116011421A (en) * | 2022-12-12 | 2023-04-25 | 北京火山引擎科技有限公司 | A table rendering method and device |
| CN115982485A (en) * | 2022-12-23 | 2023-04-18 | 北京火山引擎科技有限公司 | A page rendering method, device, computer equipment and storage medium |
| CN117274464A (en) * | 2023-11-15 | 2023-12-22 | 成都市灵奇空间软件有限公司 | Data rendering methods, devices and equipment based on the Metaverse |
| CN117274464B (en) * | 2023-11-15 | 2024-04-16 | 成都市灵奇空间软件有限公司 | Metadata-based data rendering method, device and equipment |
| WO2025162406A1 (en) * | 2024-01-31 | 2025-08-07 | 北京字跳网络技术有限公司 | Page display method and apparatus, device and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114924815B (en) | 2024-07-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114924815B (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN114637935B (en) | Page information display method, device, electronic device and storage medium | |
| CN113238823A (en) | Information display method and device, electronic equipment and storage medium | |
| CN114938458B (en) | Object information display method and device, electronic equipment and storage medium | |
| CN110780939B (en) | Method, device, computer equipment and storage medium for loading resource file | |
| CN113467855A (en) | Webpage request processing method and device, electronic equipment and storage medium | |
| WO2022048141A1 (en) | Image processing method and apparatus, and computer readable storage medium | |
| CN113127410A (en) | Method and system for converting PPT file format | |
| CN112328814A (en) | Multimedia resource recommendation method, device and storage medium | |
| CN113836465A (en) | Control display method, system, computer device and storage medium | |
| CN114924782B (en) | Service update processing method and device, electronic equipment and storage medium | |
| CN109684570A (en) | Web information processing method and device | |
| CN117201887A (en) | Media content display method, device, electronic equipment and storage medium | |
| CN113722638B (en) | Page display method and device, electronic equipment and storage medium | |
| CN116126188A (en) | Information display method, information processing method and device | |
| CN112083852B (en) | Recommendation bit layout method, device, equipment and medium for video application | |
| CN115391582A (en) | Card processing method, electronic device and system | |
| CN114428899A (en) | Multimedia resource pushing method and device, electronic equipment and storage medium | |
| CN113626744A (en) | Data processing method and device, computer equipment and storage medium | |
| CN115525305A (en) | Data processing method, application starting method, device, computer equipment and storage medium | |
| CN113672829B (en) | Page display method and device, electronic equipment and storage medium | |
| CN113630612B (en) | Data processing and data displaying method and device, electronic equipment and medium | |
| CN112199090A (en) | Information flow processing method, device and computer readable storage medium | |
| CN114861094A (en) | Weather information display method and device, electronic equipment and storage medium | |
| CN114862996B (en) | Animation rendering method, device, electronic device and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant |