Card display method and device, equipment and storage medium

Abstract

The invention provides a card display method and device, equipment and a storage medium. Specifically, when a target card needs to be rendered, firstly, card information of the target card to be rendered can be obtained; then, a reference card can be determined according to the card type information of the target card. The card type information of the reference card is matched with the card type information of the target card. The reference card is a card that has been rendered. As the reference card is rendered, the rendering information of the reference card can be obtained, the rendering information of the target card is determined according to the card information of the target card and the rendering information of the reference card, and rendering of the target card is completed. After rendering of the target card is completed, the target card can be displayed according to the rendering information of the target card. Therefore, rendering is performed on the basis of the rendered card, and the to-be-rendered card does not need to be rendered from the beginning. Therefore, the rendering efficiency is improved, and the response speed is improved.

Description

Technical Field

[0001] This application relates to the field of computers, and in particular, to a method, apparatus, device, and storage medium for card display. Background Art

[0002] With the development of computer technology, the display methods of data have become more and more diverse. In some application scenarios, the card display method has become a commonly used display method. In the card display method, data can be displayed through multiple cards. A card can also be called a content card, which is used to display data related in content. For example, when displaying multiple pieces of information of the same object, the method of card display can be used to display multiple pieces of information of multiple objects at the same time.

[0003] Since the content in the cards is related, when rendering the cards, the cards can be rendered as relatively independent individuals, thereby improving the flexibility of the cards. For example, the structure of each card can be customized to improve the flexibility of the cards.

[0004] However, rendering the cards as independent individuals has problems of low rendering efficiency and slow response speed. Summary of the Invention

[0005] To solve the problems of the prior art, this application provides a method, apparatus, device, and storage medium for card display.

[0006] Based on this, the technical solutions provided by this application are as follows:

[0007] In a first aspect, this application provides a method for card display, the method including:

[0008] Responding to a rendering instruction for a target card, obtaining the card information of the target card, where the card information of the target card includes the card type information of the target card;

[0009] Determining a reference card according to the card type information of the target card, where the card type information of the reference card matches the card type information of the target card, and the reference card is a card that has been rendered;

[0010] Determining the rendering information of the target card according to the card information of the target card and the rendering information of the reference card, where the rendering information of the reference card is the information obtained by rendering the reference card;

[0011] Displaying the target card according to the rendering information of the target card.

[0012] In some possible implementation manners, the determining the rendering information of the target card according to the card information of the target card and the rendering information of the reference card includes:

[0013] Determine rendering difference information from the card information of the target card according to the rendering information of the reference card described in the target card;

[0014] Render the target card based on the rendering information of the reference card according to the rendering difference information to obtain the rendering information of the target card.

[0015] In some possible implementation manners, the card information of the target card includes description information of rendering nodes in the target card, and the rendering information of the reference card includes rendering information of rendering nodes in the reference card;

[0016] The determining the rendering difference information according to the card information of the target card and the rendering information of the reference card includes:

[0017] Compare the description information of the rendering nodes in the target card with the rendering information of the rendering nodes in the reference card to determine target rendering nodes. The card information of the target card includes the description information of the target rendering nodes, and the rendering difference information includes the description information of the target rendering nodes.

[0018] In some possible implementation manners, the determining the rendering information of the target card based on the rendering difference information on the basis of the rendering information of the reference card includes:

[0019] Determine reference rendering nodes. The rendering information of the reference card includes the rendering information of the reference rendering nodes, and the reference rendering nodes correspond to the target rendering nodes;

[0020] Replace the rendering information of the reference rendering nodes in the rendering information of the reference card with the rendering information of the target rendering nodes to obtain the rendering information of the target card.

[0021] In some possible implementation manners, the determining the rendering information of the target card according to the card information of the target card and the rendering information of the reference card includes:

[0022] Use the card information of the target card as input to restart the rendering thread corresponding to the reference card.

[0023] In some possible implementation manners, after presenting the target card, the method further includes:

[0024] In response to an operation instruction indicating not to present the target card, retain the rendering information of the target card.

[0025] In some possible implementation manners, after retaining the rendering information of the target card, the method further includes:

[0026] In response to an operation instruction indicating to display the target card, the target card is displayed according to the rendering information of the reserved target card.

[0027] In a second aspect, the present application provides a card display device, the device includes:

[0028] An acquisition unit, configured to acquire the card information of the target card in response to a rendering instruction for the target card, where the card information of the target card includes the card type information of the target card;

[0029] A card determination unit, configured to determine a reference card according to the card type information of the target card, where the card type information of the reference card matches the card type information of the target card, and the reference card is a card that has been rendered;

[0030] An information determination unit, configured to determine the rendering information of the target card according to the card information of the target card and the rendering information of the reference card, where the rendering information of the reference card is the information obtained by rendering the reference card;

[0031] A display unit, configured to display the target card according to the rendering information of the target card.

[0032] In some possible implementation manners, the information determination unit is specifically configured to determine rendering difference information from the card information of the target card according to the rendering information of the reference card of the target card; and render the target card on the basis of the rendering information of the reference card according to the rendering difference information to obtain the rendering information of the target card.

[0033] In some possible implementation manners, the card information of the target card includes the description information of the rendering nodes in the target card, and the rendering information of the reference card includes the rendering information of the rendering nodes in the reference card; the information determination unit is specifically configured to compare the description information of the rendering nodes in the target card with the rendering information of the rendering nodes in the reference card to determine target rendering nodes, the card information of the target card includes the description information of the target rendering nodes, and the rendering difference information includes the description information of the target rendering nodes.

[0034] In some possible implementation manners, the information determination unit is specifically configured to determine a reference rendering node, the rendering information of the reference card includes the rendering information of the reference rendering node, and the reference rendering node corresponds to the target rendering node; and replace the rendering information of the reference rendering node in the rendering information of the reference card with the rendering information of the target rendering node to obtain the rendering information of the target card.

