Display control method, request processing method and computing device

Abstract

The embodiment of the invention provides a display control method, a request processing method and computing equipment. Wherein an information flow updating event is detected; in response to the information flow updating event, generating a first number of placeholder elements and storing the first number of placeholder elements to a local first storage space; determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to a page; acquiring data elements in the information flow from the server and storing the data elements to a local second storage space; and obtaining the corresponding data elements from the second storage space to update a second number of placeholder elements in the page. According to the technical scheme provided by the embodiment of the invention, the waiting time consumption is reduced, and the page rendering efficiency is improved.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of electronic technology, and in particular to a display control method, a request processing method, and a computing device. Background Art

[0002] Feed is a data format that continuously provides content. The feed includes a large number of data elements, such as videos, graphic information, etc. When the feed is displayed on a page, it is usually arranged vertically like a waterfall, so the feed is also called a long list.

[0003] Since there are too many data elements in the information flow, they are usually displayed on the page in an infinite scrolling manner. In the prior art, the client requests to obtain a group of data elements at a time and renders a group of data elements to the page. After a group of data elements are all displayed, the acquisition request is triggered again to obtain another group of data elements and render them to the page. At this time, it is necessary to wait for the next group of data elements to arrive and be rendered to the page before they can be displayed.

[0004] As can be seen from the above description, in this implementation method of the prior art, there will be repeated pauses for a certain period of time during the scrolling process. Therefore, the page rendering is slow, which affects the display efficiency and affects the user's sliding behavior and browsing experience. Summary of the invention

[0005] The embodiments of the present application provide a display control method, a request processing method and a computing device to solve the technical problem of slow page rendering in the prior art.

[0006] In a first aspect, an embodiment of the present application provides a display control method, including:

[0007] Detect information flow update events;

[0008] In response to the information stream update event, generate a first number of placeholder elements and save the first number of placeholder elements to a local first storage space;

[0009] determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page;

[0010] Acquire data elements in the information stream from the server and save the data elements to a local second storage space;

[0011] Obtain corresponding data elements from the second storage space to update a second number of placeholder elements in the page.

[0012] Optionally, determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page includes:

[0013] Determine a second number of list items corresponding to the rendering area;

[0014] The second number of list items is reused to render a second number of placeholder elements determined sequentially from the first storage space into the rendering area.

[0015] Optionally, the reusing the second number of list items to render a second number of placeholder elements determined sequentially from the first storage space to the rendering area includes:

[0016] Detecting a disappearance event of a first list item in a visible area; the rendering area includes the visible area and is greater than or equal to the visible area;

[0017] Recycling the Nth list item before the first list item; wherein N is a positive integer;

[0018] The next placeholder element of the placeholder element corresponding to the current last list item is rendered into the rendering area as the latest last list item.

[0019] Optionally, the reusing the second number of list items to render a second number of placeholder elements determined sequentially from the first storage space to the rendering area includes:

[0020] Detect the disappearance event of the first list item in the visible area;

[0021] Reclaiming the first list item;

[0022] Adding a second list item in the rendering area;

[0023] Detecting a display event of the second list item occurring in the visible area;

[0024] Render the placeholder element corresponding to the second list item to the second list item.

[0025] Optionally, the method further comprises:

[0026] Determine the Mth last list element among the second number of list elements currently rendered;

[0027] Detect that a display event of the Mth last list element occurs in a visible area, and generate an information flow update event; wherein M is a positive integer; and the list element is the placeholder element or the data element.

[0028] Optionally, obtaining data elements in the information stream from the server includes:

[0029] Generate X acquisition requests based on the generated number of the placeholder elements; X is a positive integer;

[0030] Poll and obtain Y acquisition requests from the X acquisition requests; Y is a positive integer;

[0031] Send Y+L acquisition requests to the server, where L is a positive integer;

[0032] Obtain a third number of data elements returned by the server in response to any one of the acquisition requests.

[0033] Optionally, polling and acquiring Y acquisition requests from the X acquisition requests includes:

[0034] According to the order of request generation time from earliest to latest or from latest to earliest, poll and obtain Y acquisition requests from the X acquisition requests.

[0035] Optionally, in response to the information stream update event, generating a first number of placeholder elements comprises:

[0036] In response to the information stream update event or the placeholder element generation event, a first number of placeholder elements are generated based on the placeholder content.

[0037] Optionally, determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page includes:

[0038] In a screen refresh cycle, a second number of placeholder elements that have not been rendered are determined from the first storage space and the second number of placeholder elements are rendered to the page.

[0039] Optionally, determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page includes:

[0040] Rendering a second number of native nodes into a rendering area of ​​the page;

[0041] When any native node in the rendering area is displayed in the visible area, an unrendered placeholder element corresponding to the native node is rendered to the native node.

[0042] Optionally, the method further comprises:

[0043] Based on a sliding operation triggered by a user on the page, calling a browser kernel to execute page scrolling;

[0044] The detection information flow update event includes:

[0045] During the page scrolling process, an information stream update event is detected.

[0046] Optionally, the reusing the second number of list items to render a second number of placeholder elements determined sequentially from the first storage space to the rendering area includes:

[0047] Detect element update events in the rendering area;

[0048] In response to the element update event, determining the number of first list items to be recycled in the rendering area and the number of second list items to be rendered;

[0049] According to the page scrolling direction, the list elements of the first number of list items in the rendering area are recycled; and the list elements of the second number of list items are selected from the first storage space and rendered into the rendering area.

[0050] Optionally, obtaining data elements in the information stream from the server includes:

[0051] In response to the information stream update event, the data elements in the information stream are obtained from the server.

[0052] Optionally, the method further comprises:

[0053] When the proportion of the displayed content of the first list item in the visible area in the overall element content is less than or equal to a second threshold, a disappearance event is generated.

[0054] Optionally, the method further comprises:

[0055] When the proportion of the displayed content of the Mth list element in the visible area in the overall element content is greater than or equal to a first threshold, a presentation event is generated.

[0056] Optionally, the method further comprises:

[0057] Providing a visible area of ​​the page on the display interface;

