CN112114799B - Page rendering method, device and equipment - Google Patents
Page rendering method, device and equipment Download PDFInfo
- Publication number
- CN112114799B CN112114799B CN202011054691.5A CN202011054691A CN112114799B CN 112114799 B CN112114799 B CN 112114799B CN 202011054691 A CN202011054691 A CN 202011054691A CN 112114799 B CN112114799 B CN 112114799B
- Authority
- CN
- China
- Prior art keywords
- height value
- target
- element information
- information
- carried
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Graphics (AREA)
- Human Computer Interaction (AREA)
- Image Generation (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a page rendering method, a device and equipment, wherein the method comprises the following steps: receiving an insertion request, acquiring element information corresponding to at least one element to be inserted according to the insertion request, wherein each element information carries a height value of a corresponding element, determining a target height value according to the height value carried in the element information of the inserted element, sequentially determining a relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information, and rendering and displaying the corresponding element on a display interface based on the element information corresponding to at least one element and the relative height value to be inserted corresponding to each element. The scheme is not limited to the scene with the width value and the height value needing to be fixedly set, so that the flexibility of element information setting is improved, and the actual requirements of most rendering scenes can be met.
Description
Technical Field
The embodiment of the invention relates to the technical field of data processing, in particular to a page rendering method, device and equipment.
Background
With the development of internet technology, various types of web pages, APP (Application) or applets, etc., are becoming more and more popular among users.
In the prior art, a web page, APP, applet or the like may include a plurality of element contents, and when the content is displayed on a terminal device, one window display area cannot completely display all the element contents, so that a user needs to determine the element contents to be rendered first by scrolling back and forth in the process of browsing an interface, and then display the rendered window display area and the element contents in several pages nearby in the display interface. When determining the element content to be rendered, the number of elements contained in each rendering page number needs to be a constant value, namely, the width value and the height value of each element content need to be set fixedly, because the element content to be rendered can only be determined by the number of rendered pages and the number of elements contained in each rendering page number.
However, the above rendering method can only be applied to scenes with fixed width values and height values of elements, and cannot meet the actual requirements of most rendered scenes.
Disclosure of Invention
The embodiment of the invention provides a page rendering method, device and equipment, which are used for meeting the actual requirements of most rendering scenes.
In a first aspect, an embodiment of the present invention provides a page rendering method, including:
Receiving an insertion request, and acquiring element information corresponding to at least one element to be inserted according to the insertion request, wherein each element information carries a height value of the corresponding element;
Determining a target height value according to the height value carried in the element information of the inserted element;
determining the corresponding relative height value to be inserted of each element according to the target height value and the height value carried in each element information;
And rendering and displaying the corresponding element on a display interface based on the element information corresponding to the at least one element and the relative height value to be inserted corresponding to each element.
Optionally, if the inserting instruction is received for the first time, the determining the target height value according to the height value carried in the element information of the inserted element includes:
The target height value is set to zero.
Optionally, if the inserting instruction is a post-inserting instruction, the determining the target height value according to the height value carried in the element information of the inserted element includes:
acquiring a height value carried in element information of the inserted element;
acquiring a first element information set with a height value of a positive value from the element information of the inserted element based on the height value carried in the element information of the inserted element;
And carrying out summation operation according to the height value carried by each element in the first element information set to obtain a first target height value, wherein the first target height value is a positive value.
Optionally, if the inserting instruction is a previous inserting instruction, the determining the target height value according to the height value carried in the element information of the inserted element includes:
acquiring a height value carried in element information of the inserted element;
acquiring a second element information set with a negative height value from the element information of the inserted element based on the height value carried in the element information of the inserted element;
and carrying out summation operation according to the height value carried by each element in the second element information set to obtain a second target height value, wherein the second target height value is a negative value.
Optionally, if the target height value is zero, determining, in sequence, a relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information includes:
Setting the relative height value to be inserted of the first element to zero;
and accumulating the height values according to the relative height value of the first element and the height value carried in the information of each element in sequence to obtain the relative height value to be inserted corresponding to each element.
Optionally, the determining, in sequence, the relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information includes:
setting a relative height value to be inserted of the first element as a first target height value;
And accumulating the height values according to the first target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
Optionally, the determining the relative height value to be inserted of each element according to the target height value and the height value of the corresponding element carried in each element information includes:
setting the relative height value to be inserted of the first element as a second target height value;
And accumulating the height values according to the second target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
Optionally, before the setting the relative height value to be inserted of the first element to the second target height value, the method further includes:
ordering at least one element based on the acquisition time of element information corresponding to the at least one element to be inserted;
and setting the element with the latest acquisition time after sequencing as the first element.
Optionally, the method further comprises:
responding to a scrolling operation, and acquiring a scrolled target position corresponding to the scrolling operation;
Judging whether to trigger a local rendering action or not according to a preset local rendering rule and the target position;
if the local rendering action is determined to be triggered, determining the height range of the area to be rendered according to the target position;
acquiring a target element information set with a relative height value within the height range;
Rendering and displaying the target element information set on a display interface based on the target element information set and the relative height value corresponding to each target element in the target element information set.
Optionally, the determining the height range of the area to be rendered according to the target position includes:
acquiring a preset rendering page number and pixel height of each rendering page number;
and determining the height range of the area to be rendered according to the preset rendering page numbers, the pixel height of each rendering page number and the target position.
Optionally, the acquiring the target element information set with the relative height value in the height range includes:
And acquiring a target element information set with a relative height value in the height range from an element storage space based on a preset binary search rule, wherein the element storage space stores the relative height value corresponding to each element.
Optionally, the method further comprises:
Receiving an update request, wherein the update request carries an element identifier;
Acquiring a target storage position of element information corresponding to the element identifier from a pre-stored hash table;
acquiring at least one element information corresponding to the element identifier from an element storage space based on the target storage position;
and updating at least one element information corresponding to the element identifier based on the update request.
In a second aspect, an embodiment of the present invention provides a page rendering apparatus, including:
The device comprises a receiving module, a processing module and a processing module, wherein the receiving module is used for receiving an insertion request and obtaining element information corresponding to at least one element to be inserted according to the insertion request, wherein each element information carries a height value of the corresponding element;
The processing module is used for determining a target height value according to the height value carried in the element information of the inserted element;
the processing module is further used for sequentially determining a relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information;
the processing module is further configured to render and display the corresponding element on the display interface based on the element information corresponding to the at least one element and the relative height value to be inserted by each element.
In a third aspect, an embodiment of the present invention provides a page rendering apparatus, including: at least one processor and memory;
the memory stores computer-executable instructions;
The at least one processor executing computer-executable instructions stored in the memory causes the at least one processor to perform the page rendering method of any one of the first aspects.
In a fourth aspect, an embodiment of the present invention provides a computer-readable storage medium, in which computer-executable instructions are stored, which when executed by a processor, implement a page rendering method according to any one of the first aspects.
After the scheme is adopted, the method, the device and the equipment for rendering the page can firstly receive the insertion request, acquire the element information corresponding to at least one element to be inserted according to the insertion request, determine the target height value according to the height value carried in the element information of the inserted element, sequentially determine the relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information, render and display the corresponding element on the display interface based on the element information corresponding to at least one element and the relative height value to be inserted corresponding to each element, determine the insertion position corresponding to the new element to be inserted in a mode of accumulating the height values of the inserted element, and are not limited to a scene in which the width value and the height value are required to be fixedly set, so that the flexibility of setting the element information is improved, and the actual requirements of most rendering scenes can be met.
Drawings
In order to more clearly illustrate the embodiments of the invention or the technical solutions of the prior art, the drawings which are used in the description of the embodiments or the prior art will be briefly described, it being obvious that the drawings in the description below are only some embodiments of the invention, and that other drawings can be obtained according to these drawings without inventive faculty for a person skilled in the art.
FIG. 1 is a schematic diagram of an application of a fixed width and height value according to an embodiment of the present invention;
fig. 2 is a schematic flow chart of a page rendering method according to an embodiment of the present invention;
FIG. 3 is a schematic diagram illustrating an application of a data storage method according to an embodiment of the present invention;
fig. 4 is an application schematic diagram of a display interface according to an embodiment of the present invention;
FIG. 5 is a schematic diagram illustrating an application of a position index according to an embodiment of the present invention;
Fig. 6 is a schematic structural diagram of a page rendering device according to an embodiment of the present invention;
fig. 7 is a schematic hardware structure of a page rendering device according to an embodiment of the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
The terms "first," "second," "third," "fourth" and the like in the description and in the claims and in the above drawings, if any, are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the invention described herein may be capable of including other sequential examples in addition to those illustrated or described. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
In the prior art, in a scene of applying a web page, an APP or an applet to a long list, a plurality of element contents may be included, and when the content is displayed on a terminal device, one window display area cannot completely display all the element contents, so that a user needs to determine the element contents to be rendered first by scrolling back and forth in the process of browsing an interface, and then the rendered window display area and the element contents in several pages nearby are displayed in the display interface. In determining the element content to be rendered, especially for the applet, since the element content to be rendered can only be determined by the number of rendered pages and the number of elements contained in each rendered page, the number of elements contained in each rendered page needs to be a constant value, i.e. the width value and the height value of each element content need to be set fixedly. Referring now to the description of the applet, fig. 1 is a schematic diagram of the application of the conventional fixed width and height values provided in the embodiment of the present invention, as shown in fig. 1, in this embodiment, the conventional display interface has rendered and displayed two pages of elements, the first page (i.e. the first window display area) has fixedly rendered and displayed three elements 1,2 and 3 of the same width and height values, the second page (i.e. the first window display area) has fixedly rendered and displayed three elements 4,5 and 6 of the same width and height values, and then the height and width values of the element 7 of the next rendering and displaying are the same as those of the six elements, and when determining the element of the next rendering and displaying, the element (element 7) of the next rendering and displaying can be determined only according to the number of pages (2) and the number of rendering and displaying (3) of each page of rendering and displaying. However, the above rendering method can only be applied to scenes with fixed width values and height values of elements, and cannot meet the actual requirements of most rendered scenes.
Based on the problems, the method sequentially determines the insertion positions corresponding to the new elements to be inserted in a mode of accumulating the height values of the inserted elements, is not limited to the scene that the width values and the height values need to be fixedly set, improves the flexibility of element information setting, and achieves the technical effect of meeting the actual requirements of the partial rendering scene of most long lists.
The technical scheme of the invention is described in detail below by specific examples. The following embodiments may be combined with each other, and some embodiments may not be repeated for the same or similar concepts or processes.
Fig. 2 is a flow chart of a page rendering method according to an embodiment of the present invention, where the method of the present embodiment may be executed by a terminal device. As shown in fig. 2, the method of the present embodiment may include:
s201: receiving an insertion request, and acquiring element information corresponding to at least one element to be inserted according to the insertion request, wherein each element information carries a height value of the corresponding element.
In this embodiment, when inserting an element, an insertion request may be received first, and then element information corresponding to at least one element to be inserted may be acquired according to the insertion request. Further, the element information may be classified in advance, and different element information may belong to different lists. For example, the method may be divided into three lists, i.e., left, middle and right, or may be divided into only one list, and when element information corresponding to at least one element to be inserted is acquired by an insertion request, element information corresponding to an element belonging to one list is acquired. The element component and the outer component can be bound through the relation between the components provided by the applet, and the element component and the outer component are bound into the parent-child component in a mode of embedding the fixed class name in the element component, so that the width value and the height value of each currently inserted element can be obtained in the element insertion stage through matching boundingClientRect of a class name query interface (a selection method in selectorQuery).
In addition, the element information corresponding to the element may include a width value corresponding to the element and specific content information, which may be text, video, audio or picture, in addition to a height value corresponding to the element. For example, the specific content information may be "the number of steps of your exercise today is 5000 steps", and the specific content information of the next element information may be "the number of steps ranking 20 th".
S202: and determining a target height value according to the height value carried in the element information of the inserted element.
S203: and determining the corresponding relative height value to be inserted of each element in sequence according to the target height value and the height value carried in the information of each element.
In this embodiment, in order to improve flexibility of element insertion, a target height value (i.e., an insertion position of an element to be inserted) may be obtained by accumulating the height values of the inserted elements, and a relative height value to be inserted corresponding to each element may be sequentially determined according to the target height value and the height value carried in each element information.
In particular, when determining the target height value, three modes may be involved, one being the first insertion mode, and there is no element in the display interface yet. A post-insertion mode, i.e. the insertion is performed at the extreme end of the inserted element in the display interface, and the related scene can be a scene of scrolling to the bottom of the page and adding data. The method is also a front insertion mode, namely, the front end of the inserted element in the display interface is inserted, and the related scene can be a scene of scrolling to the front part of the page and carrying out pull-down refreshing.
In one implementation, when the element is first inserted, that is, the insertion instruction is first received, determining the target height value according to the height value carried in the element information of the inserted element may include:
The target height value is set to zero.
The relative height value of the first element to be inserted is set to zero.
And accumulating the height values according to the relative height value of the first element and the height value carried in the information of each element in sequence to obtain the relative height value to be inserted corresponding to each element.
In this embodiment, if the insertion instruction is received for the first time, it may represent that there is no element on the display interface, the element is inserted for the first time, the target height value of the first element may be set to zero, then the relative height value of the second element is determined according to the height value of the second element and the target height value corresponding to the first element, that is, the height value of the second element, and the height values of the elements are sequentially accumulated according to the receiving order of the elements until reaching the last element, so as to obtain the relative height value of the last element, that is, the relative height value of the last element may be used as the target height value when the next element is inserted.
For example, when A, B, C elements are inserted for the first time, the height value of the element a is 3, the height value of the element b is 2, the height value of the element c is 4, the target height value at the time of the first insertion is 0, and the insertion is required to be performed according to the sequence of A, B, C, it may be determined that the relative height value corresponding to the element a is 0+3=3, the relative height value corresponding to the element b is 3+2=5, the relative height value corresponding to the element c is 5+4=9, and meanwhile 9 may also be used as the target height value at the time of the next insertion of the element.
In another implementation manner, when the element insertion manner is a post-insertion manner, that is, when the insertion instruction is a post-insertion instruction, determining the target height value according to the height value carried in the element information of the inserted element may include:
And acquiring the height value carried in the element information of the inserted element.
And acquiring a first element information set with the height value being a positive value from the element information of the inserted element based on the height value carried in the element information of the inserted element.
And carrying out summation operation according to the height value carried by each element in the first element information set to obtain a first target height value, wherein the first target height value is a positive value.
Setting a relative height value to be inserted of the first element as a first target height value;
And accumulating the height values according to the first target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
In this embodiment, when the element insertion mode is the post-insertion mode, the first target height value corresponding to the inserted element may be determined first, and then the element insertion operation may be performed according to the determined first target height value.
Furthermore, in order to ensure that the relative height value of each element at the position with respect to zero after the insertion of the element is not changed any more, the updating of the subsequent data is reduced, the processing efficiency of the data is further improved, and the height values carried in the element information can be classified according to the insertion type of the element. If the insertion type is the front insertion mode, the height value carried in the element information can be represented in a negative number form. If the insertion type is a post-insertion type, the height value carried in the element information may be represented in the form of a positive number. For example, the height value in the element corresponding to the front insertion mode may be-4, -3, or-2, etc., and the height value in the element corresponding to the rear insertion mode may be 4, 3, or 2, etc. Therefore, when determining the first target height value corresponding to the inserted element corresponding to the post-insertion mode, the type of the height value corresponding to each element in the inserted element can be determined first, then element information corresponding to the height value with the height value type being a positive value is obtained from the type of the height value, a first element information set is obtained, and then summation operation is carried out according to the height value carried by each element in the first element information set, so that the first target height value with the type being a positive value is obtained.
For example, the inserted elements include A, B, C, D elements, the height value of the a element is 3, the height value of the b element is 2, the height value of the c element is 4, and the height value of the d element is-5, when determining the first target height value corresponding to the inserted element corresponding to the post-insertion manner, the element information corresponding to the height value of the inserted element, that is, the element information corresponding to the element A, B, C, whose height value type is a positive value may be determined first, and then the summation operation is performed according to the height values to obtain the first target height value, that is, the first target height value is 3+2+4=9. In addition, the elements to be inserted include E, F elements, the height value of the E element is 3, the height value of the F element is 2, and the insertion sequence of the E element precedes the F element, according to the first target height value 9, it may be determined that the relative height value to be inserted corresponding to the E element is 9,F, the relative height value to be inserted corresponding to the element to be inserted is 9+3 =12, and then the relative height value of the first element to be inserted corresponding to the post-insertion mode after F is 12+2=14. After the insertion of a batch of elements is completed, the relative height value corresponding to the last inserted element may be set to the target height value of the first element at the next post-insertion.
In another embodiment, when the element insertion mode is the front insertion mode, that is, the insertion instruction is the front insertion instruction, determining the target height value according to the height value carried in the element information of the inserted element may include:
And acquiring the height value carried in the element information of the inserted element.
And acquiring a second element information set with the height value of a negative value from the element information of the inserted element based on the height value carried in the element information of the inserted element.
And carrying out summation operation according to the height value carried by each element in the second element information set to obtain a second target height value, wherein the second target height value is a negative value.
The relative height value of the first element to be inserted is set to the second target height value.
And accumulating the height values according to the second target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
In this embodiment, when the element insertion mode is the front insertion mode, the second target height value corresponding to the inserted element may be determined first, and then the element insertion operation may be performed according to the determined second target height value.
Furthermore, in order to ensure that the relative height value of each element at the position with respect to zero after the insertion of the element is not changed any more, the updating of the subsequent data is reduced, the processing efficiency of the data is further improved, and the height values carried in the element information can be classified according to the insertion type of the element. If the insertion type is the front insertion mode, the height value carried in the element information can be represented in a negative number form. If the insertion type is a post-insertion type, the height value carried in the element information may be represented in the form of a positive number. For example, the height value in the element corresponding to the front insertion mode may be-4, -3, or-2, etc., and the height value in the element corresponding to the rear insertion mode may be 4, 3, or 2, etc. Therefore, when determining the second target height value corresponding to the inserted element corresponding to the previous insertion mode, the type of the height value corresponding to each element in the inserted element can be determined first, then the element information corresponding to the height value with the negative height value type is obtained from the determined type of the height value, a second element information set is obtained, and then summation operation is performed according to the height value carried by each element in the second element information set, so that the second target height value with the negative type is obtained.
For example, continuing to use the foregoing example, the inserted element includes A, B, C, D elements, the height value of the a element is 3, the height value of the b element is 2, the height value of the c element is 4, and the height value of the D element is-5, when determining the second target height value corresponding to the inserted element corresponding to the previous insertion mode, the element information corresponding to the height value of the inserted element, i.e., the element information corresponding to the element D, whose height value type is a negative value, may be determined first, and then a summation operation is performed according to the height values to obtain the second target height value, i.e., the second target height value is-5. In addition, the elements to be inserted include G, H, I elements, the height value of the G element is-3, the height value of the H element is-2, the height value of the I element is-1, the insertion sequence of the G element precedes the H element, the insertion sequence of the H element precedes the I element, it may be determined that the relative height value to be inserted corresponding to the G element is-5,H, the relative height value to be inserted corresponding to the G element is-5-3= -8,I, the relative height value to be inserted corresponding to the I element is-8-2= -10, and the relative height value of the first element to be inserted corresponding to the previous insertion mode after the I element is-10-1= -11. After the insertion of a batch of elements is completed, the relative height value corresponding to the last inserted element may be set to the target height value of the first element at the next previous insertion.
Furthermore, before setting the relative height value to be inserted of the first element to the second target height value, it may further include:
And sequencing at least one element based on the acquisition time of the element information corresponding to the at least one element to be inserted.
And setting the element with the latest acquisition time after sequencing as the first element.
In this embodiment, the order of element rendering is generally that the earlier the acquisition time is, the more front the position of rendering display is, however, when performing the pre-insertion operation, since the order of the page rendering array is rendered according to the order of the array index numbers from small to large, a quick backward and forward interchange (reverse) operation is required to be performed after a batch of element information is completed, and then the page rendering array is inserted into the head of the existing pre-insertion array, that is, the element with the latest acquisition time after the sorting is set as the first element, and the elements with the earliest acquisition time are sequentially sorted, and are set as the last element.
For example, continuing to use the foregoing example, the inserted element includes A, B, C, D elements, the height value of the a element is 3, the height value of the b element is 2, the height value of the c element is 4, and the height value of the D element is-5, when determining the second target height value corresponding to the inserted element corresponding to the previous insertion mode, the element information corresponding to the height value of the inserted element, i.e., the element information corresponding to the element D, whose height value type is a negative value, may be determined first, and then a summation operation is performed according to the height values to obtain the second target height value, i.e., the second target height value is-5. In addition, the elements to be inserted include G, H, I three elements, the height value of the G element is-3, the height value of the H element is-2, the height value of the I element is-1, the insertion sequence of the G element precedes the H element, the insertion sequence of the H element precedes the I element, the elements are ordered based on the acquisition time of the element information corresponding to at least one element to be inserted, and the acquisition time may be G, H, I from the early to the late, so I may be set as the first element, and according to the second target height value-5, it is determined that the relative height value to be inserted corresponding to the I element is-5-1= -6, the relative height value to be inserted corresponding to the G element is-6-2= -8, and the relative height value to be inserted corresponding to the first element to be inserted corresponding to the previous insertion mode after the G element is-8-3= -11. After the insertion of a batch of elements is completed, the relative height value corresponding to the last inserted element may be set to the target height value of the first element at the next previous insertion.
In addition, the element information, and the relative height value of the element corresponding to each element information, may be stored in the form of an array.
Further, fig. 3 is an application schematic diagram of a data storage manner provided in the embodiment of the present invention, in order to facilitate searching, element information corresponding to elements and relative height values of elements may be stored separately, as shown in fig. 3a, which is a specific application of a height record array, in which a width value, a height value, a relative height value, and a custom index IDX of each element are stored in the array, and an element inserted forward and an element added backward are also stored in different arrays and distinguished by the index IDX. For example, a positive value for the subscript IDX may represent a append after, and a negative value for the subscript IDX may represent a insert before. As shown in fig. 3b, for a specific application of the source data array, the source data array has original information of each element recorded therein, and IDX thereof as extension information. When inserting elements, the relative height values of the elements can be calculated in a sequential accumulation mode and stored in a height record array to serve as the distance top height of the elements, and then the index IDX is calculated according to the insertion sequence.
S204: rendering and displaying the corresponding element on the display interface based on the element information corresponding to the at least one element and the relative height value to be inserted corresponding to each element.
In this embodiment, after the element information corresponding to each element and the relative height value to be inserted corresponding to each element are obtained, the corresponding element may be rendered and displayed on the display interface. Further, the specific rendering process may be to obtain a relative height value corresponding to the first IDX element, use the relative height value as a distraction height of the outer parent element, and then sequentially perform rendering display at a corresponding position according to element information of each element.
After the scheme is adopted, the insertion request can be received firstly, the element information corresponding to at least one element to be inserted can be obtained according to the insertion request, the target height value is determined according to the height value carried in the element information of the inserted element, then the relative height value to be inserted corresponding to each element is sequentially determined according to the target height value and the height value carried in each element information, the corresponding element is rendered and displayed on the display interface based on the element information corresponding to at least one element and the relative height value to be inserted corresponding to each element, the insertion position corresponding to the new element to be inserted is determined in a mode of accumulating the height values of the inserted elements, the method is not limited to a scene in which the width value and the height value are required to be fixedly set, the flexibility of setting the element information is improved, and the actual requirements of most of rendered scenes can be met.
The examples of the present specification also provide some specific embodiments of the method based on the method of fig. 2, which is described below.
In another embodiment, the method may further include:
In response to the scroll operation, a target position after scrolling corresponding to the scroll operation is acquired.
Judging whether to trigger the local rendering action or not according to a preset local rendering rule and a target position.
And if the triggering of the local rendering action is determined, determining the height range of the area to be rendered according to the target position.
A set of target element information is acquired having a relative altitude value within an altitude range.
Rendering and displaying the target element information set on the display interface based on the target element information set and the relative height value corresponding to each target element in the target element information set.
Determining the height range of the region to be rendered according to the target position may include:
And acquiring a preset rendering page number and pixel height of each rendering page number.
And determining the height range of the area to be rendered according to the preset rendering page numbers, the pixel height of each rendering page number and the target position.
In this embodiment, the user may need to scroll back and forth through the interface to view more element content during browsing of the page or applet. In order to improve the processing efficiency of data, a local rendering rule can be set first, and in the scrolling process, the element content to be displayed can be locally rendered in advance, so that the rendering efficiency is improved, the waiting time of a user is reduced, unacceptable performance expenditure caused by single rendering of the full-quantity element is avoided, and the use experience of the user is further improved.
Fig. 4 is an application schematic diagram of a display interface provided in an embodiment of the present invention, as shown in fig. 4 a, in which three elements A, B and C are rendered and displayed in the display interface, and a black bold frame represents element contents in a window display area that can be seen by a user in the display interface, and from the top of a first element to the bottommost of a dotted line represent element contents that are all inserted into the display interface. As shown in fig. 4 b, after scrolling the page a certain distance, the state of partial rendering is triggered, in this example, in addition to the A, B and C elements already rendered and displayed, the partial rendering of the D element is additionally triggered, where the black bolded box may still represent the element content in the window display area that can be seen by the user in the display interface, and the whole dashed box represents the element content that is fully inserted in the display interface.
Further, a target position after scrolling corresponding to the scrolling operation may be obtained in response to the scrolling operation triggered by the user, where the target position may be a height from the bottom in the currently displayed interface. For example, the currently displayed interface may include 1920 pixels and the target location may be 1000 pixels from the bottom in the currently displayed interface.
After determining the target position, whether the local rendering action needs to be triggered can be determined based on a preset local rendering rule, specifically, the determination can be performed according to the number of incoming rendering pages N, when the triggering height from the last local rendering is greater than n×screen height/2-0.5 (the asynchronous loading waiting can be reduced by reserving a half page buffer, the user experience is improved), the triggering of the local rendering can be determined, and h-n×screen height/2 (0 is taken if less than 0) corresponding to the current target position h and h+n×screen height/2 are used as the new height range of the area to be rendered. In order to avoid frequent triggering of local rendering, the number of rendering pages can be set according to actual application scene customization, and by way of example, the number of rendering pages can be set to 6 by default.
Further, after determining the height range of the new region to be rendered, a target element information set having a relative height value within the height range may be acquired.
Furthermore, a target element information set with a relative height value within a height range can be obtained from an element storage space based on a preset binary search rule, wherein the relative height value corresponding to each element is stored in the element storage space, and for elements with large data quantity, the system performance is obviously improved. In addition, the element storage space may be a generic term for the height record array and the source data array in the foregoing embodiments.
Specifically, when the target element information set is acquired, IDX of the minimum and maximum elements required to be rendered can be obtained first. And taking the distance top height corresponding to the first IDX element as the spreading height of the outer parent element. Then set a new rendering array and a distraction height from the top in one rendering cycle by setData and record the start IDX of the current rendering.
In addition, for the stage of scrolling to the bottom, which requires additional data, when the local rendering is triggered, the current local rendering data and the increment element data are combined by default.
For the stage of scrolling the top pull-down refresh forward append data, the IDX is recorded in a negative form into a corresponding height record array, whether the IDX is forward inserted or backward inserted can be distinguished according to the bound IDX in the process boundingClientRect callback, meanwhile, whether a node (such as a rollback operation) is already rendered can be confirmed according to the IDX value, and when the local rendering is triggered, the rendered data volume defaults to a collection of delta element data and current local rendering data.
With the above scheme, when a large amount of data has been rendered in the list and the inserted data needs to be re-rendered, the processor burr problem is improved, and the memory occupation changes from high occupation of each inserted data to frequent but stable small-amplitude jitter, which is maintained within an acceptable range.
Furthermore, in another embodiment, the method may further include:
and receiving an update request, wherein the update request carries the element identifier.
And acquiring a target storage position of the element information corresponding to the element identifier from a pre-stored hash table.
At least one element information corresponding to the element identification is obtained from the element storage space based on the target storage location.
And updating at least one element information corresponding to the element identifier based on the update request.
In this embodiment, application scenarios that appear at different positions in the display interface for the same element may be involved. For example, if the element a is related promotion content, in order to increase the exposure rate of the promotion content, the element a may be displayed multiple times at different positions. In addition, for the element B, if the user wants to view the element B, but does not know the specific position of the element B, the element B may be searched by searching, and the element B may be separately displayed on a new display interface, and the original display interface also includes the element B. In the prior art, when an element is modified, since there is no function of exposing the content of stock data (which has been rendered, once rendered, or has been transferred to a component to be rendered), when the element is updated (for example, praise, comment, modification, etc.), only the element information at the current position can be updated, and for the same element at other positions, the updating cannot be performed in real time.
According to the application, through improving the storage mode of the data, when updating the element information, the hash for retrieval can be determined according to the acquired element identifier (namely key value) corresponding to the element to be modified, then the IDX array which appears in the key corresponding to the hash is acquired from the index object, and the actual position of the IDX array in the source data array is calculated according to the total number of the current front inserted data and is modified. In addition, whether the element information updated currently is within the content rendered currently can be judged according to the IDX set, if so, the local rendering flow can be triggered again, and the function of updating the same element at different positions at the same time is realized.
Fig. 5 is a schematic diagram of an application of a position index according to an embodiment of the present invention, as shown in fig. 5, a hash value corresponding to each key value may be determined according to a pre-stored algorithm, and then a storage position of element information corresponding to each key value is stored corresponding to the hash corresponding to each key value. For example, hash1 may correspond to storage of key1 and key2, the storage location of element information corresponding to key1 is IDX:0 and IDX:2, the storage location of element information corresponding to key2 is IDX: -1, and hash2 may correspond to storage of key3, and the storage location of element information corresponding to key3 is IDX:3.
Based on the same idea, the embodiment of the present disclosure further provides a device corresponding to the method, and fig. 6 is a schematic structural diagram of a page rendering device provided by the embodiment of the present disclosure, as shown in fig. 6, may include:
The receiving module 601 is configured to receive an insertion request, and obtain element information corresponding to at least one element to be inserted according to the insertion request, where each element information carries a height value of a corresponding element.
A processing module 602, configured to determine a target height value according to a height value carried in the element information of the inserted element.
In this embodiment, if the insert instruction is received for the first time, the processing module 602 is further configured to:
The target height value is set to zero.
If the insert instruction is a post-insert instruction, the processing module 602 is further configured to:
And acquiring the height value carried in the element information of the inserted element.
And acquiring a first element information set with a positive height value from the element information of the inserted element based on the height value carried in the element information of the inserted element.
And carrying out summation operation according to the height value carried by each element in the first element information set to obtain a first target height value, wherein the first target height value is a positive value.
If the insert instruction is a pre-insert instruction, the processing module 602 is further configured to:
And acquiring the height value carried in the element information of the inserted element.
And acquiring a second element information set with a negative height value from the element information of the inserted element based on the height value carried in the element information of the inserted element.
And carrying out summation operation according to the height value carried by each element in the second element information set to obtain a second target height value, wherein the second target height value is a negative value.
If the target height value is zero, the processing module 602 is further configured to:
The relative height value of the first element to be inserted is set to zero.
And accumulating the height values according to the relative height value of the first element and the height value carried in the information of each element in sequence to obtain the relative height value to be inserted corresponding to each element.
The processing module 602 is further configured to:
The relative height value of the first element to be inserted is set to the first target height value.
And accumulating the height values according to the first target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
The processing module 602 is further configured to:
the relative height value of the first element to be inserted is set to the second target height value.
And accumulating the height values according to the second target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
The processing module 602 is further configured to:
and sequencing at least one element based on the acquisition time of the element information corresponding to the at least one element to be inserted.
And setting the element with the latest acquisition time after sequencing as the first element.
The processing module 602 is further configured to sequentially determine a relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information;
The processing module 602 is further configured to render and display the corresponding element on the display interface based on the element information corresponding to the at least one element and the relative height value to be inserted by each element.
Furthermore, in another embodiment, the processing module 602 is further configured to:
And responding to the scrolling operation, and acquiring a scrolled target position corresponding to the scrolling operation.
And judging whether to trigger the local rendering action according to a preset local rendering rule and the target position.
And if the local rendering action is determined to be triggered, determining the height range of the area to be rendered according to the target position.
A set of target element information is acquired for which the relative altitude value is within the altitude range.
Rendering and displaying the target element information set on a display interface based on the target element information set and the relative height value corresponding to each target element in the target element information set.
In this embodiment, the processing module 602 is further configured to:
And acquiring a preset rendering page number and pixel height of each rendering page number.
And determining the height range of the area to be rendered according to the preset rendering page numbers, the pixel height of each rendering page number and the target position.
In this embodiment, the processing module 602 is further configured to:
And acquiring a target element information set with a relative height value in the height range from an element storage space based on a preset binary search rule, wherein the element storage space stores the relative height value corresponding to each element.
Furthermore, in another embodiment, the processing module 602 is further configured to:
and receiving an update request, wherein the update request carries an element identifier.
And acquiring a target storage position of the element information corresponding to the element identifier from a pre-stored hash table.
And acquiring at least one element information corresponding to the element identifier from an element storage space based on the target storage position.
And updating at least one element information corresponding to the element identifier based on the update request.
The device provided by the embodiment of the present invention can implement the method of the embodiment shown in fig. 2, and its implementation principle and technical effects are similar, and will not be described herein.
Fig. 7 is a schematic hardware structure of a page rendering device according to an embodiment of the present invention. As shown in fig. 7, the apparatus 700 provided in this embodiment includes: at least one processor 701 and a memory 702. The processor 701 and the memory 702 are connected by a bus 703.
In a specific implementation, at least one processor 701 executes computer-executable instructions stored in the memory 702, so that the at least one processor 701 performs the method in the above method embodiments.
The specific implementation process of the processor 701 can be referred to the above method embodiment, and its implementation principle and technical effects are similar, and this embodiment will not be described herein again.
In the embodiment shown in fig. 7, it should be understood that the Processor may be a central processing unit (english: central Processing Unit, abbreviated as CPU), other general purpose processors, digital signal Processor (english: DIGITAL SIGNAL Processor, abbreviated as DSP), application-specific integrated Circuit (english: application SPECIFIC INTEGRATED Circuit, abbreviated as ASIC), and the like. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the present invention may be embodied directly in a hardware processor for execution, or in a combination of hardware and software modules in a processor for execution.
The memory may comprise high speed RAM memory or may further comprise non-volatile storage NVM, such as at least one disk memory.
The bus may be an industry standard architecture (Industry Standard Architecture, ISA) bus, an external device interconnect (PERIPHERAL COMPONENT INTERCONNECT, PCI) bus, or an extended industry standard architecture (Extended Industry Standard Architecture, EISA) bus, among others. The buses may be divided into address buses, data buses, control buses, etc. For ease of illustration, the buses in the drawings of the present application are not limited to only one bus or to one type of bus.
The embodiment of the invention also provides a computer readable storage medium, wherein computer execution instructions are stored in the computer readable storage medium, and when a processor executes the computer execution instructions, the page rendering method of the embodiment of the method is realized.
The computer readable storage medium described above may be implemented by any type of volatile or non-volatile memory device or combination thereof, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk, or optical disk. A readable storage medium can be any available medium that can be accessed by a general purpose or special purpose computer.
An exemplary readable storage medium is coupled to the processor such the processor can read information from, and write information to, the readable storage medium. In the alternative, the readable storage medium may be integral to the processor. The processor and the readable storage medium may reside in an Application SPECIFIC INTEGRATED Circuits (ASIC). The processor and the readable storage medium may reside as discrete components in a device.
Those of ordinary skill in the art will appreciate that: all or part of the steps for implementing the method embodiments described above may be performed by hardware associated with program instructions. The foregoing program may be stored in a computer readable storage medium. The program, when executed, performs steps including the method embodiments described above; and the aforementioned storage medium includes: various media that can store program code, such as ROM, RAM, magnetic or optical disks.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present invention, and not for limiting the same; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some or all of the technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit of the invention.
Claims (13)
1. A method of page rendering, comprising:
Receiving an insertion request, and acquiring element information corresponding to at least one element to be inserted according to the insertion request, wherein each element information carries a height value of the corresponding element;
Determining a target height value according to the height value carried in the element information of the inserted element;
if the insertion request is received for the first time, setting the target height value to zero;
If the insertion request is post-insertion, acquiring a height value carried in element information of the inserted element;
acquiring a first element information set with a height value of a positive value from the element information of the inserted element based on the height value carried in the element information of the inserted element;
summing according to the height value carried by each element in the first element information set to obtain a first target height value, wherein the first target height value is a positive value; if the insertion request is post-insertion, acquiring a height value carried in element information of the inserted element;
acquiring a second element information set with a negative height value from the element information of the inserted element based on the height value carried in the element information of the inserted element;
carrying out summation operation according to the height value carried by each element in the second element information set to obtain a second target height value, wherein the second target height value is a negative value;
determining the corresponding relative height value to be inserted of each element according to the target height value and the height value carried in each element information;
And rendering and displaying the corresponding element on a display interface based on the element information corresponding to the at least one element and the relative height value to be inserted corresponding to each element.
2. The method according to claim 1, wherein if the insert request is a previous insert, the determining the target height value according to the height value carried in the element information of the inserted element comprises:
acquiring a height value carried in element information of the inserted element;
acquiring a second element information set with a negative height value from the element information of the inserted element based on the height value carried in the element information of the inserted element;
and carrying out summation operation according to the height value carried by each element in the second element information set to obtain a second target height value, wherein the second target height value is a negative value.
3. The method according to claim 1, wherein if the target height value is zero, the determining, in turn, the relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information includes:
Setting the relative height value to be inserted of the first element to zero;
and accumulating the height values according to the relative height value of the first element and the height value carried in the information of each element in sequence to obtain the relative height value to be inserted corresponding to each element.
4. The method according to claim 1, wherein the determining, in turn, the corresponding relative height value to be inserted for each element according to the target height value and the height value carried in each element information includes:
setting a relative height value to be inserted of the first element as a first target height value;
And accumulating the height values according to the first target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
5. The method according to claim 2, wherein determining the relative height value to be inserted for each element according to the target height value and the height value of the corresponding element carried in each element information comprises:
setting the relative height value to be inserted of the first element as a second target height value;
And accumulating the height values according to the second target height value and the height value carried in the information of each element in sequence to obtain the corresponding relative height value to be inserted of each element.
6. The method of claim 5, further comprising, prior to setting the relative height value of the first element to be inserted to the second target height value:
ordering at least one element based on the acquisition time of element information corresponding to the at least one element to be inserted;
and setting the element with the latest acquisition time after sequencing as the first element.
7. The method of any one of claims 1-6, further comprising:
responding to a scrolling operation, and acquiring a scrolled target position corresponding to the scrolling operation;
Judging whether to trigger a local rendering action or not according to a preset local rendering rule and the target position;
if the local rendering action is determined to be triggered, determining the height range of the area to be rendered according to the target position;
acquiring a target element information set with a relative height value within the height range;
Rendering and displaying the target element information set on a display interface based on the target element information set and the relative height value corresponding to each target element in the target element information set.
8. The method of claim 7, wherein the determining the height range of the region to be rendered from the target location comprises:
acquiring a preset rendering page number and pixel height of each rendering page number;
and determining the height range of the area to be rendered according to the preset rendering page numbers, the pixel height of each rendering page number and the target position.
9. The method of claim 7, wherein the obtaining a set of target element information for a relative altitude value within the altitude range comprises:
And acquiring a target element information set with a relative height value in the height range from an element storage space based on a preset binary search rule, wherein the element storage space stores the relative height value corresponding to each element.
10. The method of any one of claims 1-6, further comprising:
Receiving an update request, wherein the update request carries an element identifier;
Acquiring a target storage position of element information corresponding to the element identifier from a pre-stored hash table;
acquiring at least one element information corresponding to the element identifier from an element storage space based on the target storage position;
and updating at least one element information corresponding to the element identifier based on the update request.
11. A page rendering apparatus, comprising:
The device comprises a receiving module, a processing module and a processing module, wherein the receiving module is used for receiving an insertion request and obtaining element information corresponding to at least one element to be inserted according to the insertion request, wherein each element information carries a height value of the corresponding element;
The processing module is used for determining a target height value according to the height value carried in the element information of the inserted element;
The processing module is further configured to set the target height value to zero if the insertion request is received for the first time;
If the insertion request is post-insertion, acquiring a height value carried in element information of the inserted element;
acquiring a first element information set with a height value of a positive value from the element information of the inserted element based on the height value carried in the element information of the inserted element;
summing according to the height value carried by each element in the first element information set to obtain a first target height value, wherein the first target height value is a positive value; if the insertion request is post-insertion, acquiring a height value carried in element information of the inserted element;
acquiring a second element information set with a negative height value from the element information of the inserted element based on the height value carried in the element information of the inserted element;
carrying out summation operation according to the height value carried by each element in the second element information set to obtain a second target height value, wherein the second target height value is a negative value;
the processing module is further used for sequentially determining a relative height value to be inserted corresponding to each element according to the target height value and the height value carried in each element information;
The processing module is further configured to render and display the corresponding element on the display interface based on the element information corresponding to the at least one element and the relative height value to be inserted corresponding to each element.
12. A page rendering apparatus, characterized by comprising: at least one processor and memory;
the memory stores computer-executable instructions;
the at least one processor executing computer-executable instructions stored in the memory causes the at least one processor to perform the page rendering method of any one of claims 1 to 10.
13. A computer readable storage medium having stored therein computer executable instructions which, when executed by a processor, implement the page rendering method of any one of claims 1 to 10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011054691.5A CN112114799B (en) | 2020-09-30 | 2020-09-30 | Page rendering method, device and equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011054691.5A CN112114799B (en) | 2020-09-30 | 2020-09-30 | Page rendering method, device and equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112114799A CN112114799A (en) | 2020-12-22 |
| CN112114799B true CN112114799B (en) | 2024-09-24 |
Family
ID=73798405
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011054691.5A Active CN112114799B (en) | 2020-09-30 | 2020-09-30 | Page rendering method, device and equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112114799B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114154470A (en) * | 2021-11-09 | 2022-03-08 | 广州市玄武无线科技股份有限公司 | Table processing method based on dynamic row height |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104951302A (en) * | 2015-06-11 | 2015-09-30 | 广州神马移动信息科技有限公司 | Webpage rendering method and device |
| CN111381823A (en) * | 2020-03-11 | 2020-07-07 | 四川长虹电器股份有限公司 | Web end long list rendering method |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8595640B2 (en) * | 2010-12-02 | 2013-11-26 | Microsoft Corporation | Render transform based scrolling and panning for smooth effects |
| CN106570142B (en) * | 2016-11-04 | 2019-09-17 | 北京神州绿盟信息安全科技股份有限公司 | A kind of data rendering method and device |
| KR102087274B1 (en) * | 2018-06-27 | 2020-03-10 | 주식회사 한글과컴퓨터 | Web electric document editing apparatus for rendering object and operating method thereof |
| CN109799945B (en) * | 2018-12-24 | 2021-04-13 | 天津字节跳动科技有限公司 | Method and device for scrolling and displaying long list of small programs, electronic equipment and storage medium |
| CN111125605B (en) * | 2019-12-31 | 2022-07-29 | 北京创鑫旅程网络技术有限公司 | Page element acquisition method and device |
-
2020
- 2020-09-30 CN CN202011054691.5A patent/CN112114799B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104951302A (en) * | 2015-06-11 | 2015-09-30 | 广州神马移动信息科技有限公司 | Webpage rendering method and device |
| CN111381823A (en) * | 2020-03-11 | 2020-07-07 | 四川长虹电器股份有限公司 | Web end long list rendering method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112114799A (en) | 2020-12-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112364277A (en) | Webpage loading method and device | |
| CN113343109B (en) | List recommendation method, computing device and computer storage medium | |
| CN113840099B (en) | Video processing method, device, equipment and computer readable storage medium | |
| CN111143739B (en) | Page jump method, computing device and computer storage medium | |
| CN110825600B (en) | Page information processing method, server and page display device | |
| CN116955863A (en) | Dynamic tree structure rendering method and device based on virtual tree | |
| CN112114799B (en) | Page rendering method, device and equipment | |
| CN107515950A (en) | A kind of image processing method, device, terminal and computer-readable recording medium | |
| CN105183829A (en) | Picture classification method and device | |
| CN116561355A (en) | Method and device for processing multimedia resources, computer equipment and storage medium | |
| CN111026964B (en) | Display method of list page, electronic equipment and computer storage medium | |
| US20200312375A1 (en) | Information processing method and electronic device | |
| CN113010814B (en) | Web page content processing method, computing device and computer storage medium | |
| CN112989240A (en) | Object display method and device, electronic equipment and readable storage medium | |
| CN110673910B (en) | Control method and control device for controlling popup window display in app system | |
| CN116301655B (en) | Method, system and readable storage medium for loading historical note pictures | |
| CN110515618A (en) | Page information input optimization method, equipment, storage medium and device | |
| CN111400260A (en) | File display method, display device, terminal device and readable storage medium | |
| CN115097983B (en) | Split screen display method, device, terminal and computer readable storage medium | |
| CN114357215B (en) | A method, device, computer equipment and storage medium for displaying painting works | |
| CN116739707A (en) | Interactive recommendation method, electronic device and storage medium | |
| CN115629695A (en) | Application page display method, device, equipment and storage medium | |
| CN112148941B (en) | Information prompting method, device and terminal equipment | |
| CN116320648A (en) | Bullet screen drawing method and device and electronic equipment | |
| CN113158620A (en) | Bookshelf page editing processing method, electronic equipment and computer 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 | ||
| GR01 | Patent grant |