[0035] In some possible implementation manners, the information determination unit is specifically configured to use the card information of the target card as input and restart the rendering thread corresponding to the reference card.

[0036] In some possible implementation manners, the apparatus further includes a reservation unit, and the reservation unit is configured to, in response to an operation instruction indicating not to display the target card, reserve the rendering information of the target card.

[0037] In some possible implementation manners, the display unit is further configured to, in response to an operation instruction indicating to display the target card, display the target card according to the reserved rendering information of the target card.

[0038] In a third aspect, the present application provides an electronic device, including:

[0039] One or more processors;

[0040] A storage device, on which one or more programs are stored,

[0041] When the one or more programs are executed by the one or more processors, the one or more processors implement the method described in any one of the first aspect.

[0042] In a fourth aspect, the present application provides a computer-readable medium, on which a computer program is stored, where when the program is executed by a processor, the method described in any one of the first aspect is implemented.

[0043] In a fifth aspect, the present application provides a computer program product, and when the computer program product runs on a device, the device executes the method described in the first aspect.

[0044] Therefore, the present application has the following beneficial effects:

[0045] The present application provides a method, apparatus, device and storage medium for card display. Specifically, when it is necessary to render a target card, first, the card information of the target card to be rendered can be obtained. The card information of the target card includes the card type information of the target card and also includes other information required for rendering the target card. Next, a reference card can be determined according to the card type information of the target card. The card type information of the reference card matches the card type information of the target card. For example, the reference card and the target card can be cards of the same type. The reference card is a card that has been rendered. Since the reference card has been rendered, the rendering information of the reference card can be obtained, and the rendering information of the target card can be determined according to the card information of the target card and the rendering information of the reference card, thereby completing the rendering of the target card. After completing the rendering of the target card, the target card can be displayed according to the rendering information of the target card. In this way, when there is a card to be rendered, it can be checked whether there is a stored card that matches the type of the card to be rendered. If there is, the rendering information of the card to be rendered can be determined according to the rendering information of the stored card and the card information of the card to be rendered. Rendering is performed based on the already rendered card, and there is no need to render the card to be rendered from scratch. In this way, the rendering efficiency is improved, and thus the response speed is improved. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] In order to more clearly illustrate the technical solutions in the embodiments of the present application or the prior art, the following will briefly introduce the drawings required for use in the description of the embodiments or the prior art. Obviously, the drawings in the following description are only some embodiments recorded in the present application. For those of ordinary skill in the art, without creative efforts, other drawings can also be obtained based on these drawings.

[0047] Figure 1 is a flowchart of the card display method provided by the embodiment of the present application;

[0048] Figure 2 is a schematic structural diagram of a card display apparatus provided by an embodiment of the present application;

[0049] Figure 3 is a schematic diagram of the basic structure of an electronic device provided by an embodiment of the present application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0050] The embodiments of the present application will be described in more detail with reference to the drawings. Although some embodiments of the present application are shown in the drawings, it should be understood that the present application can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. On the contrary, these embodiments are provided to more thoroughly and completely understand the present application. It should be understood that the drawings and embodiments of the present application are only for exemplary purposes and are not used to limit the protection scope of the present application.

[0051] It should be understood that the various steps described in the method embodiments of the present application may be executed in different orders and / or executed in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present application is not limited in this regard.

[0052] As used herein, the term "including" and its variations are open-ended, that is, "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0053] It should be noted that the concepts such as "first", "second", etc. mentioned in the present application are only used to distinguish different objects, devices, modules or units, and are not used to limit the order or mutual dependence relationship of the functions executed by these devices, modules or units.

[0054] It should be noted that the modification of "one" and "a plurality" mentioned in the present application is illustrative rather than restrictive. Those skilled in the art should understand that unless clearly stated otherwise in the context, it should be understood as "one or more".

[0055] In the scenario of presenting content through cards, each card can be rendered as an independent entity. For example, a card can be regarded as a container, and this container can correspond to a display area with a fixed or adjustable area, and the data inside the container can be independently rendered.

[0056] In this way, the flexibility of the presentation method can be improved. For example, the structure of the card can be planned according to the content to be presented. In this way, a card that matches the content can be selected to present the corresponding content, thereby improving the presentation effect. Although independently rendering cards can improve the presentation effect, there is a problem of low rendering efficiency.

[0057] For example, if there are multiple cards on the page to be presented, then each card needs to be rendered separately, thus consuming more time. In this way, users will feel that the presentation speed of the page is slow.

[0058] For another example, in a scenario where multiple cards are displayed through a sliding menu, the cards in the sliding menu may be added to the display area as the user slides, or may be removed from the display area as the user slides. After a card is added to the display area, it is necessary to render the card so as to display the card to the user in the display area. Thus, if the user slides the menu quickly, it may be necessary to render multiple cards per unit time. And the speed of rendering the card is limited by the performance of the device running the client. Therefore, there may be a phenomenon that the card cannot be displayed in time, and the response time of the client is long, affecting the user experience.

[0059] To this end, in some possible implementation manners, the response speed can be improved by reusing the rendering information of the card. Among them, the rendering information of the card can also be referred to as the rendering data of the card, which is the data related to the card in the memory after the card is rendered. Reusing the rendering information of the card means using the rendering information of the already-rendered card to render the unrendered card. Since the speed of displaying the card according to the rendering information of the card is fast, reusing the rendering information of the card omits the process of rendering the card, improves the rendering efficiency of the card, and reduces the response time of the client.

[0060] Specifically, for the client running on the device, when rendering a card, the card information of the card can first be loaded into the memory so that the processor can render the card according to the card information in the memory. By rendering the card, the processor can obtain the rendering information of the card and write it into the memory, and display the visual card to the user through a display device (such as a display, etc.).