[0058] At least one placeholder element or at least one data element is displayed in the visible area.

[0059] In a second aspect, an embodiment of the present application provides a request processing method, including:

[0060] Obtain at least one acquisition request sent by a client; the at least one acquisition request is sent by the client in response to an information stream update event or in response to the number of generated placeholder elements, wherein the information stream update event is used to trigger the generation of a first number of placeholder elements, and render a second number of placeholder elements that have not been rendered into the page;

[0061] The third number of data elements corresponding to the at least one acquisition request are sent to the client, so that the client can save the third number of data elements corresponding to the at least one acquisition request in a local second storage space, and obtain the corresponding data elements from the second storage space to update the second number of placeholder elements in the page.

[0062] In a third aspect, an embodiment of the present application provides a computing device, including a processing component and a storage component;

[0063] The storage component stores one or more computer instructions; the one or more computer instructions are used to be called and executed by the processing component to implement the display control method as described in the first aspect or the request processing method as described in the second aspect.

[0064] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium storing a computer program. When the computer program is executed by a computer, it implements the display control method described in the first aspect or the request processing method described in the second aspect.

[0065] In the embodiment of the present application, the client first generates a first number of placeholder elements according to the information stream update event and saves them to the local first storage space, and determines the second number of placeholder elements that have not been rendered from the first storage space and renders them to the page; and obtains the data elements in the information stream from the server and saves the data elements to the local second storage space, and then obtains the corresponding data elements from the second storage space to update the second number of placeholder elements in the page. By generating the first number of placeholder elements locally and rendering the second number of placeholder elements to the page, the waiting time is reduced, the page rendering efficiency is improved, the display efficiency is improved, and while rendering the placeholder elements, the data elements can be obtained concurrently, ensuring that the data elements can be rendered in time.

[0066] These and other aspects of the present application will become more clearly understood in the description of the following embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0067] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, a brief introduction will be given below to the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0068] Figure 1 A flow chart of an embodiment of a display control method provided by the present application is shown;

[0069] Figure 2 A rendering schematic diagram exemplarily provided in a practical application of an embodiment of the present application is shown;

[0070] Figure 3 Another rendering schematic diagram exemplarily provided in a practical application of an embodiment of the present application is shown;

[0071] Figure 4 Another rendering schematic diagram exemplarily provided in a practical application of an embodiment of the present application is shown;

[0072] Figure 5 A flowchart of an embodiment of a request processing method provided by the present application is shown;

[0073] Figure 6a A schematic diagram of scene interaction in an actual application of an embodiment of the present application is shown;

[0074] Figure 6b A schematic diagram showing a display of a visible area in a practical application of an embodiment of the present application is shown;

[0075] Figure 7 A schematic structural diagram of an embodiment of a display control device provided by the present application is shown;

[0076] Figure 8 A schematic diagram showing the structure of an embodiment of a request processing device provided by the present application is shown;

[0077] Fig. 9 A schematic diagram of the structure of an embodiment of a computing device provided by the present application is shown. DETAILED DESCRIPTION

[0078] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application.

[0079] In some of the processes described in the specification and claims of this application and the above-mentioned figures, multiple operations that appear in a specific order are included, but it should be clearly understood that these operations may not be executed in the order in which they appear in this article or executed in parallel. The serial numbers of the operations, such as 101, 102, etc., are only used to distinguish between different operations, and the serial numbers themselves do not represent any execution order. In addition, these processes may include more or fewer operations, and these operations may be executed in sequence or in parallel. It should be noted that the descriptions of "first", "second", etc. in this article are used to distinguish different messages, devices, modules, etc., do not represent the order of precedence, and do not limit the "first" and "second" to different types.

[0080] The technical solution of the embodiment of the present application can be applied to the application scenario of infinite scrolling display of information flow.

[0081] In order to facilitate understanding of the technical solution of the present application, the following first explains the technical terms that may be involved in the present application:

[0082] Feeds are a form of data that continuously provides content. Feeds include a large number of data elements, such as videos, graphic information, etc. When a feed is displayed on a page, it is usually arranged vertically like a waterfall. Therefore, a feed is also called a long list.

[0083] Visible area: The visual area of ​​the page used to scroll and display list elements. The visible area can be greater than or equal to the actual screen area, and can usually be two screens larger than the actual screen area. In addition to the one screen corresponding to the actual screen area, it also includes one screen above the actual screen and one screen below the actual screen.

[0084] Rendering area: The area on the page where list elements are actually rendered. The rendering area includes the visible area and is greater than or equal to the visible area.

[0085] Data element: refers to a list element with real content.

[0086] Placeholder element: a list element generated locally by the client in the embodiment of the present application to achieve the purpose of placeholder.

[0087] List item: refers to the cyclic data unit in the list, also known as a "pit". In the embodiment of the present application, when the list elements are rendered, they are filled into the corresponding list items in the storage space after filtering, sorting, etc., which can also be called "pit filling"; then the list elements are selected from the storage space in turn and rendered to the page, which can also be called "pit on screen"; the pit corresponding to the placeholder element can also be understood as a "virtual pit". In the embodiment of the present application, the "virtual pit" is used to achieve high concurrency and non-blocking forward infinite scrolling, solving the problem of scrolling jams.

[0088] DOM (Document Object Model): In front-end development, we often need to add or delete an element somewhere on the page. This operation of adding and deleting elements is achieved through DOM. To put it simply, DOM can be used to operate various elements on the page, such as adding elements, deleting elements, replacing elements, etc. In DOM, each element is regarded as a node, and each node is an "object". That is, when we operate elements, we regard each element node as an object, and then use the properties and methods of this object to perform related operations.

[0089] Web (page) framework: A framework that uses web technologies for front-end development, such as React (a JavaScript (a programming language) library for building user interfaces, using virtual DOM and component-based development mode), Vue (a lightweight JavaScript framework for building interactive user interfaces, using virtual DOM and component-based development mode), etc.

[0090] Browser kernel: a web native program that is responsible for interpreting the syntax of the page. The rendering engine used by the page can determine how to display the page content and the page format. For example, webview (web page view) is a component that embeds the web in an application. It is provided by the application and displayed in the native interface of the application.

[0091] As can be seen from the description of the background technology, the current implementation method of infinite scrolling display of information flow requires waiting for the next set of data elements to arrive and be rendered into the page before it can be displayed. The scrolling process will repeatedly pause for a certain period of time, affecting the user's sliding behavior and browsing experience. Due to network performance, etc., the page needs to wait for a long time before it can continue to scroll. The page rendering is slow, affecting the display efficiency, and the user experience is poor. More time is consumed in the process of first loading and loading the next group, which may cause user loss. In addition, as the number of data elements rendered by the page information flow increases, the page will also experience rendering jams, further affecting the display efficiency.

[0092] In order to solve the above technical problems, the inventors proposed the technical solution of the present application after a series of studies. In the embodiment of the present application, a first number of placeholder elements are generated locally and saved locally, and a second number of placeholder elements that are not rendered are rendered into the page, thereby reducing the waiting time, improving the page rendering efficiency, and improving the display efficiency. Through the "virtual pit", high-concurrency, non-blocking forward infinite scrolling is achieved, solving the problem of scrolling jams. While rendering the placeholder elements, concurrent requests can be made to obtain data elements, ensuring that the data elements can be rendered in a timely manner. Users do not need to wait for a long time. In the case of page scrolling achieved by user sliding operations, the user's sliding operation will not be blocked, so that users can focus more on browsing, reducing user churn. In addition, by reusing list items, the problem of page rendering jams caused by the increase of data elements can be solved.

[0093] It should be noted that the embodiments of the present application may involve the use of user data. In actual applications, user-specific personal data can be used in the scheme described herein within the scope permitted by applicable laws and regulations, subject to the requirements of applicable laws and regulations of the country where the user is located (for example, with the user's explicit consent, effective notification to the user, etc.).

[0094] It should be noted that the technical solution of the embodiment of the present application is applicable to a network virtual environment. The users described generally refer to "virtual users". Real users can register user accounts in the server through registration to obtain user identities in the network environment. In the embodiment of the present application, the same user account can be used to log in to the server through different types of clients, so that the server can identify the same user. Of course, different user accounts can also be used to log in to the server through different types of clients. The server stores binding relationships between different user accounts, so that different user accounts with binding relationships can be considered to be the same user.

[0095] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of this application.

[0096] Figure 1 A flowchart of an embodiment of a display control method provided in an embodiment of the present application. The technical solution of the embodiment of the present application can be applied to a system architecture composed of a client and a server, and the technical solution of this embodiment can be specifically executed by the client.

[0097] In this system architecture, a connection can be established between the client and the server through a network. The network provides a medium for the communication link between the client and the server. The network can include various connection types, such as wired, wireless communication links or optical fiber cables, etc. The client can interact with the server through the network to receive or send messages, etc.

[0098] Among them, the user end can be a browser, an APP (Application), or a web application such as H5 (HyperText Markup Language 5, Hypertext Markup Language Version 5) application, or a light application (also known as a mini-program, a lightweight application) or a cloud application, etc. The user end can be deployed in an electronic device and needs to rely on the device to run or some apps in the device to run, etc. For example, the electronic device can have a display screen and support information browsing, such as a personal mobile terminal such as a mobile phone, a tablet computer, a personal computer, a desktop computer, a smart speaker, a smart watch, etc. Various other types of applications can also be configured in the electronic device, such as human-computer dialogue applications, model training applications, text processing applications, web browser applications, shopping applications, search applications, instant messaging tools, mailbox clients, social platform software, etc. Electronic equipment can refer to a device used by a user, which has the functions of computing, surfing the Internet, communicating, etc. required by the user, such as a mobile phone, a tablet computer, a personal computer, a wearable device, etc. Electronic equipment can generally include at least one processing component and at least one storage component. Electronic equipment may also include basic configurations such as a network card chip, an IO bus, and audio and video components, which are not limited in this application. Optionally, depending on the implementation form of the electronic device, some peripheral devices may also be included, such as a keyboard, a mouse, an input pen, a printer, etc., which is not limited in this application.

[0099] The service end may include servers that provide various services, etc.

[0100] It should be noted that the server can be implemented as a distributed server cluster consisting of multiple servers, or as a single server. The server can also be a server of a distributed system, or a server combined with a blockchain. The server can also be a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDN), and big data and artificial intelligence platforms, or an intelligent cloud computing server or intelligent cloud host with artificial intelligence technology.

[0101] in, Figure 1 The display control method provided in the illustrated embodiment may include the following steps:

[0102] 101: Detection of information flow update events.

[0103] During the page scrolling process, an information stream update event may be triggered, wherein the page scrolling may be implemented based on a sliding operation performed by the user.

[0104] The information stream update event may be generated based on a scroll event or a touch event. Of course, other methods may also be used, which will be described in detail in the corresponding embodiments below. When a page is scrolled or touched, a scroll event or a touch event may be generated accordingly.

[0105] 102: In response to an information stream update event, generate a first number of placeholder elements.

[0106] In the embodiment of the present application, based on the information stream update event, the client can locally generate a first number of placeholder elements without interacting with the server.

[0107] Among them, the first number of placeholder elements can be the same element content, for example, the first number of placeholder elements can be generated based on the placeholder content, and the placeholder content can be, for example, a placeholder image presenting a specific color or special effect graphic; in addition, the first number of placeholder elements can also be directly drawn and generated by the client based on predetermined rendering data.

[0108] Since information flow update events may occur continuously during page scrolling, each information flow update event will trigger the generation of a group of placeholder elements, that is, the first number of placeholder elements. Therefore, the generated first number of placeholder elements can be first saved to the local first storage space. The first storage space can be a storage area provided by the memory. The first memory list corresponding to the information flow can be set in the first storage space, and the first number of placeholder elements can be filled in the first memory list.

[0109] 103: Render a second number of placeholder elements to the page.

[0110] The second number may be equal to or less than the first number. The first number may be the number of list items agreed upon by the client and the server.