[0061] After receiving the rendering instruction for a certain card, it can be determined whether the card is the same as the already-rendered card. If there is an already-rendered card that is the same as the card to be rendered, then the client can use the rendering information of the already-rendered card as the rendering information of the card to be rendered, so as to display the card to be rendered. In this way, by repeatedly using the rendering information of the already-rendered card, the rendering speed can be improved and the response time of the client can be reduced.

[0062] For example, in the sliding menu, if a certain card is removed from the display area due to the user's sliding operation, the client can retain the rendering information of the card. In this way, the rendering information of the card in the memory will not be cleared immediately. When the user's sliding operation moves the card back into the display area again, the card can be displayed according to the rendering information in the memory. In this way, there is no need to re-render the card, the rendering speed is improved, and the response time of the client is reduced.

[0063] Although the above method can improve the rendering speed by reusing the rendering information, this method can only reuse the rendering information of the same card, has a small application range, and the effect of improving the rendering speed is not good.

[0064] To solve the problems of the prior art, an embodiment of the present application provides a method for displaying cards, which will be introduced in detail below with reference to the accompanying drawings of the specification.

[0065] See Figure 1 , Figure 1 FIG. is a schematic flowchart of a method for displaying cards provided by an embodiment of the present application. The embodiment of the present application is applicable to an application scenario where an application program runs on a virtual machine. Among them, the method for displaying cards can be executed by a card display device. The card display device can run on a terminal device or a server. Optionally, the card display device can be integrated into an application program with a card display function, or the card display device can also be an independent application program for assisting an application program with a card display function to perform card display. For the convenience of introduction, the application program with a card display function will be referred to as the target application program hereinafter, and the device running the target application program will be referred to as the target device hereinafter. The following will be introduced by taking the card display device integrated into the target application program as an example. Optionally, the target device can be a physical computing device or a cluster composed of multiple computing devices.

[0066] As Figure 1 shown, the method specifically includes the following steps:

[0067] S101: In response to a rendering instruction for a target card, obtain the card information of the target card.

[0068] To render a card, first, a rendering instruction for the target card can be obtained. After rendering, the card information of the target card can be obtained. For the convenience of introduction, the card to be rendered can be referred to as the target card. That is to say, the target card is Figure 1 the card that needs to be rendered in the method for displaying cards shown in FIG., and it is an unrendered and to-be-rendered card.

[0069] Before rendering the target card, the target application program can obtain a rendering instruction triggered by the user for the target card. Correspondingly, the card display device can obtain the card information of the target card.

[0070] In the embodiment of the present application, the card information includes relevant information required for rendering the card. That is, the card information is the information before rendering and is used to describe the card to be rendered. Rendering according to the card information can obtain the information after rendering the card. In the embodiment of the present application, the information after rendering the card can be referred to as the rendering information of the card. It should be noted that although the method for rendering a card provided by the embodiment of the present application can render the target card by using the card information of the target card and the rendering information of the reference card, even if the traditional method for rendering a card is adopted, the card information of the target card is sufficient to render a visual target card.

[0071] Optionally, the card information of the target card may include data such as the content data of the target card and the style data of the target card, which are used to describe the visual form of the target card. The content data of the target card may correspond to the specific content displayed on the target card, and the style data of the target card may correspond to the structure of the target card.

[0072] In the embodiments of the present application, the rendering information of the card may be reused according to the card type information of the card. Correspondingly, the card information of the target card may include the card type information of the target card. The card type information of the target card is used to indicate the card type of the target card, and the card type may also be referred to as a card keyword (Cardkey). Optionally, the card type of the target card may be determined according to the visual form of the target card or the structure information of the target card, indicating the characteristics of the target card for visual display.

[0073] Optionally, multiple card types may be set, and then the card type of the target card may be determined according to the relevant information of the target card. For example, the type of the card may be set according to the visual form of the card, and the card types of the cards with the same or similar visual forms may be the same. Optionally, the card type of the card may be determined according to the style data of the card. The style data of different cards of the same card type may be the same, or the difference between the style data of different cards of the same card type may be less than a preset value. Correspondingly, the card type information of the target card may be determined according to the style data of the target card.

[0074] In addition, the card information of the target card may further include the description information of the rendering node of the target card. The rendering node is a node in the target card. The description information of the rendering node is used to describe the rendering node. Rendering the description information of the rendering node can obtain the rendering information of the rendering node. For the introduction of the rendering node, please refer to the following text and will not be elaborated here.

[0075] The card information of the target card has been introduced above. Next, a method for the card display device to obtain the card information of the target card will be introduced.

[0076] In the embodiments of the present application, the card display device may obtain the card information of the target card according to the rendering instruction. Correspondingly, the card display device may first obtain the rendering instruction for the target card, and then obtain the information required to render the target card, that is, the card information of the target card.

[0077] Optionally, the rendering instruction may be obtained according to the operation triggered by the user. The operation triggered by the user is used to instruct the target application to display the target card. That is to say, if the operation triggered by the user indicates the display of the target card, then the card display device may obtain the rendering instruction for the target card.

[0078] In some possible implementations, the operations triggered by the user described above may include a jump operation. Specifically, assuming that the target card is a card in the target interface, then the user can trigger a jump operation to jump to the target interface. The target application can render the target interface according to the jump operation triggered by the user. Since the target card is a card in the target interface, it will also obtain a rendering instruction for the target card.

[0079] In some other possible implementations, the operations triggered by the user described above may also include a sliding operation. For example, if the target application displays cards in the form of a sliding menu, then the target application can move the card into the display area or move the card out of the display area according to the sliding operation triggered by the user. Optionally, the user can trigger the sliding operation by swiping the screen. Or, the user can also trigger the sliding operation by dragging the sliding control.

[0080] If the sliding operation triggered by the user moves the target card into the display area, then the card display device can obtain a rendering instruction for the target card. Optionally, the target card can be associated with a certain position in the sliding menu. If the position corresponding to the target card in the sliding operation triggered by the user moves to the display area, it means that the target card is moved into the display area.

[0081] After obtaining the rendering instruction for the target card, the card display device can obtain the card information of the target card. Optionally, the card information of the target card can be obtained from the server, for example, the card information of the target card sent by the server can be received through the link between the client and the server.

[0082] It should be noted that the client can also first obtain the card information of the target card and not render the target card. After obtaining the rendering instruction for the target card, the client can render the target card. Accordingly, the card display device can obtain the rendering information of the target card and thus render the target card.

[0083] S102: Determine a reference card according to the card type information of the target card.

[0084] As introduced above, the card information of the target card includes the card type information of the target card. Accordingly, after obtaining the card information of the target card, the data processing device can determine a reference card according to the card type information of the target card.

[0085] Among them, the reference card is a card that has been rendered in the target application, and the card type information of the reference card matches the card type information of the target card. Optionally, the card type of the reference card is the same as the card type of the target card.

[0086] Since the reference card is a card that has been rendered in the target application, the data corresponding to the rendered reference card is stored in the memory of the target device running the target application. In the embodiments of the present application, the data corresponding to the rendered card can be referred to as the rendering information of the card. That is to say, after rendering the reference card, the rendering information of the reference card can be obtained. Moreover, after obtaining the information of the target card, the rendering information of the reference card is stored in the memory of the target device.

[0087] It should be noted that in the embodiments of the present application, a "card that has been rendered" refers to a card for which rendering information exists in the memory. That is to say, the reference card has been rendered, which is equivalent to the existence of the rendering information of the reference card in the memory of the target device. It can be understood that if a certain card has been rendered, but the rendering information of the card has been cleared from the memory, then since the rendering information of the card does not exist in the memory, the card is not regarded as a rendered card but as an unrendered card.

[0088] In the embodiments of the present application, there may be multiple rendered cards, and the memory of the target device may include the rendering information of multiple cards. Optionally, the rendering information of the card may also include the card type information of the card. In this way, the card display device can obtain the card type information of multiple rendered cards, and then select a card whose card type information matches the card type information of the target card as the reference card.

[0089] Optionally, there may be multiple cards whose card type information matches the card type information of the target card. Correspondingly, the target device can determine the first card whose card type information matches the card type information of the target card as the reference card.

[0090] In an implementation manner introduced below, the data processing device can modify the rendering information of the reference card in the memory to the rendering information of the target card. In this implementation manner, after rendering the target card, the rendering information of the reference card no longer exists in the memory, resulting in the target device being unable to continue displaying the reference card.

[0091] Therefore, in some possible implementation manners, the reference card can be a card that has been rendered and is no longer displayed. Correspondingly, the card display device can determine a reference card whose card type information matches the card type information of the target card from the cards that have been rendered and are no longer displayed. For example, if the target application displays cards through a sliding menu, then the reference card can be a card that is first moved into the display area and then moved out of the display area. Moreover, the time when the card display device obtains the rendering instruction for the target card is later than the time when the reference card is moved out of the display area. For the introduction of this part of the content, reference can be made to the following text, which will not be elaborated here.

[0092] In some possible implementations, the rendering information of the card may not exist in the memory of the target device, or the rendering information of a card whose card type information in the memory of the target device matches the card type information of the target card may not exist. Therefore, the card display device cannot determine the reference card, and thus cannot render the target card according to the rendering information of the reference card, and cannot continue to execute the subsequent step S103. In this way, the card display device can adopt other rendering methods to render the target card. For example, the target card can be rendered according to the card information of the target card. This application mainly discusses the case where there is a reference card, and the case where there is no reference card will not be elaborated.

[0093] Alternatively, in some other possible implementations, the target card and the reference card can be the same card. If the target card and the reference card are the same card, then the rendering information of the reference card can be used as the rendering information of the target card. In this way, the card display device can display the target card according to the rendering information of the reference card without executing the subsequent step S103. For the sake of easy introduction, the following takes the case where the target card and the reference card are different cards as an example for description.

[0094] S103: Determine the rendering information of the target card according to the card information of the target card and the rendering information of the reference card.

[0095] After obtaining the rendering information of the reference card, the card display device can render the target card according to the card information of the target card and the rendering information of the reference card, so as to obtain the rendering information of the target card. It can be seen that in the card display method provided in the embodiments of this application, when a card needs to be rendered, a card whose card type information matches the card type information of the card to be rendered can be found first, and then the card is rendered according to the rendering information of this card and the card information of the card to be rendered. In this way, for the card to be rendered, it is not rendered from scratch according to the card information of this card, but is rendered on the basis of the already rendered card. In this way, the steps of rendering the target card can be reduced, the rendering efficiency of the target card can be improved, and the response time of the client can be reduced.

[0096] According to the foregoing introduction, the card type information can be determined according to the visual form of the card. Therefore, since the card type information of the reference card matches the card type information of the target card, the visual form of the reference card is the same as or similar to the visual form of the target card. Therefore, the similarity between the rendering information of the reference card and the rendering information of the target card is relatively high. For this reason, on the basis of the reference card, it is relatively easy to obtain the rendering information of the target card.

[0097] In some possible implementations, the differences between the reference card and the target card can be determined first, and then the target card can be rendered based on the differences. Specifically, the card display device can first determine the rendering difference information according to the card information of the target card and the rendering information of the reference card. The rendering difference information represents the differences between the target card and the reference card. Then, the card display device can obtain the rendering information of the target card based on the rendering difference information on the basis of the rendering information of the reference card.

[0098] In some possible implementations, the card display device can modify the rendering information of the reference card to obtain the rendering information of the target card. Optionally, the data processing device can directly modify the rendering information of the reference card in the memory and modify the rendering information of the reference card in the memory to the rendering information of the target card.

[0099] In this way, after the modification of the rendering information of the reference card is completed, the rendering information of the target card exists in the memory of the target device, and the rendering information of the reference card does not exist. In this way, the target application can display the target card, but cannot display the reference card.