[0111] It may be that a second number of placeholder elements that have not been rendered is determined from the first storage space and the second number of placeholder elements are rendered to the page.

[0112] When the first number of placeholder elements are cached in the first storage space, the arrangement order and rendering positions of the first number of placeholder elements can be determined, so that the unrendered second number of placeholder elements can be selected from the first storage space in the sorted order and rendered into the page.

[0113] The list elements may be arranged in a single column or multiple columns on the page, and this application does not limit this. When the first number of placeholder elements are saved in the first storage space, the arrangement mode and rendering position may be determined.

[0114] 104: Get data elements in the information stream from the server.

[0115] The data elements obtained from the server can be saved in a local second storage space. The second storage space can be a storage area provided by the memory. A second memory list corresponding to the information flow can be set in the second storage space, and the obtained data elements can be filled in the first memory list.

[0116] Optionally, at least one acquisition request may be sent to the server, each acquisition request may acquire the third number of data elements in the information flow. The client may acquire the third number of data elements returned by the server in response to any acquisition request.

[0117] The third number may be the same as the first number, or may be different.

[0118] Each acquisition request may acquire a group of a third number of data elements, and the third number of data elements acquired each time may be firstly stored in the second storage space.

[0119] In which, at least one acquisition request may be sent to the server in response to an information stream update event, so that the acquisition request sending operation may be performed in parallel while the placeholder element is being generated and rendered.

[0120] It may be to send one acquisition request. Furthermore, in order to improve the rendering efficiency of data elements so that data elements can be displayed in time, it may be to send 1+Z acquisition requests to the server in response to the information flow update event. Optionally, Z is a positive integer. In a practical application, Z may be equal to 1. By sending one more data acquisition request, the rendering efficiency of data elements can be guaranteed while taking into account the data acquisition efficiency.

[0121] As another optional manner, at least one acquisition request may be sent to the server in response to a generation event of the placeholder element.

[0122] As another optional implementation, sending at least one acquisition request to the server may include:

[0123] Generate X get requests based on the number of placeholder elements generated; X is a positive integer;

[0124] Send X+L acquisition requests to the server; L is a positive integer. In addition to sending X acquisition requests, L acquisition requests can also be pre-sent in the embodiment of the present application to speed up data acquisition efficiency and further reduce waiting time.

[0125] As information stream update events are continuously generated, the client will continuously generate multiple sets of the first number of placeholder elements.

[0126] The number of generated acquisition requests may be determined according to the number of generated placeholder elements and the first number. For example, X may be equal to the number of generated placeholder elements / the first number, where X is greater than or equal to 1.

[0127] In addition, in order to improve the rendering efficiency of data elements and enable data elements to be displayed in a timely manner, X+L acquisition requests can be sent to the server. In a practical application, L can be equal to 1. Through the X+1 mode, the rendering efficiency of data elements can be improved while taking into account the data acquisition efficiency.

[0128] In addition, in order to reduce the processing pressure on the server, reduce the waiting time, etc., optionally, Y acquisition requests can be polled from X acquisition requests; and Y+L acquisition requests can be sent to the server.

[0129] That is, batch acquisition requests can be sent to the server in batch polling mode.

[0130] As an optional method, Y acquisition requests may be obtained by polling from X acquisition requests in descending order of request generation time.

[0131] In addition, in order to ensure the browsing experience, as another optional method, it is also possible to poll and obtain Y acquisition requests from X acquisition requests in the order of request generation time from recent to distant, so that the acquisition request generated most recently can obtain the corresponding data element first, so that it can be rendered first, and the data element can be displayed in time at the user's current sliding position.

[0132] Through the embodiments of the present application, it is possible to concurrently request to obtain data elements while rendering placeholder elements, thereby ensuring that the data elements can be rendered in a timely manner.

[0133] 105: Obtain corresponding data elements to update a second number of placeholder elements in the page.

[0134] The corresponding data elements may be obtained from the second storage space to update the second number of placeholder elements in the page.

[0135] Optionally, a second number of data elements may be obtained to update a corresponding second number of placeholder elements in the page.

[0136] When the data elements are cached in the second storage space, the arrangement order and rendering position corresponding to the data elements can be determined, so that the second number of unrendered data elements can be obtained from the second storage space in the sorted order.

[0137] The placeholder element at the rendering position may be updated according to the rendering position corresponding to any data element.

[0138] In this embodiment, a first number of placeholder elements are generated locally, and a second number of placeholder elements are rendered into the page, thereby reducing waiting time, ensuring smooth page scrolling, increasing page rendering speed, and improving display efficiency. While rendering the placeholder elements, concurrent requests can be made to obtain data elements, ensuring that the data elements can be rendered in a timely manner.

[0139] As can be seen from the above description, the information stream update event can be generated based on the scroll event or the touch event. Since the triggering frequency of the scroll event is relatively high, in order to reduce the calculation overhead and further ensure that the page scrolls without pause, in some embodiments, the method may further include:

[0140] Determine the Mth to last list element in the second number of list elements currently rendered; detect an appearance event (appearance) of the Mth to last list element in the visible area, and generate an information flow update event; wherein M is a positive integer; the list element may refer to a placeholder element or a data element.

[0141] Here, M may be equal to 1, that is, when a display event occurs for the last list element among the second number of list elements currently rendered, an information flow update event is generated.

[0142] For example, appear can be considered to occur when the proportion of the displayed content of the Mth list element in the visible area to the overall element content is greater than or equal to a first threshold. Of course, in an actual application, the first threshold may refer to 100%, and the Mth list element completely enters the visible area.

[0143] In addition, in order to further reduce the waiting time, M can be greater than 1. In an actual application, the value of M can be the number of list items corresponding to the visible area, so that the information flow update event can be triggered one screen in advance. The early triggering of the information flow update event can offset the time spent on generating placeholder elements, thereby ensuring that the page scrolls without pause and improving page rendering efficiency.

[0144] In some embodiments, determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to a rendering area of ​​the page includes:

[0145] In a screen refresh cycle, a second number of placeholder elements that have not been rendered are determined from the first storage space and the second number of placeholder elements are rendered into a rendering area of ​​the page.

[0146] Since the screen refresh rate is usually 60 frames per second, the screen refresh cycle is about 16.67 milliseconds. During the screen refresh cycle, the second number of placeholder elements are rendered to the rendering area of ​​the page, which can ensure that the frequency is the same as the screen refresh rate, and can reduce the screen refresh rate when the frequency is different, which will reduce the page freeze problem.

[0147] In order to facilitate understanding of the technical solutions of the embodiments of the present application, see Figure 2 In the control flow diagram shown, it is assumed that the number of list items in the visible area is 2 and the number of list items currently rendered is 4. Figure 2 It can be seen that the rendered list elements are list item 1, list item 2, list item 3 and list item 4. List item 1 and list item 2 are currently displayed in the visible area 200. Other list items in the information flow (shown in the dotted box in the figure) have not been rendered. List item 3 is the second to last list element in the currently rendered list elements. When list item 3 appears, an information update event can be triggered. During the page scrolling process, the visible area is continuously updated, and multiple information update events may be triggered.

[0148] Based on each information update event, it is assumed that the client can generate four placeholder elements and save them in the first storage space, and can obtain four unrendered placeholder elements from the first storage space and render them into the page.

[0149] At the same time, X acquisition requests can be generated according to the number of placeholder elements generated. The client can send X+1 acquisition requests to the server. Each acquisition request obtains 4 data elements, and the 4 data elements can be saved in the second storage space. The 4 data elements can be obtained from the second storage space during the screen refresh cycle, and the corresponding 4 placeholder elements can be updated according to the rendering position.

[0150] As the page scrolls, more and more list elements are rendered in the page, and more and more list items are in the page, which may cause page rendering jams, affecting the browsing experience, display efficiency, and subsequent page rendering. In order to solve the problem of page rendering jams caused by the increase of list elements, the inventors have thought of rendering only the list element information in the visible area, and not rendering or partially rendering the list elements corresponding to the non-visible area outside the visible area. By displaying the visible area on demand, the number of list items in the page can be reduced, and the page jams caused by the list items can be solved. Therefore, in some embodiments, determining the second number of placeholder elements that have not been rendered from the first storage space and rendering the second number of placeholder elements to the page may include:

[0151] Determine a second number of list items corresponding to the rendering area in the page; reuse the second number of list items to render the second number of placeholder elements determined sequentially from the first storage space into the rendering area.

[0152] The rendering area is a real rendering area, which includes the visible area and may be greater than or equal to the visible area.

[0153] By controlling the number of list items in the rendering area, a multiplexing method is used to render the second number of placeholder elements that are not rendered each time, thereby controlling the number of list items in the page and solving the page freeze problem.

[0154] As an optional implementation manner, the multiplexing of the second number of list items to render the second number of placeholder elements sequentially determined from the first storage space to the rendering area may include:

[0155] Detect the disappearance event of the first list item in the visible area;

[0156] Recycle the Nth list item before the first list item; where N is a positive integer;

[0157] Render the next placeholder element of the placeholder element corresponding to the last list item into the rendering area.

[0158] The first list element may refer to any list element in the rendering area, and is named “first list element” for the convenience of description.

[0159] The disappearance of the first list item may be, for example, when it is detected that the proportion of the display content of the first list item in the visible area in the overall element content is less than or equal to a second threshold. Of course, it may also be that the first list element disappears when it leaves the boundary of the visible area, in which case the second threshold may be equal to 0.

[0160] Wherein, N may be, for example, 1, that is, the previous list item of the first list item may be recycled. Wherein, recycling may refer to deleting the list element corresponding to the Nth list item.

[0161] At this time, one list item in the rendering area is recycled, that is, a list item can be added to the rendering area, so it can be the next placeholder element of the placeholder element corresponding to the current end list item, which is rendered to the rendering area as the new end list item.

[0162] For ease of understanding, Figure 3In the element rendering schematic diagram shown, it is assumed that the number of list items in the visible area of ​​the page is 2, the number of list items in the rendering area is 6, the starting list item of the current rendering area is list item 2, and the last list item is list item 7. List item 4 and list item 5 are currently displayed in the visible area. When the page is scrolled down, list item 3 disappears. List item 3 is the first list item. Assuming that the previous list item of the first list item, that is, list item 2, is recycled, list item 2 can be recycled at this time, that is, the list element corresponding to list item 2 is deleted, and the rendering area can add a last list item. The next placeholder element of the placeholder element corresponding to the current last list item 7 can be selected from the first storage space to be rendered to the rendering area, that is, a newly added list item 8 is formed as the new last list item.

[0163] Through the above implementation, the number of list items in the page is maintained at 6, so there will be no page freeze caused by too many list items. In addition, calculating the rendering position based on disappear can reduce computing overhead, avoid CPU (processor) and memory performance load, and improve the browsing experience on low-end devices.

[0164] Of course, as another optional implementation method, the above-mentioned multiplexing of a second number of list items to render a second number of placeholder elements determined sequentially from the first storage space to the rendering area may include: detecting an element update event in the rendering area; determining, in response to the element update event, the number of first list items to be recycled in the rendering area, and the number of second list items to be rendered; recycling the list elements of the first number of list items in the rendering area according to the page scrolling direction; and selecting the second number of list items from the first storage space and rendering them to the rendering area.

[0165] Optionally, the element update event may be, for example, a scroll event or a touch event.

[0166] The number of the first list items and the number of the second list items may be the same, and may be calculated based on the page scrolling distance and the height of the list elements.

[0167] When the page is scrolled down, the list elements of the first number of list items can be selected from the rendering area in the order from top to bottom for recycling. When the page is scrolled up, the list elements of the first number of list items can be selected from the rendering area in the order from bottom to top.

[0168] In addition, during the page scrolling process, if the scrolling speed is too fast, disappear may not be triggered in time. Therefore, as another optional implementation, reusing the second number of list items to render the second number of placeholder elements determined sequentially from the first storage space to the rendering area may include:

[0169] Detect the disappearance event of the first list item in the visible area; recycle the first list item; add a second list item in the rendering area; at this time, the content of the second list item is empty; detect the appearance event of the second list item in the visible area; render the placeholder element corresponding to the second list item to the second list item.

[0170] The second list item is used as the last list item in the rendering area.

[0171] That is, the placeholder element can be rendered when the second list item appears in the visible area. When the proportion of the displayed content of the second list item in the visible area in the overall element content is greater than or equal to the first threshold, it can be considered that appear occurs.

[0172] The placeholder element corresponding to the second list item may refer to the next placeholder element of the placeholder element corresponding to the previous list item of the second list item.

[0173] For ease of understanding, Figure 4 In another rendering diagram shown, when list item 2 disappears, list item 2 is recycled, and list item 8 can be added at this time. When list item 3 disappears, list item 3 is recycled, and list item 9 can be added at this time. List item 8 and list item 9 are both second list items, and when list item 8 can appear, its corresponding placeholder element is rendered to update list item 8. When list item 9 appears, its corresponding placeholder element is rendered again to update list item 9.

[0174] Among them, the number of list items in the rendering area, that is, the second number, can be set according to actual conditions. The above-mentioned second number value is only for example. The second number is set according to device performance, such as CPU, GPU (graphics processor), memory, network card speed, etc., as well as page freeze conditions.

[0175] From the above description, it can be known that the information flow update event can be detected during the page scrolling process. The page scrolling can be implemented by simulating the scrolling mode using the web framework, but the scrolling mode simulation consumes a lot of computing overhead. Therefore, in order to reduce the computing overhead and improve the page scrolling performance and experience effect, in some embodiments, the browser kernel can be called to perform page scrolling.

[0176] The page scrolling may be triggered by a sliding operation of the user, so the method may further include: based on the sliding operation triggered by the user on the page, calling the browser kernel to execute the page scrolling. Then, during the page scrolling process, an information stream update event may be detected.

[0177] In addition, for pages developed based on a web development framework, when rendering elements, list elements will first be instantiated as element nodes. Element nodes are virtual DOM nodes and need to be converted into native DOM nodes before being rendered into the page. This process has a large computational overhead. Therefore, in order to further reduce the computational overhead, when rendering elements, native nodes can be rendered first, and list elements can be rendered on demand. In some embodiments, determining a second number of unrendered placeholder elements from a first storage space and rendering the second number of placeholder elements into a page may include:

[0178] Rendering a second number of native nodes to the page; detecting a display event of any native node in the visible area; selecting a placeholder element corresponding to the native node from the first storage space, and rendering it to the native node.

[0179] The second number of native nodes are rendered into the page to form list items, and the display content presented by each native node may be blank content, such as a blank image. Afterwards, when a display event occurs in a native node, the corresponding placeholder element may be selected and rendered to the rendering position corresponding to the native node to update the list item corresponding to the native node.

[0180] A native node may refer to a DOM node, and a placeholder element may be instantiated as an element node and then rendered into a DOM node.

[0181] Of course, after rendering the second number of native nodes to the page, the second number of placeholder elements corresponding to the second number of native nodes may also be rendered at one time.

[0182] In some embodiments, the method may further include: providing a visible area of ​​the page on the display interface; and displaying at least one placeholder element or at least one data element in the visible area.

[0183] Figure 5 This is a flowchart of another embodiment of a display control method provided in an embodiment of the present application. The technical solution of this embodiment can be executed by a server. The method may include the following steps:

[0184] 501: Receive at least one get request sent by the client.

[0185] The at least one acquisition request may be sent by the client in response to an information stream update event or in response to the generated number of placeholder elements, wherein the information stream update event may trigger the generation of a first number of placeholder elements and the rendering of a second number of unrendered placeholder elements into the page.

[0186] 502: Send a third number of data elements corresponding to at least one acquisition request to the client.

[0187] The client may save the third number of data elements corresponding to the at least one acquisition request respectively in a local second storage space, and acquire the corresponding data elements from the second storage space to update the second number of placeholder elements in the page.

[0188] The specific execution operations of the client can be found in the corresponding embodiments described above and will not be repeated here.

[0189] For ease of understanding, Figure 6a In the scene interaction diagram shown, the client 601 can send at least one acquisition request to the server 602, and the server 602 can feed back the third number of data elements corresponding to the at least one acquisition request to the client 601. The specific execution operations of the client 601 and the server 602 can be described in detail in the above embodiments, and will not be repeated here.

[0190] In an actual application, the technical solution of the embodiment of the present application can be applied to an e-commerce scenario. The page can refer to a product promotion page or a product shopping guide page, etc. The data element can refer to product prompt information such as product promotion information or product shopping guide information, etc. The product prompt information can be in the form of video, image and / or text, etc. Figure 6b As shown in the display diagram of the visible area provided by the client, an information stream formed by a large amount of product promotion information can be scrolled and displayed in the product promotion page 600. The user can scroll the page by sliding the product promotion page 600. During the page scrolling process, the client can detect the information stream update event. If the information stream update event is triggered, the client can first generate a first number of placeholder elements, and select a second number of placeholder elements to render to the page. The second number of placeholder elements can be presented in the visible area during the page scrolling process, such as the placeholder element 61 shown in Figure 6. The element content of the placeholder element can be a preset placeholder content, such as a gray-white image or an image of a specified shape. Since the client generates and renders the placeholder element locally, although the real content cannot be presented, the loading waiting time can be greatly shortened, so that there will be no scrolling pause, and the user can perform the sliding operation more smoothly, thereby improving the browsing experience.

[0191] The client can send at least one acquisition request to the server during the generation or rendering of the placeholder element, and can update the placeholder element at the corresponding rendering position in the page based on the acquired product promotion information, such as Figure 6b The product promotion information 62 shown in the figure is used to finally present the real content, ensuring that the real content can be rendered and displayed in time. The user can slide without hindrance while not affecting the viewing of the real content, which greatly improves the browsing experience.