[0100] In this implementation, the reference card can be a card that is not displayed by the target application. That is to say, if the reference card is not the card being displayed by the target application, the card display device can directly modify the rendering information of the reference card to obtain the rendering information of the target card. Specifically, the card display device can retain the rendering information of the card after the card is moved out of the display area, so as to call the rendering information of the rendered card when other cards need to be rendered, improving the rendering efficiency of the cards.

[0101] Alternatively, in some other possible implementations, the card display device can copy the rendering information of the reference card and then modify the copied rendering information. Optionally, the card display device can copy the rendering information of the reference card in the memory to a new memory address. Then, the card display device can modify the rendering information of the copied reference card according to the rendering difference information to obtain the rendering information of the target card.

[0102] In this way, on the basis of rendering the target card, the rendering information of the reference card is also retained. The target application can display both the reference card according to the rendering information of the reference card and the target card according to the rendering information of the target card.

[0103] In this implementation, the reference card can be a card displayed by the target application. That is to say, if the reference card is a card being displayed by the target application, the card display device can copy the rendering information of the reference card and obtain the rendering information of the target card according to the copied rendering information of the reference card.

[0104] The following introduces the specific method for determining the rendering difference information.

[0105] As introduced above, the card information of the target card can indicate the visual form of the target card. Correspondingly, the rendering information of the reference card can also include information indicating the visual form of the reference card. When determining the rendering difference information, the visual form of the target card can be compared with the visual form of the reference card. The information corresponding to the differences between the visual form of the target card and the visual form of the reference card can be determined as the rendering difference information.

[0106] In some scenarios, the visual form of a card can be described by means of a rendering node tree. Among them, the rendering node tree includes multiple rendering nodes and the connection relationships between the multiple rendering nodes. The rendering nodes can correspond to the visual elements in the card, and the connection relationships between the rendering nodes can be used to describe the subordinate and / or positional relationships between the visual elements in the card. Correspondingly, the card display device can determine the rendering nodes that are different between the target card and the reference card, and the rendering difference information can include the description information of these rendering nodes.

[0107] Specifically, the card information of the target card includes the description information of each rendering node in the target card, and the rendering information of the reference card includes the rendering information of each rendering node in the reference card. Correspondingly, the card display device can compare the description information of the rendering nodes in the target card with the description of the rendering nodes in the reference card, and determine the rendering nodes in the target card that are different from the reference card.

[0108] In the embodiments of the present application, the rendering nodes in the target card that are different from the reference card can be referred to as target rendering nodes. The rendering nodes in the reference card that are different from the target card can be referred to as reference rendering nodes. That is to say, the card information of the target card does not include the description information of the reference rendering nodes, and the rendering information of the reference card does not include the rendering information of the target card. Optionally, the above-mentioned target rendering nodes can be a general term for multiple rendering nodes. The reference rendering nodes can also be a general term for multiple rendering nodes.

[0109] The rendering difference information can include the description information of the target rendering nodes. In this way, when determining the rendering of the target card according to the rendering difference information, the description information of the target rendering nodes can be updated to the rendering information of the reference card, so as to obtain the rendering information of the target card. Specifically, the card display device can first determine the target rendering nodes and the reference rendering nodes. When rendering the target card, the card display device can use the description information of the target rendering nodes to determine the rendering information of the target rendering nodes, and then use the rendering information of the target rendering nodes to replace the rendering information of the reference rendering nodes in the rendering information of the reference card.

[0110] In some possible implementations, there may be no reference rendering node corresponding to the target rendering node in the reference card. Accordingly, when rendering the target card, the card display device may insert the rendering information of the target rendering node at the position corresponding to the target rendering node in the rendering information of the reference card.

[0111] The method of obtaining the rendering information of the reference card based on the rendering information of the target card was introduced above. In the embodiments of the present application, the above process may be implemented through the invocation of threads.

[0112] Specifically, if the card is rendered independently, the lifecycle of the card can be managed by a relatively independent thread. In this way, when it is necessary to render the target card, the card information of the target card can be used as input to restart the rendering thread corresponding to the reference card. The rendering thread can determine the rendering difference information based on the rendering information of the reference card and the card information of the target card, so as to obtain the rendering information of the reference card. Alternatively, the rendering difference information can also be determined first based on the card information of the target card and the rendering information of the reference card, and then the rendering difference information can be input into the rendering thread of the reference card, so that the rendering thread of the reference card can modify the rendering information of the reference card according to the rendering difference information to obtain the rendering information of the target card. Optionally, the rendering thread of the reference card may be a JavaScript thread.

[0113] As can be seen from the foregoing introduction, the card can be rendered independently. Accordingly, if the target card is rendered independently, the code corresponding to the target card may include the card front-end code of the target card and the card client code of the target card. Among them, the card front-end code is used to run the card front-end thread, and the card client code is used to run the card client thread. The card front-end thread and the card client thread are used to implement the independent rendering of the target card.

[0114] When rendering the page corresponding to the target card, the thread corresponding to the client can call the card client thread of the target card to implement the rendering of the target card. The card client thread of the target card can start the lifecycle of the card front-end thread of the target card. In one lifecycle, the card front-end thread of the target card can call back the card client thread of the target card to render the card information of the target card. After the rendering of the target card is completed, the lifecycle of the card front-end thread of the target card ends.

[0115] If the target card is rendered according to the rendering difference information, the card client thread of the target card can first determine the rendering information of the reference card, and then determine the rendering difference information based on the rendering information of the reference card and the front-end information of the target card. Next, the card client thread of the target card can use the rendering difference information as the input of the card front-end thread of the target card and restart the life cycle of the card front-end thread of the target card. In this way, in the new life cycle, the card front-end thread of the target card can render the target card according to the rendering difference information of the target card.

[0116] Correspondingly, in the embodiment of the present application, the rendering thread of the target card may include the card front-end thread of the target card, and the card display device may include the card client thread of the target card and the card front-end thread of the target card.

[0117] It should be noted that the above process of thread invocation is only one implementation manner. In actual scenarios, the rendering of the target card can also be implemented through other thread invocation methods, which will not be elaborated here.

[0118] S104: Display the target card according to the rendering information of the target card.

[0119] After obtaining the rendering information of the target card, the card display device can display the target card according to the rendering information of the target card. For example, if the target device is connected to the display module, the card display device can generate image data according to the rendering information of the target card and display the target card in a visual manner through the display module. Another example is that if the target device is a server, such as a server or a server cluster that provides cloud rendering services, the card display device can send the rendering information of the target card, or send the image data obtained according to the rendering information of the target card, to the device that needs to display the target card, so that the device can display the target card in a visual manner.

[0120] An embodiment of the present application provides a method for displaying a card. Specifically, when it is necessary to render a target card, first, the card information of the target card to be rendered can be obtained. The card information of the target card includes the card type information of the target card and also includes other information required for rendering the target card. Then, a reference card can be determined according to the card type information of the target card. The card type information of the reference card matches the card type information of the target card. For example, the reference card and the target card can be cards of the same type. The reference card is a card that has already been rendered. Since the reference card has been rendered, the rendering information of the reference card can be obtained, and the rendering information of the target card can be determined according to the card information of the target card and the rendering information of the reference card, completing the rendering of the target card. After completing the rendering of the target card, the target card can be displayed according to the rendering information of the target card. In this way, when there is a card to be rendered, it can be checked whether there is a stored card that matches the type of the card to be rendered. If there is, the rendering information of the card to be rendered can be determined according to the rendering information of the stored card and the card information of the card to be rendered. Rendering is performed based on the already-rendered card, and there is no need to render the card to be rendered from scratch. In this way, the rendering efficiency is improved, and thus the response speed is improved.

[0121] As the user operates the target application, new cards may be displayed in the target application, or the cards originally displayed in the target application may stop being displayed. For the cards that are no longer displayed by the target application, the target application no longer shows the card to the user according to the rendering information. For the cards that are displayed, their rendering information can be stored in the memory of the target device. The storage space of the memory of the target device is limited. Therefore, for the cards that are no longer displayed, their rendering information can be deleted from the memory of the target device to save the memory space of the target device.

[0122] However, in the method for displaying a card provided by the embodiment of the present application, the rendering information of the already-rendered card can be used to improve the rendering speed of the card to be rendered. For this purpose, in the embodiment of the present application, the rendering information of the already-rendered card can be retained. That is to say, even if the target card is no longer being displayed, the target device may not delete the rendering information of the target card.

[0123] Specifically, after displaying the target card according to the rendering information of the target card, the card display device can obtain an operation instruction. The operation instruction is used to instruct the target application to no longer display the target card. According to the operation instruction, the card display device can stop displaying the target card and retain the rendering information of the target card.

[0124] Optionally, retaining the rendering information of the target card may include storing the rendering information of the target card in memory. For example, assuming that the card display device displays the target card according to the rendering information of the target card in the target device's memory, then after obtaining the operation instruction, the card display device can continue to retain the rendering information of the target card in memory.

[0125] Alternatively, optionally, retaining the rendering information of the target card may also include storing the rendering information of the target card in other storage areas. For example, after obtaining the operation instruction, the card display device can also copy the rendering information of the target card from memory and store the rendering information of the target card in the storage module of the target device. The storage module of the target device refers to a module in the target device that has a data storage function other than memory, such as the hard disk of the target device, etc. For another example, the card display device can also store the rendering information of the target card in the cloud or in other devices. This will not be elaborated here.

[0126] For example, if the target application presents cards to the user in the form of a sliding menu, then the operation instruction can be obtained based on the sliding operation triggered by the user. That is to say, if the sliding operation triggered by the user moves the target card out of the display area, the card display device can obtain the operation instruction. According to the operation instruction, the card display device can stop displaying the target card and retain the rendering information of the target card.

[0127] After being moved out of the display area, the rendering information of the target card can be modified. For example, before the target card is moved out of the display area, if it is necessary to display a card whose card type information matches the card type information of the target card, then the card display device can copy the rendering information of the target card and render the card to be displayed according to the copied rendering information, or the card display device can also use the rendering information of other cards to render the card to be displayed. In short, in order to ensure the normal display of the target card, the card display device does not modify the rendering information of the target card in memory. After the target card is moved out of the display area, since there is no need to display the target card, the card display device can modify the rendering information of the target card.

[0128] After storing the rendering information of the target card, if the target card is moved into the display area again, the card display device can redisplay the target card according to the retained rendering information of the target card. For example, after obtaining the operation instruction indicating to display the target card, the card display device can display the target card according to the rendering information of the target card. In this way, there is no need to re-render the target card, which can improve the rendering speed of the target card.

[0129] Moreover, if other cards need to be displayed and the card type information of the card to be displayed matches the card type information of the target card, then the card display device can use the rendering information of the target card to render the card to be rendered, thereby improving the rendering speed. For the relevant content, reference can be made to Figure 1 the corresponding implementation method, which will not be elaborated here.

[0130] In an actual scenario, the target application may display multiple cards to the user according to the user's needs. Correspondingly, the card display device may render multiple cards to obtain the rendering information of multiple cards. If the card display device continuously stores the rendering information of each card, then as the number of cards increases, the storage space occupied by the rendering information may become larger and larger. In this way, it may bring a relatively large storage pressure to the target device.

[0131] To this end, in some implementation methods, the card display device can delete the stored rendering information after storing it for a certain period of time. That is to say, after the target card is moved out of the display area, the card display device can continue to store the rendering information of the target card. If within a preset time interval, the target card is not moved into the display area again, or no card with the card type information matching the card type information of the target card is moved into the display area, then the card display device can delete the retained rendering information of the target card, thereby saving the storage space of the target device.