[0192] Figure 7A schematic diagram of a structure of an embodiment of a display control device provided in an embodiment of the present application. In practical applications, the device can be implemented as a component or script deployed in a client, such as a JavaScript script. The device may include:

[0193] The first detection module 701 is used to detect information flow update events;

[0194] A placeholder generation module 702, configured to generate a first number of placeholder elements in response to an information stream update event and save the first number of placeholder elements to a local first storage space;

[0195] A first rendering module 703 is used to determine a second number of unrendered placeholder elements from the first storage space and render the second number of placeholder elements to the page;

[0196] The element acquisition module 704 is used to acquire the data elements in the information stream from the server and save the data elements to the local second storage space;

[0197] The second rendering module 705 is used to obtain corresponding data elements from the second storage space to update a second number of placeholder elements in the page.

[0198] In some embodiments, the first rendering module may specifically determine a second number of list items corresponding to the rendering area; reuse the second number of list items to render the second number of placeholder elements sequentially determined from the first storage space to the rendering area.

[0199] In some embodiments, the first rendering module reuses the second number of list items to render the second number of placeholder elements sequentially determined from the first storage space to the rendering area, including:

[0200] Detect the disappearance event of the first list item in the visible area; the rendering area includes the visible area and is greater than or equal to the visible area; recycle the Nth list item before the first list item; where N is a positive integer; render the next placeholder element corresponding to the placeholder element of the current end list item into the rendering area as the latest end list item.

[0201] In some embodiments, the first rendering module reuses the second number of list items to render the second number of placeholder elements sequentially determined from the first storage space to the rendering area, including:

[0202] Detect the disappearance event of the first list item in the visible area; recycle the Nth list item before the first list item; add a second list item to the rendering area; detect the appearance event of the second list item in the visible area; render the placeholder element corresponding to the second list item to the second list item.

[0203] In some embodiments, the device may further include:

[0204] An event generation module is used to determine the Mth to last list element in the second number of list elements currently rendered; detect the appearance event of the Mth to last list element in the visible area, and generate an information flow update event; wherein M is a positive integer; and the list element is a placeholder element or a data element.

[0205] In some embodiments, the element acquisition module can be specifically used to generate X acquisition requests based on the generated number of placeholder elements; X is a positive integer; poll and obtain Y acquisition requests from the X acquisition requests; Y is a positive integer; send Y+L acquisition requests to the server; L is a positive integer.

[0206] In some embodiments, the element acquisition module polling and acquiring Y acquisition requests from the X acquisition requests includes: polling and acquiring Y acquisition requests from the X acquisition requests in the order of request generation time from earliest to latest or from latest to earliest.

[0207] In some embodiments, the placeholder generation module may specifically generate a first number of placeholder elements based on the placeholder content in response to an information stream update event.

[0208] In some embodiments, the first rendering module may specifically determine a second number of unrendered placeholder elements from the first storage space within a screen refresh cycle and render the second number of placeholder elements to the page.

[0209] In some embodiments, the first rendering module may specifically render the second number of native nodes into a rendering area of ​​the page; when any native node in the rendering area is displayed in the visible area, a placeholder element corresponding to the native node is rendered into the native node.

[0210] In some embodiments, the device may further include:

[0211] A scrolling execution module is used to call the browser kernel to execute page scrolling based on a sliding operation triggered by a user on a page;

[0212] The first detection module may detect information flow update events during page scrolling.

[0213] Figure 7 The display control device can execute Figure 1 The implementation principle and technical effect of the display control method described in the embodiment are not described in detail. The specific way in which each module and unit performs operations in the display control device in the above embodiment has been described in detail in the embodiment of the method, and will not be described in detail here.

[0214] Figure 8A schematic diagram of a structure of an embodiment of a request processing device provided in an embodiment of the present application, the device may include:

[0215] The request acquisition module 801 is used to acquire at least one acquisition request sent by the client; the at least one acquisition request is sent by the client in response to an information flow update event or in response to the number of generated placeholder elements, wherein the information flow update event is used to trigger the generation of a first number of placeholder elements, and render a second number of placeholder elements that have not been rendered into the page;

[0216] The element sending module 802 is used to send the third number of data elements corresponding to at least one acquisition request to the client, so that the client can save the third number of data elements corresponding to at least one acquisition request to the local second storage space, and obtain the corresponding data elements from the second storage space to update the second number of placeholder elements in the page.

[0217] Figure 8 The request processing device can execute Figure 5 The implementation principle and technical effect of the request processing method described in the illustrated embodiment will not be described in detail. The specific manner in which each module and unit performs operations in the request processing device in the above embodiment has been described in detail in the embodiment of the method, and will not be described in detail here.

[0218] The present application also provides a computing device, such as Fig. 9 As shown, the computing device may include a storage component 901 and a processing component 902;

[0219] The storage component 902 stores one or more computer instructions, wherein the one or more computer instructions are called and executed by the processing component 902 to implement the following steps: Figure 1 The display control method shown or Figure 5 Of course, the computing device may also include other components, such as an input / output interface, a display component, a communication component, etc. The processing component in the computing device is used to implement the following Figure 1 In the case of the information control method shown, the computing device may also include a display component to perform corresponding display operations. The input / output interface provides an interface between the processing component and the peripheral interface module, which may be an output device, an input device, etc. The communication component is configured to facilitate wired or wireless communication between the computing device and other devices.

[0220] Among them, the processing component may include one or more processors to execute computer instructions to complete all or part of the steps in the above method. Of course, the processing component can also be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors or other electronic components to perform the above method. The storage component is configured to store various types of data to support operations at the terminal. The storage component can be implemented by any type of volatile or non-volatile storage device or a 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.

[0221] The display component may be an electroluminescent (EL) element, a liquid crystal display or a micro display having a similar structure, or a retinal direct display or a similar laser scanning display.

[0222] It should be noted that the above computing device implements Figure 5 In the case of the request processing method shown, it can be a physical device or an elastic computing host provided by a cloud computing platform, etc. It can be implemented as a distributed cluster consisting of multiple servers or terminal devices, or as a single server or a single terminal device.