[0132] Based on the card display method provided in the above method embodiment, an embodiment of the present application also provides a card display device. The card display device will be described below with reference to the accompanying drawings.

[0133] See Figure 2 As shown, this figure is a schematic structural diagram of a card display device provided by an embodiment of the present application. The device is applied to a client with a card display function, such as Figure 2 As shown, the card display device includes:

[0134] An obtaining unit 210, configured to obtain the card information of the target card in response to a rendering instruction for the target card, where the card information of the target card includes the card type information of the target card;

[0135] A card determination unit 220, configured to determine a reference card according to the card type information of the target card, where the card type information of the reference card matches the card type information of the target card, and the reference card is a card that has been rendered;

[0136] An information determination unit 230, configured to determine the rendering information of the target card according to the card information of the target card and the rendering information of the reference card, where the rendering information of the reference card is the information obtained by rendering the reference card;

[0137] A display unit 240 for displaying the target card according to the rendering information of the target card.

[0138] In some possible implementation manners, the information determination unit 230 is specifically configured to determine rendering difference information from the card information of the target card according to the rendering information of the target card and the reference card; and render the target card on the basis of the rendering information of the reference card according to the rendering difference information to obtain the rendering information of the target card.

[0139] In some possible implementation manners, the card information of the target card includes description information of rendering nodes in the target card, and the rendering information of the reference card includes rendering information of rendering nodes in the reference card; the information determination unit 230 is specifically configured to compare the description information of the rendering nodes in the target card with the rendering information of the rendering nodes in the reference card to determine target rendering nodes, the card information of the target card includes the description information of the target rendering nodes, and the rendering difference information includes the description information of the target rendering nodes.

[0140] In some possible implementation manners, the information determination unit 230 is specifically configured to determine a reference rendering node, the rendering information of the reference card includes the rendering information of the reference rendering node, and the reference rendering node corresponds to the target rendering node; and replace the rendering information of the reference rendering node in the rendering information of the reference card with the rendering information of the target rendering node to obtain the rendering information of the target card.

[0141] In some possible implementation manners, the information determination unit 230 is specifically configured to use the card information of the target card as an input to restart the rendering thread corresponding to the reference card.

[0142] In some possible implementation manners, the apparatus further includes a retention unit, and the retention unit is configured to retain the rendering information of the target card in response to an operation instruction indicating not to display the target card.

[0143] In some possible implementation manners, the display unit 240 is further configured to display the target card according to the retained rendering information of the target card in response to an operation instruction indicating to display the target card.

[0144] Based on a card display method provided in the foregoing method embodiment, the present application further provides an electronic device, including: one or more processors; a storage device, on which one or more programs are stored, and when the one or more programs are executed by the one or more processors, the one or more processors implement the card display method as described in any of the foregoing embodiments.

[0145] Refer to the following Figure 3 , which shows a schematic structural diagram of an electronic device 300 suitable for implementing the embodiments of the present application. The terminal device in the embodiments of the present application may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistant), PADs (portable android devices, tablet computers), PMPs (Portable Media Player, portable multimedia players), in-vehicle terminals (such as in-vehicle navigation terminals), etc., and fixed terminals such as digital TVs (televisions), desktop computers, etc. Figure 3 The electronic device shown is only an example and should not impose any limitations on the functions and usage scope of the embodiments of the present application.

[0146] As Figure 3 shown, the electronic device 300 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 301, which may perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 302 or a program loaded from a storage device 308 into a random access memory (RAM) 303. In the RAM 303, various programs and data required for the operation of the electronic device 300 are also stored. The processing device 301, the ROM 302, and the RAM 303 are connected to each other through a bus 304. An input / output (I / O) interface 305 is also connected to the bus 304.

[0147] Generally, the following devices may be connected to the I / O interface 305: an input device 306 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 307 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 308 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 309. The communication device 309 may allow the electronic device 300 to communicate with other devices wirelessly or wiredly to exchange data. Although Figure 3 the electronic device 300 with various devices is shown, it should be understood that it is not required to implement or have all the shown devices. Instead, more or fewer devices may be implemented or had.

[0148] In particular, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product that includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes program code for performing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 609, or installed from the storage device 608, or installed from the ROM 602. When the computer program is executed by the processing device 601, the above functions defined in the method of the embodiment of the present application are executed.

[0149] The electronic device provided in the embodiment of the present application and the card display method provided in the above embodiment belong to the same inventive concept. Technical details not described in detail in this embodiment can be referred to in the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0150] Based on the card display method provided in the above method embodiment, an embodiment of the present application provides a computer storage medium on which a computer program is stored, wherein the program, when executed by a processor, implements the card display method as described in any of the above embodiments.

[0151] It should be noted that the above-mentioned computer-readable medium in the present application can be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. The computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present application, the computer-readable storage medium can be any tangible medium that contains or stores a program, and this program can be used by or in combination with an instruction execution system, apparatus, or device. In the present application, the computer-readable signal medium can include a data signal propagated in a baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer-readable signal medium can also be any computer-readable medium other than the computer-readable storage medium, and this computer-readable signal medium can send, propagate, or transmit a program for use by or in combination with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0152] In some embodiments, the client and the server can communicate using any currently known or future-developed network protocol such as HTTP (Hyper Text Transfer Protocol), and can be interconnected with digital data communication in any form or medium (e.g., a communication network). Examples of communication networks include local area networks (“LAN”), wide area networks (“WAN”), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

[0153] The above-mentioned computer-readable medium can be included in the above-mentioned electronic device; or it can exist separately without being assembled into the electronic device.

[0154] The above-mentioned computer-readable medium carries one or more programs, and when the one or more programs are executed by the electronic device, the electronic device is caused to execute the above-mentioned card display method.