[0223] The computing device described above implements Figure 1 In the case of the display control method shown, it can be specifically implemented as an electronic device. The electronic device can refer to a device used by a user and having the computing, Internet access, communication and other functions required by the user, such as a mobile phone, tablet computer, personal computer, wearable device, etc.

[0224] The present application also provides a computer-readable storage medium storing a computer program, which can achieve the above-mentioned Figure 1 The display control method of the embodiment shown or Figure 5 The request processing method of the illustrated embodiment. The computer readable medium may be included in the electronic device described in the above embodiment; or it may exist independently without being assembled into the electronic device.

[0225] The present application also provides a computer program product, which includes a computer program carried on a computer-readable storage medium. When the computer program is executed by a computer, the computer program can achieve the above-mentioned Figure 1 The display control method of the embodiment shown or Figure 5The request processing method of the illustrated embodiment. In such an embodiment, the computer program can be downloaded and installed from a network, and / or installed from a removable medium. When the computer program is executed by a processor, various functions defined in the system of the present application are executed.

[0226] It should be noted that the embodiments of the present application may involve the use of user data. In actual applications, user-specific personal data can be used in the scheme described herein within the scope permitted by applicable laws and regulations, subject to the requirements of applicable laws and regulations of the country where the user is located (for example, with the user's explicit consent, effective notification to the user, etc.).

[0227] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0228] The device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the scheme of this embodiment. Ordinary technicians in this field can understand and implement it without paying creative labor.

[0229] Through the description of the above implementation methods, those skilled in the art can clearly understand that each implementation method can be implemented by means of software plus a necessary general hardware platform, and of course, it can also be implemented by hardware. Based on this understanding, the above technical solution is essentially or the part that contributes to the prior art can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a disk, an optical disk, etc., including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in each embodiment or some parts of the embodiments.

[0230] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A display control method, characterized in that: include: Detect information flow update events; In response to the information stream update event, generate a first number of placeholder elements and save the first number of placeholder elements to a local first storage space; determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page; Acquire data elements in the information stream from the server and save the data elements to a local second storage space; The corresponding data elements are obtained from the second storage space to update a second number of placeholder elements in the page.

2. The method according to claim 1, characterized in that The determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page comprises: Determine a second number of list items corresponding to the rendering area; The second number of list items is reused to render a second number of placeholder elements determined sequentially from the first storage space into the rendering area.

3. The method according to claim 2, characterized in that The reusing the second number of list items to render a second number of placeholder elements sequentially determined from the first storage space to the rendering area includes: Detecting a disappearance event of a first list item in a visible area; the rendering area includes the visible area and is greater than or equal to the visible area; Recycling the Nth list item before the first list item; wherein N is a positive integer; The next placeholder element of the placeholder element corresponding to the current last list item is rendered into the rendering area as the latest last list item.

4. The method according to claim 2, characterized in that: The reusing the second number of list items to render a second number of placeholder elements sequentially determined from the first storage space to the rendering area includes: Detect the disappearance event of the first list item in the visible area; Reclaiming the first list item; Adding a second list item in the rendering area; Detecting a display event of the second list item occurring in the visible area; Render the placeholder element corresponding to the second list item to the second list item.

5. The method according to claim 1, characterized in that: Also includes: Determine the Mth last list element among the second number of list elements currently rendered; Detect that a display event of the Mth last list element occurs in a visible area, and generate an information flow update event; wherein M is a positive integer; and the list element is the placeholder element or the data element.

6. The method according to claim 1, characterized in that The step of obtaining data elements in the information stream from the server includes: Generate X acquisition requests based on the generated number of the placeholder elements; where X is a positive integer; Polling and obtaining Y acquisition requests from the X acquisition requests; wherein Y is a positive integer; Send Y+L acquisition requests to the server, where L is a positive integer. Obtain a third number of data elements returned by the server in response to any one of the acquisition requests.

7. The method according to claim 6, characterized in that The polling and obtaining Y acquisition requests from the X acquisition requests comprises: According to the order of request generation time from earliest to latest or from latest to earliest, poll and obtain Y acquisition requests from the X acquisition requests.

8. The method according to claim 1, characterized in that: In response to the information stream update event, generating a first number of placeholder elements comprises: In response to the information stream update event or the placeholder element generation event, a first number of placeholder elements are generated based on the placeholder content.

9. The method according to claim 1, characterized in that: The determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page comprises: In a screen refresh cycle, a second number of placeholder elements that have not been rendered are determined from the first storage space and the second number of placeholder elements are rendered to the page.

10. The method according to claim 1, characterized in that The determining a second number of unrendered placeholder elements from the first storage space and rendering the second number of placeholder elements to the page comprises: Rendering a second number of native nodes into a rendering area of ​​the page; When any native node in the rendering area is displayed in the visible area, an unrendered placeholder element corresponding to the native node is rendered to the native node.

11. The method according to claim 1, characterized in that Also includes: Based on a sliding operation triggered by a user on the page, calling a browser kernel to execute page scrolling; The detection information flow update event includes: During the page scrolling process, an information stream update event is detected.

12. A request processing method, characterized in that: include: Get at least one get request sent by the client; The at least one acquisition request is sent by the client in response to an information stream update event or in response to the number of generated placeholder elements, wherein the information stream update event is used to trigger the generation of a first number of placeholder elements and the rendering of a second number of unrendered placeholder elements into the page; The third number of data elements corresponding to the at least one acquisition request are sent to the client, so that the client can save the third number of data elements corresponding to the at least one acquisition request in a local second storage space, and obtain the corresponding data elements from the second storage space to update the second number of placeholder elements in the page.

13. A computing device, characterized in that: including a processing component and a storage component; The storage component stores one or more computer instructions; the one or more computer instructions are used to be called and executed by the processing component to implement the display control method according to any one of claims 1 to 11 or the request processing method according to claim 12.

14. A computer-readable storage medium, characterized in that: A computer program is stored, and when the computer program is executed by a computer, the display control method according to any one of claims 1 to 11 or the request processing method according to claim 12 is implemented.

Images