[0155] Computer program code for performing the operations of this application can be written in one or more programming languages or combinations thereof. The above-mentioned programming languages include, but are not limited to, object-oriented programming languages such as Java, Smalltalk, C++, and also include conventional procedural programming languages such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, executed as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (for example, by using an Internet service provider to connect through the Internet).

[0156] The flowcharts and block diagrams in the accompanying drawings illustrate the possible architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of this application. In this regard, each block in the flowchart or block diagram may represent a module, a program segment, or a part of code that contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks may occur in a different order than that marked in the accompanying drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagram and / or flowchart, and the combination of blocks in the block diagram and / or flowchart, can be implemented by a dedicated hardware-based system for performing the specified functions or operations, or can be implemented by a combination of dedicated hardware and computer instructions.

[0157] The units involved in the embodiments described in this application can be implemented in software or in hardware. Among them, the name of the unit / module does not, in some cases, constitute a limitation on the unit itself. For example, the voice data acquisition module can also be described as the "data acquisition module".

[0158] The functions described above herein can be performed at least in part by one or more hardware logic components. For example, by way of non-limitation, exemplary types of hardware logic components that can be used include: field programmable gate arrays (FPGA), application specific integrated circuits (ASIC), application specific standard products (ASSP), system on a chip (SOC), complex programmable logic devices (CPLD), and so on.

[0159] In the context of the present application, a machine-readable medium may be a tangible medium that can contain or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium would include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0160] It should be noted that the various embodiments in this specification are described in a progressive manner, and the key point of each embodiment is to illustrate the differences from other embodiments. For the same or similar parts among the various embodiments, reference may be made to each other. For the systems or devices disclosed in the embodiments, since they correspond to the methods disclosed in the embodiments, the description is relatively simple, and reference may be made to the description in the method part for relevant parts.

[0161] It should be understood that in the present application, "at least one (item)" means one or more, and "a plurality" means two or more. "And / or" is used to describe the association relationship of associated objects and indicates that three relationships may exist. For example, "A and / or B" may represent: only A exists, only B exists, and both A and B exist simultaneously. Among them, A and B may be singular or plural. The character " / " generally represents an "or" relationship between the associated objects before and after. "At least one (one) of the following" or its similar expression refers to any combination of these items, including any combination of single items (ones) or plural items (ones). For example, at least one (one) of a, b, or c may represent: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c may be single or multiple.

[0162] It should also be noted that in this text, relational terms such as first and second are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any actual relationship or order between these entities or operations. Moreover, the term "comprising", "including" or any other variant thereof is intended to cover non-exclusive inclusion, such that a process, method, article or device comprising a series of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such process, method, article or device. Without further limitation, an element defined by the statement "comprising an..." does not exclude the presence of additional identical elements in the process, method, article or device comprising the element.

[0163] The foregoing description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for displaying a card, characterized in that, the method includes: In response to a rendering instruction for a target card, obtain the card information of the target card, and the card information of the target card includes the card type information of the target card; Determine a reference card according to the card type information of the target card, the card type information of the reference card matches the card type information of the target card, and the reference card is a card that has been rendered; Determine the rendering information of the target card according to the card information of the target card and the rendering information of the reference card, and the rendering information of the reference card is the information obtained by rendering the reference card; Display the target card according to the rendering information of the target card.

2. The method according to claim 1, characterized in that, the determining the rendering information of the target card according to the card information of the target card and the rendering information of the reference card includes: Determine the rendering difference information from the card information of the target card according to the rendering information of the reference card of the target card; Render the target card on the basis of the rendering information of the reference card according to the rendering difference information to obtain the rendering information of the target card.

3. The method according to claim 2, characterized in that, the card information of the target card includes the description information of the rendering nodes in the target card, and the rendering information of the reference card includes the rendering information of the rendering nodes in the reference card; the determining the rendering difference information according to the card information of the target card and the rendering information of the reference card includes: Compare the description information of the rendering nodes in the target card with the rendering information of the rendering nodes in the reference card to determine the target rendering nodes, the card information of the target card includes the description information of the target rendering nodes, and the rendering difference information includes the description information of the target rendering nodes.

4. The method according to claim 3, characterized in that, the determining the rendering information of the target card on the basis of the rendering information of the reference card according to the rendering difference information includes: Determine the reference rendering nodes, the rendering information of the reference card includes the rendering information of the reference rendering nodes, and the reference rendering nodes correspond to the target rendering nodes; Replace the rendering information of the reference rendering nodes in the rendering information of the reference card with the rendering information of the target rendering nodes to obtain the rendering information of the target card.

5. The method according to claim 1, characterized in that, the determining the rendering information of the target card according to the card information of the target card and the rendering information of the reference card includes: Take the card information of the target card as input and restart the rendering thread corresponding to the reference card.

6. The method according to any one of claims 1 to 5, characterized in that, after displaying the target card, the method further includes: In response to an operation instruction indicating not to display the target card, retain the rendering information of the target card.

7. The method according to claim 6, characterized in that, After retaining the rendering information of the target card, the method further includes: In response to an operation instruction indicating to display the target card, display the target card according to the retained rendering information of the target card.

8. A card display device Characterized in that The device includes: An acquisition unit, configured to acquire card information of the target card in response to a rendering instruction for the target card, where the card information of the target card includes card type information of the target card; A card determination unit, configured to determine a reference card according to the card type information of the target card, where the card type information of the reference card matches the card type information of the target card, and the reference card is a card that has been rendered; An information determination unit, configured to determine the rendering information of the target card according to the card information of the target card and the rendering information of the reference card, where the rendering information of the reference card is information obtained by rendering the reference card; A display unit, configured to display the target card according to the rendering information of the target card.

9. An electronic device Characterized in that It includes: One or more processors; A storage device, on which one or more programs are stored, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 7.

10. A computer-readable medium Characterized in that A computer program is stored thereon, where when the program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images