Page display method and device, equipment, storage medium and product

Abstract

The invention discloses a page display method and device, equipment, a storage medium and a product, and relates to the technical field of data processing, and the method comprises the steps: responding to a display request of a to-be-displayed page, and obtaining display elements of the to-be-displayed page according to the display request; when the number of the display elements is greater than a preset number threshold value, adjusting node parameters of the display elements; determining a page step-by-step loading strategy according to the current loading exception information; performing page initialization according to the page step-by-step loading strategy and the adjusted node parameters, and displaying the initialized page; by means of the mode, when it is determined that the number of the display elements is larger than the preset number threshold value, page initialization is conducted from the two dimensions of the loading strategy and the display element adjustment, and then the initialized page is displayed, so that the stuck phenomenon of page initialization can be effectively relieved on the basis that the hardware cost is not increased, and the user experience is improved. And the overall display effect of the page is improved.

Description

Technical Field

[0001] This application relates to the field of page display technology, and in particular to page display methods, apparatus, devices, storage media and products. Background Technology

[0002] Page initialization refers to the process of loading and rendering elements on a page. Currently, the number of elements to be initialized is enormous, ranging from thousands to tens of thousands. If initialization is performed directly, severe lag will inevitably occur. The most common way is to replace the hardware device used for initialization and alleviate the lag by improving the performance of the hardware device. However, replacing the hardware device will increase the overall cost, and severe lag will still occur when more elements are added.

[0003] The above content is only used to help understand the technical solution of this application and does not represent an admission that the above content is prior art. Summary of the Invention

[0004] The main objective of this application is to provide a page display method, apparatus, device, storage medium, and product, aiming to solve the technical problems of high page initialization costs and severe lag issues.

[0005] To achieve the above objectives, this application proposes a page display method, the method comprising:

[0006] In response to a display request for a page to be displayed, the display elements of the page to be displayed are obtained according to the display request;

[0007] When the number of displayed elements exceeds a preset threshold, the node parameters of the displayed elements are adjusted.

[0008] Determine the page loading strategy based on the current loading error information;

[0009] The page is initialized according to the page progressive loading strategy and the adjusted node parameters, and the initialized page is then displayed.

[0010] In one embodiment, the step of adjusting the node parameters of the displayed element includes:

[0011] The mutual repulsion force between nodes is obtained based on the node parameters of the displayed elements;

[0012] Obtain the attenuation coefficient and step size of the mutual repulsion force;

[0013] The mutual repulsion force between the nodes, the attenuation coefficient, and the step size are adjusted according to the node optimization goal. The node optimization goal refers to the goal of achieving a stable state for the nodes by optimizing the parameters between them according to the page display requirements.

[0014] In one embodiment, the step of adjusting the mutual repulsion force between the nodes, the attenuation coefficient, and the step size according to the node optimization objective includes:

[0015] The mutual repulsion force is adjusted according to the node optimization goal and engine parameters;

[0016] The attenuation coefficient and the step size are adjusted according to the node optimization objective and the target force-oriented algorithm, respectively.

[0017] In one embodiment, the step of adjusting the mutual repulsion force according to the node optimization objective and physics engine parameters includes:

[0018] The current mutual repulsion force adjustment target is obtained based on the node optimization target;

[0019] The physics engine required to adjust the mutual repulsion force is determined based on the current mutual repulsion force adjustment target.

[0020] The engine parameter adjustment target is determined based on the current mutual repulsion force adjustment target.

[0021] The engine parameters of the physical engine are adjusted according to the engine parameter adjustment target to complete the adjustment of the mutual repulsion force, wherein the mutual repulsion force changes with the change of engine parameters.

[0022] In one embodiment, the step of adjusting the attenuation coefficient and the step size according to the node optimization objective and the target force-oriented algorithm respectively includes:

[0023] Determine the adjustment range of the attenuation coefficient and the adjustment range of the step size respectively;

[0024] The attenuation coefficient adjustment amount is determined based on the node optimization objective and the attenuation coefficient adjustment range, and the step size adjustment amount is determined based on the node optimization objective and the step size adjustment range.

[0025] The attenuation coefficient is adjusted according to the target force-guided algorithm and the attenuation coefficient adjustment amount, and the step size is adjusted according to the target force-guided algorithm and the step size adjustment amount.

[0026] In one embodiment, the step of adjusting the node parameters of the displayed element includes:

[0027] The format of each node icon and the unit of the flow effect between nodes are obtained based on the node parameters of the displayed elements.

[0028] Based on the node optimization goals, the format of each node icon and the units of the flow effect between the nodes are adjusted respectively.

[0029] In one embodiment, the step of adjusting the format of each node icon and the unit of the flow effect between the nodes according to the node optimization target includes:

[0030] When the format of each node icon is a preset format, the format of each node icon is converted according to the node optimization target;

[0031] Compress the node icons after format conversion;

[0032] When the unit of the flow effect between the nodes is not a preset unit, the unit of the flow effect between the nodes is adjusted according to the node optimization target.

[0033] In one embodiment, the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters includes:

[0034] The connecting display elements are obtained based on the display elements of the page to be displayed;

[0035] Get the visible area of ​​the page at the current moment;

[0036] The connection element to be loaded is determined based on the current page visualization area and the connection display element, and the node element to be loaded is determined based on the current page visualization area and the adjusted node parameters.

[0037] Based on the target page loading strategy, the page is initialized according to the connection elements to be loaded and the node elements to be loaded.

[0038] In one embodiment, the step of initializing the page based on the target page loading strategy according to the connection element to be loaded and the node element to be loaded includes:

[0039] Generate a loading task based on the connection element to be loaded and the node element to be loaded;

[0040] Based on the target page loading strategy, the task to be loaded is divided into data shards to obtain each shard loading task.

[0041] Obtain the complex computational task of the page to be displayed;

[0042] The target multi-threading strategy is used to move the loading tasks of each segment to the main thread for execution, and to move the complex calculation tasks of the page to the background thread for execution.

[0043] The data to be rendered is determined based on the task execution data, and the data to be rendered is rendered to complete the page initialization.

[0044] In one embodiment, the step of moving each shard loading task to the main thread for execution using a target multi-threading strategy includes:

[0045] Count the number of loading tasks for each segment;

[0046] Construct an equal number of blank task execution instances based on the stated quantity;

[0047] The target task execution instance is obtained by assigning each segment loading task to an equal number of blank task execution instances using a target multi-threading strategy.

[0048] Obtain the sequence number of the target task execution instance, and determine the asynchronous execution batch based on the sequence number;

[0049] The target task execution instance is moved to the main thread for execution according to the asynchronous execution batch.

[0050] In one embodiment, after the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters, the method further includes:

[0051] Get the visual area of ​​the page to be displayed in the next moment;

[0052] If the visualization area in the next moment is inconsistent with the visualization area in the current moment and / or a region scrolling operation is detected, dynamically update the connection elements and node elements to be loaded.

[0053] In one embodiment, after the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters, the method further includes:

[0054] When a zoom-in action is detected, the distance between the zoomed-in camera and the initialized page is obtained;

[0055] When the distance is less than a preset threshold, the animation data to be loaded is acquired;

[0056] The animation data to be loaded is added to the loading task, and the step of data fragmentation of the loading task based on the target page loading strategy is continued.

[0057] Furthermore, to achieve the above objectives, this application also proposes a page display device, the page display device comprising:

[0058] The acquisition module is used to respond to the display request of the page to be displayed and to acquire the display elements of the page to be displayed according to the display request;

[0059] An adjustment module is used to adjust the node parameters of the displayed elements when the number of displayed elements exceeds a preset threshold.

[0060] The determination module is used to determine the page loading strategy based on the current loading error information.

[0061] The initialization module is used to initialize the page according to the page progressive loading strategy and the adjusted node parameters, and then display the initialized page.

[0062] In one embodiment, the adjustment module is further configured to obtain the mutual repulsion force between nodes based on the node parameters of the displayed element; obtain the attenuation coefficient and step size of the mutual repulsion force; and adjust the mutual repulsion force between nodes, the attenuation coefficient, and the step size according to the node optimization target.

[0063] In one embodiment, the adjustment module is further configured to adjust the mutual repulsion force by optimizing the physical engine parameters according to the node optimization target; and to adjust the attenuation coefficient and the step size according to the node optimization target and the target force-oriented algorithm, respectively.

[0064] In one embodiment, the adjustment module is further configured to determine the current mutual exclusion force adjustment requirement based on the node optimization target; determine the target physics engine based on the current mutual exclusion force adjustment requirement, and obtain the physics engine parameters of the target physics engine; and adjust the mutual exclusion force by optimizing the physics engine parameters.

[0065] In one embodiment, the adjustment module is further configured to obtain the format of each node icon and the unit of the flow effect between nodes based on the node parameters of the displayed element; and adjust the format of each node icon and the unit of the flow effect between nodes according to the node optimization target.

[0066] In addition, to achieve the above objectives, this application also proposes a page display device, the device comprising: a memory, a processor, and a computer program stored in the memory and executable on the processor, the computer program being configured to implement the steps of the page display method as described above.

[0067] In addition, to achieve the above objectives, this application also proposes a storage medium, which is a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, it implements the steps of the page display method described above.

[0068] In addition, to achieve the above objectives, this application also provides a computer program product, which includes a computer program that, when executed by a processor, implements the steps of the page display method described above.

[0069] One or more technical solutions proposed in this application have at least the following technical effects: In response to a display request for a page to be displayed, the display elements of the page to be displayed are obtained according to the display request; when the number of display elements exceeds a preset threshold, the node parameters of the display elements are adjusted; a page progressive loading strategy is determined based on current loading error information; the page is initialized according to the page progressive loading strategy and the adjusted node parameters, and the initialized page is displayed. Through the above method, when the number of display elements exceeds a preset threshold, page initialization is performed from two dimensions: loading strategy and display element adjustment, and then the initialized page is displayed. This effectively alleviates the page initialization lag phenomenon and improves the overall page display effect without increasing hardware costs. Attached Figure Description

[0070] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application.

[0071] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0072] Figure 1 This is a flowchart illustrating the first embodiment of the method for displaying the page in this application.

[0073] Figure 2 A schematic diagram of the visual area for the page display method provided in Embodiment 1 of this application;

[0074] Figure 3 This is a flowchart illustrating Embodiment 2 of the method for displaying the page in this application.

[0075] Figure 4 This is a schematic diagram of the module structure of the page display device in the embodiments of this application;

[0076] Figure 5 This is a schematic diagram of the device structure of the hardware operating environment involved in the page display method in this application embodiment.

[0077] The purpose, features, and advantages of this application will be further explained in conjunction with the embodiments and with reference to the accompanying drawings. Detailed Implementation

[0078] It should be noted that the executing entity in this embodiment can be a computing service device with data processing, network communication, and program execution functions, such as a tablet computer, personal computer, or mobile phone, or an electronic device or page display device capable of performing the above functions. The following description uses a page display device as an example to illustrate this embodiment and the subsequent embodiments.

[0079] Based on this, the embodiments of this application provide a page display method, referring to... Figure 1 , Figure 1 This is a flowchart illustrating the first embodiment of the method for displaying pages in this application.

[0080] In this embodiment, the page display method includes steps S10 to S40:

[0081] Step S10: In response to the display request of the page to be displayed, obtain the display elements of the page to be displayed according to the display request.

[0082] It should be noted that a display request refers to a request made to display a page, and a display element refers to an element that needs to be displayed on the page to be displayed. The display element includes, but is not limited to, nodes, lines, and animation effects. The page to be displayed can be a star map, in which case it can be constellation nodes, such as Tian Tian East Star, Nan Men West Star, and Tian Xiang West Star.

[0083] Step S20: When the number of displayed elements is greater than a preset threshold, the node parameters of the displayed elements are adjusted.

[0084] Understandably, after obtaining the number of display elements, it is necessary to determine whether the number exceeds a preset threshold. If so, it indicates that if the initialization is performed in the conventional way, severe lag will inevitably occur, resulting in extremely poor display effects. To address this, the page display method proposed in this application is proposed, which initializes the page from two dimensions—loading strategy and display element adjustment—in response to the display request of the page to be displayed, and then displays the initialized page. This effectively alleviates the lag during page initialization and improves the overall display effect of the page.

[0085] It should be understood that node parameters include individual node parameters as well as parameters between nodes, such as the node icon format and the mutual repulsion between nodes. When the number of displayed elements exceeds a preset threshold, the node parameters of the displayed elements are adjusted to effectively alleviate the lag during page initialization.

[0086] Furthermore, in order to effectively alleviate the lag during page initialization, step S20 includes: obtaining the mutual repulsion force between nodes based on the node parameters of the displayed elements; obtaining the attenuation coefficient and step size of the mutual repulsion force; and adjusting the mutual repulsion force between nodes, the attenuation coefficient, and the step size according to the node optimization goal, wherein the node optimization goal refers to the goal of achieving a stable state for the nodes by optimizing the parameters between the nodes according to the page display requirements.

[0087] It should be understood that mutual repulsion refers to the ability of nodes to repel each other. In order to make the nodes of the display element stabilize quickly in a short period of time, it is necessary to adjust the mutual repulsion between the nodes, thereby reducing the amount of computation and rendering burden. The decay coefficient represents the rate at which the mutual repulsion decreases as the distance increases. In order to make the nodes reach a balanced state in fewer iterations, it is necessary to adjust the decay coefficient and step size of the mutual repulsion. After the above adjustments, the nodes of the display element are in a stable state.

[0088] It should be noted that a steady state represents a periodic dynamic equilibrium between the relative positions and velocities of the nodes. For example, within one period, the velocities of nodes A and B are both akm / h, node A is always located at 45° north of east of node B, and the relative distance is always bkm.

[0089] Furthermore, in order to effectively improve the accuracy of adjusting node parameters, the step of adjusting the mutual repulsion force between nodes, the attenuation coefficient, and the step size according to the node optimization objective includes: adjusting the mutual repulsion force according to the node optimization objective and engine parameters; and adjusting the attenuation coefficient and the step size according to the node optimization objective and the target force-guided algorithm.

[0090] It is understandable that engine parameters refer to parameters that directly affect the interaction behavior between nodes. The mutual repulsion between nodes will change with the change of engine parameters. By using the node optimization objective and the objective force-oriented algorithm to adjust the decay coefficient and step size respectively, the convergence speed and stability can be effectively improved, so that the nodes can reach the equilibrium state in fewer iterations.

[0091] Furthermore, to effectively improve the accuracy of adjusting the mutual exclusion force, the step of adjusting the mutual exclusion force based on the node optimization target and the physics engine parameters includes: obtaining the current mutual exclusion force adjustment target based on the node optimization target; determining the physics engine required for adjusting the mutual exclusion force based on the current mutual exclusion force adjustment target; determining the engine parameter adjustment target based on the current mutual exclusion force adjustment target; and adjusting the engine parameters of the physics engine based on the engine parameter adjustment target to complete the adjustment of the mutual exclusion force, wherein the mutual exclusion force changes with the changes in the engine parameters.

[0092] It should be understood that the current mutual repulsion adjustment target refers to the goal of making the nodes quickly stabilize in a short period of time by adjusting the mutual repulsion between the nodes. Since the mutual repulsion between the nodes will change with the change of engine parameters, in order to conveniently and quickly adjust the mutual repulsion, this embodiment adopts the method of adjusting the engine parameters of the physics engine to complete the adjustment of the mutual repulsion. For example, according to the engine parameter adjustment target, the engine parameter of the physics engine is adjusted from a to a'. At this time, the mutual repulsion between the nodes changes from b to b', which just meets the requirements of the current mutual repulsion adjustment target. At this time, the mutual repulsion adjustment is indirectly completed. After the adjustment, the nodes of the displayed elements quickly stabilize in a short period of time.

[0093] Furthermore, in order to effectively improve the accuracy of adjusting the attenuation coefficient and the step size, the step of adjusting the attenuation coefficient and the step size according to the node optimization target and the target force-oriented algorithm respectively includes: determining the adjustment range of the attenuation coefficient and the adjustment range of the step size respectively; determining the adjustment amount of the attenuation coefficient according to the node optimization target and the adjustment range of the attenuation coefficient, and determining the adjustment amount of the step size according to the node optimization target and the adjustment range of the step size; adjusting the attenuation coefficient according to the target force-oriented algorithm and the adjustment amount of the attenuation coefficient, and adjusting the step size according to the target force-oriented algorithm and the adjustment amount of the step size.

[0094] It is understandable that the attenuation coefficient adjustment range refers to the maximum range of adjustment of the attenuation coefficient, and similarly, the step size range refers to the maximum range of adjustment of the step size. Then, the attenuation coefficient adjustment amount and the step size adjustment amount are determined by combining the node optimization target. Then, the target force-oriented algorithm is used to adjust the attenuation coefficient and the step size respectively, so that the adjusted attenuation coefficient and step size are consistent with the node optimization target, thereby enabling the nodes of the displayed elements to stabilize quickly in a short period of time.

[0095] Furthermore, in order to quickly and to the greatest extent alleviate the lag during page initialization, step S20 includes: obtaining the format of each node icon and the unit of the flow effect between nodes based on the node parameters of the displayed elements; and adjusting the format of each node icon and the unit of the flow effect between nodes according to the node optimization target.

[0096] It should be understood that the format of the node icon includes, but is not limited to, SVG format, PNG format, etc. The larger the unit of the flow effect, the heavier the rendering burden. In addition to the mutual repulsion force, attenuation coefficient and step size, the node parameters of the display elements adjusted in this embodiment will also adjust the format of each node icon and the unit of the flow effect between nodes.

[0097] Furthermore, in order to quickly and to the greatest extent alleviate the lag during page initialization, the step of adjusting the format of each node icon and the unit of the flow effect between nodes according to the node optimization goal includes: when the format of each node icon is a preset format, converting the format of each node icon according to the node optimization goal; compressing the converted node icons; and when the unit of the flow effect between nodes is not a preset unit, adjusting the unit of the flow effect between nodes according to the node optimization goal.

[0098] Understandably, the default format can be SVG. After obtaining the format of each node icon, it is necessary to determine whether the node icon format is the default format. If so, it indicates that a format conversion is required. After the conversion, the format of each node icon is PNG. Then, the converted node icons are compressed to reduce the size of the node icons and reduce rendering overhead.

[0099] It should be understood that the preset unit can be the smallest range. After obtaining the unit of the flow effect between nodes, it is determined whether the unit of the flow effect between nodes is the preset unit. If not, the unit of the flow effect between nodes is adjusted to the preset unit using the node optimization target. After the adjustment is completed, complex animation effects are not displayed from a distance.

[0100] Step S30: Determine the page loading strategy based on the current loading error information.

[0101] It should be understood that the current loading error message refers to the error message of loading all display elements in the page at once. The current loading error message includes, but is not limited to, loading lag, long time, and performance abnormalities. The page progressive loading strategy refers to the strategy of loading display elements in the page step by step. The page progressive loading strategy can be a gradual loading strategy, that is, loading the nodes and connections that need to be displayed step by step, which can effectively avoid the performance problems caused by loading all at once.

[0102] Step S40: Initialize the page according to the page loading strategy and the adjusted node parameters, and display the initialized page.

[0103] Understandably, after determining the page's gradual loading strategy, page initialization is performed using the adjusted node parameters. This initialization process is very smooth, effectively mitigating the lag issues caused by page initialization in existing technologies. The initialized page can then be displayed on a large screen, significantly improving the display experience.

[0104] Furthermore, in order to achieve real-time updates of the elements to be loaded, after the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters, the method further includes: obtaining the visual area of ​​the page to be displayed at the next moment; if the visual area at the next moment is inconsistent with the visual area at the current moment and / or a region scrolling operation is detected, dynamically updating the connecting elements and node elements to be loaded.

[0105] It should be understood that after obtaining the visible area of ​​the page to be displayed in the next moment, it is determined whether the visible area in the next moment is the same as the visible area in the current moment. If not, it indicates that the viewpoint has changed, and the connecting elements and node elements to be loaded are dynamically updated. On the other hand, the area scrolling operation refers to the operation of changing the visible area by scrolling. When this area scrolling operation is detected, it indicates that the viewpoint has changed, and the connecting elements and node elements to be loaded are also dynamically updated. For example, refer to Figure 2 , Figure 2 This is a diagram illustrating the visualization area, specifically including the visualization area of ​​the page to be displayed at the current moment and the visualization area at the next moment. The nodes to be loaded within the visualization area at the current moment include nodes A, C, F, and I. The nodes to be loaded within the visualization area at the current moment include nodes A, C, G, F, I, H, and J. By observing the nodes and connecting elements to be loaded within the visualization area at different moments, it can be seen that the viewpoint changes from the current moment to the next moment, and the connecting elements and nodes to be loaded are dynamically updated accordingly. The strategy used to detect the scrolling operation of the area can be a virtual scrolling detection strategy.

[0106] Furthermore, in order to effectively improve the speed of page initialization, after the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters, the method further includes: when a camera zoom-in action is detected, obtaining the distance between the zoomed-in camera and the initialized page; when the distance is less than a preset threshold, obtaining the animation data to be loaded; adding the animation data to be loaded to the loading task, and continuing to execute the step of data fragmentation of the loading task based on the target page loading strategy.

[0107] It is understood that in this embodiment, the conditions for displaying detailed animation effects are detecting a camera zoom-in action and the distance between the camera and the page being less than a preset threshold. When all of the above conditions are met, it indicates that detailed animation effects need to be displayed. At this time, the animation data to be loaded corresponding to the animation effect is added to the loading task, and then the detailed animation effect is displayed by loading the task.

[0108] This embodiment responds to a display request from a page to be displayed, obtains the display elements of the page according to the display request; when the number of display elements exceeds a preset threshold, adjusts the node parameters of the display elements; determines a page gradual loading strategy based on current loading error information; initializes the page according to the page gradual loading strategy and the adjusted node parameters, and then displays the initialized page. Through this method, when the number of display elements exceeds a preset threshold, page initialization is performed from two dimensions: loading strategy and display element adjustment, and then the initialized page is displayed. This effectively alleviates page initialization lag and improves the overall page display effect without increasing hardware costs.

[0109] Based on the first embodiment of this application, in the second embodiment of this application, the content that is the same as or similar to that in the first embodiment described above can be referred to the above description, and will not be repeated hereafter. Based on this, please refer to... Figure 3 Step S40 includes steps S401 to S404:

[0110] Step S401: Obtain the connecting display elements based on the display elements of the page to be displayed.

[0111] It should be noted that the connection display element refers to the connection-type display element among the display elements of the page to be displayed. That is, the connection display element can be extracted from the display elements of the page to be displayed. The connection display element includes, but is not limited to, straight line display elements, curved line display elements, etc.

[0112] Step S402: Obtain the visible area of ​​the page at the current moment.

[0113] It is understandable that the visible area of ​​a page refers to the area of ​​the page to be displayed within the current viewpoint. The larger the visible area of ​​the page, the more elements need to be displayed.

[0114] Step S403: Determine the connecting element to be loaded based on the current page visualization area and the connecting element display, and determine the node element to be loaded based on the current page visualization area and the adjusted node parameters.

[0115] It should be understood that the line element to be loaded refers to the line element that needs to be loaded at the current moment. The line element to be loaded can be a part of the line display element. Similarly, the node element to be loaded refers to the node element that needs to be loaded at the current moment. The node element can be a part of the node display element corresponding to the adjusted node parameters. At the current moment, only the elements within the visible area of ​​the page are loaded. Nodes and lines outside the field of view do not participate in loading and rendering.

[0116] Step S404: Based on the target page loading strategy, initialize the page according to the connection element to be loaded and the node element to be loaded.

[0117] Understandably, after determining the connected elements and node elements to be loaded, the page is initialized using the target page loading strategy, which is to achieve page initialization with viewport clipping.

[0118] Furthermore, to effectively improve the efficiency of page initialization, the step of initializing the page based on the target page loading strategy according to the connection elements and node elements to be loaded includes: generating loading tasks based on the connection elements and node elements to be loaded; performing data sharding on the loading tasks based on the target page loading strategy to obtain each shard loading task; obtaining the complex calculation tasks of the page to be displayed; moving each shard loading task to the main thread for execution and moving the complex calculation tasks of the page to the background thread for execution through the target multi-threading strategy; determining the data to be rendered based on the task execution data and rendering the data to be rendered to complete the page initialization.

[0119] It should be understood that, in order to effectively improve the efficiency of data sharding, loading tasks are generated based on the connection elements and node elements to be loaded. In addition, in order to achieve batch asynchronous loading and improve loading efficiency, the generated loading tasks need to be sharded into shard loading tasks. Complex calculation tasks refer to the calculation tasks required for page initialization. For example, the complex calculation task can be a layout calculation task, which is more complex than the loading task.

[0120] Understandably, to reduce main thread blocking, a target multithreading strategy is adopted to move complex page calculation tasks to background threads. At this time, the main thread is only used to execute the loading tasks of each slice. This target multithreading strategy can be the Web Workers strategy. After the task is completed, it indicates that the loading is finished. Then, the data to be rendered is determined based on the task execution data, and the data to be rendered is rendered. After the rendering is completed, the page initialization of this round is completed. In addition, in order to effectively improve the rendering efficiency of the data to be rendered, hardware acceleration technologies such as WebGL will be used to make full use of the parallel computing capabilities of the GPU.

[0121] Furthermore, in order to effectively improve task execution efficiency, the step of moving each segment loading task to the main thread for execution through a target multi-threading strategy includes: counting the number of each segment loading task; constructing an equal number of blank task execution instances based on the number; allocating each segment loading task to the equal number of blank task execution instances through the target multi-threading strategy to obtain target task execution instances; obtaining the sequence number of the target task execution instance and determining the asynchronous execution batch based on the sequence number; and moving the target task execution instance to the main thread for execution according to the asynchronous execution batch.

[0122] Understandably, after the task to be recorded is divided into chunks for loading, each chunk needs to be assigned to a corresponding task execution instance. At this point, an equal number of blank task execution instances are constructed, and the chunked loading tasks are assigned to obtain the target task execution instances. Each target task execution instance will contain task execution instances. To quickly determine the asynchronous execution batch, the sequence number of the target task execution instances is set. For example, target task execution instances 1, 3, 5, and 9 are the first execution batch, and target task execution instances 2, 4, 6, and 10 are the second execution batch. Then, the target task execution instances are moved to the main thread for execution according to the asynchronous execution batch.

[0123] This embodiment obtains connecting elements based on the display elements of the page to be displayed; acquires the page's visual area at the current moment; determines the connecting elements to be loaded based on the page's visual area at the current moment and the connecting elements, and determines the node elements to be loaded based on the page's visual area at the current moment and the adjusted node parameters; initializes the page based on the target page loading strategy using the connecting elements and the node elements to be loaded; through the above method, by determining the page's visual area at the current moment, extracting the connecting elements (i.e., the connecting elements to be loaded) from the connecting elements, and extracting the node elements (i.e., the node elements to be loaded) from the node display elements corresponding to the adjusted node parameters, and then using the target page loading strategy for page initialization, the efficiency of initialization can be effectively improved, thereby improving the smoothness of page initialization.

[0124] This application also provides a page display device, please refer to... Figure 4 The page display device includes:

[0125] The acquisition module 10 is used to respond to the display request of the page to be displayed and acquire the display elements of the page to be displayed according to the display request.

[0126] The adjustment module 20 is used to adjust the node parameters of the displayed elements when the number of displayed elements exceeds a preset threshold.

[0127] Module 30 is used to determine the page loading strategy based on the current loading error information.

[0128] The initialization module 40 is used to initialize the page according to the page progressive loading strategy and the adjusted node parameters, and then display the initialized page.

[0129] This embodiment responds to a display request from a page to be displayed, obtains the display elements of the page according to the display request; when the number of display elements exceeds a preset threshold, adjusts the node parameters of the display elements; determines a page gradual loading strategy based on current loading error information; initializes the page according to the page gradual loading strategy and the adjusted node parameters, and then displays the initialized page. Through this method, when the number of display elements exceeds a preset threshold, page initialization is performed from two dimensions: loading strategy and display element adjustment, and then the initialized page is displayed. This effectively alleviates page initialization lag and improves the overall page display effect without increasing hardware costs.

[0130] The page display device provided in this application, employing the page display method in the above embodiments, can solve the technical problems of high page initialization costs and severe lag. Compared with the prior art, the beneficial effects of the page display device provided in this application are the same as those of the page display method provided in the above embodiments, and other technical features in the page display device are the same as those disclosed in the methods of the above embodiments, and will not be repeated here.

[0131] In one embodiment, the adjustment module 20 is further configured to obtain the mutual repulsion force between nodes based on the node parameters of the displayed element; obtain the attenuation coefficient and step size of the mutual repulsion force; and adjust the mutual repulsion force between nodes, the attenuation coefficient, and the step size according to the node optimization target, wherein the node optimization target refers to the goal of making the nodes reach a stable state by optimizing the parameters between nodes according to the page display requirements.

[0132] In one embodiment, the adjustment module 20 is further configured to adjust the mutual repulsion force according to the node optimization target and engine parameters; and to adjust the attenuation coefficient and the step size according to the node optimization target and the target force guidance algorithm, respectively.

[0133] In one embodiment, the adjustment module 20 is further configured to: obtain a current mutual exclusion force adjustment target based on the node optimization target; determine the physical engine required to adjust the mutual exclusion force based on the current mutual exclusion force adjustment target; determine an engine parameter adjustment target based on the current mutual exclusion force adjustment target; and adjust the engine parameters of the physical engine based on the engine parameter adjustment target to complete the adjustment of the mutual exclusion force, wherein the mutual exclusion force changes with the change of engine parameters.

[0134] In one embodiment, the adjustment module 20 is further configured to: determine the attenuation coefficient adjustment range and the step size adjustment range respectively; determine the attenuation coefficient adjustment amount based on the node optimization target and the attenuation coefficient adjustment range; determine the step size adjustment amount based on the node optimization target and the step size adjustment range; adjust the attenuation coefficient based on the target force-guided algorithm and the attenuation coefficient adjustment amount; and adjust the step size based on the target force-guided algorithm and the step size adjustment amount.

[0135] In one embodiment, the adjustment module 20 is further configured to obtain the format of each node icon and the unit of the flow effect between nodes according to the node parameters of the display element; and adjust the format of each node icon and the unit of the flow effect between nodes according to the node optimization target.

[0136] In one embodiment, the adjustment module 20 is further configured to: convert the format of each node icon according to the node optimization target when the format of each node icon is a preset format; compress each node icon after format conversion; and adjust the unit of the flow effect between nodes according to the node optimization target when the unit of the flow effect between nodes is not a preset unit.

[0137] In one embodiment, the initialization module 40 is further configured to: obtain connecting display elements based on the display elements of the page to be displayed; obtain the page visualization area at the current moment; determine the connecting elements to be loaded based on the page visualization area at the current moment and the connecting display elements; determine the node elements to be loaded based on the page visualization area at the current moment and the adjusted node parameters; and initialize the page based on the connecting elements to be loaded and the node elements to be loaded according to the target page loading strategy.

[0138] In one embodiment, the initialization module 40 is further configured to: generate loading tasks based on the loading connection elements and the loading node elements; perform data sharding on the loading tasks based on the target page loading strategy to obtain each shard loading task; obtain the complex calculation tasks of the page to be displayed; move each shard loading task to the main thread for execution and move the complex calculation tasks of the page to the background thread for execution through the target multi-threading strategy; determine the data to be rendered based on the task execution data, and render the data to be rendered to complete the page initialization.

[0139] In one embodiment, the initialization module 40 is further configured to: count the number of each slice loading task; construct an equal number of blank task execution instances based on the number; allocate each slice loading task to the equal number of blank task execution instances using a target multi-threading strategy to obtain target task execution instances; obtain the sequence number of the target task execution instances; determine the asynchronous execution batch based on the sequence number; and move the target task execution instances to the main thread for execution based on the asynchronous execution batch.

[0140] In one embodiment, the initialization module 40 is further configured to obtain the visual area of ​​the page to be displayed at the next moment; if the visual area at the next moment is inconsistent with the visual area at the current moment and / or a region scrolling operation is detected, the module dynamically updates the connecting elements and node elements to be loaded.

[0141] In one embodiment, the initialization module 40 is further configured to, when a zoom-in action is detected, obtain the distance between the zoomed-in camera and the initialized page; when the distance is less than a preset threshold, obtain the animation data to be loaded; add the animation data to be loaded to the loading task, and continue to execute the step of performing data fragmentation on the loading task based on the target page loading strategy.

[0142] This invention discloses A1. A page display method, the method comprising:

[0143] In response to a display request for a page to be displayed, the display elements of the page to be displayed are obtained according to the display request;

[0144] When the number of displayed elements exceeds a preset threshold, the node parameters of the displayed elements are adjusted.

[0145] Determine the page loading strategy based on the current loading error information;

[0146] The page is initialized according to the page progressive loading strategy and the adjusted node parameters, and the initialized page is then displayed.

[0147] A2. As described in A1, the step of adjusting the node parameters of the displayed element includes:

[0148] The mutual repulsion force between nodes is obtained based on the node parameters of the displayed elements;

[0149] Obtain the attenuation coefficient and step size of the mutual repulsion force;

[0150] The mutual repulsion force between the nodes, the attenuation coefficient, and the step size are adjusted according to the node optimization goal. The node optimization goal refers to the goal of achieving a stable state for the nodes by optimizing the parameters between them according to the page display requirements.

[0151] A3. The method as described in A2, wherein the step of adjusting the mutual repulsion force between the nodes, the attenuation coefficient, and the step size according to the node optimization objective includes:

[0152] The mutual repulsion force is adjusted according to the node optimization goal and engine parameters;

[0153] The attenuation coefficient and the step size are adjusted according to the node optimization objective and the target force-oriented algorithm, respectively.

[0154] A4. The method as described in A3, wherein the step of adjusting the mutual repulsion force according to the node optimization objective and engine parameters includes:

[0155] The current mutual repulsion force adjustment target is obtained based on the node optimization target;

[0156] The physics engine required to adjust the mutual repulsion force is determined based on the current mutual repulsion force adjustment target.

[0157] The engine parameter adjustment target is determined based on the current mutual repulsion force adjustment target.

[0158] The engine parameters of the physical engine are adjusted according to the engine parameter adjustment target to complete the adjustment of the mutual repulsion force, wherein the mutual repulsion force changes with the change of engine parameters.

[0159] A5. The method as described in A3, wherein the step of adjusting the attenuation coefficient and the step size according to the node optimization objective and the target force-oriented algorithm respectively includes:

[0160] Determine the adjustment range of the attenuation coefficient and the adjustment range of the step size respectively;

[0161] The attenuation coefficient adjustment amount is determined based on the node optimization objective and the attenuation coefficient adjustment range, and the step size adjustment amount is determined based on the node optimization objective and the step size adjustment range.

[0162] The attenuation coefficient is adjusted according to the target force-guided algorithm and the attenuation coefficient adjustment amount, and the step size is adjusted according to the target force-guided algorithm and the step size adjustment amount.

[0163] A6. As described in A1, the step of adjusting the node parameters of the displayed element includes:

[0164] The format of each node icon and the unit of the flow effect between nodes are obtained based on the node parameters of the displayed elements.

[0165] Based on the node optimization goals, the format of each node icon and the units of the flow effect between the nodes are adjusted respectively.

[0166] A7. The method as described in A6, wherein the step of adjusting the format of each node icon and the unit of the flow effect between the nodes according to the node optimization target includes:

[0167] When the format of each node icon is a preset format, the format of each node icon is converted according to the node optimization target;

[0168] Compress the node icons after format conversion;

[0169] When the unit of the flow effect between the nodes is not a preset unit, the unit of the flow effect between the nodes is adjusted according to the node optimization target.

[0170] A8. As described in A1, the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters includes:

[0171] The connecting display elements are obtained based on the display elements of the page to be displayed;

[0172] Get the visible area of ​​the page at the current moment;

[0173] The connection element to be loaded is determined based on the current page visualization area and the connection display element, and the node element to be loaded is determined based on the current page visualization area and the adjusted node parameters.

[0174] Based on the target page loading strategy, the page is initialized according to the connection elements to be loaded and the node elements to be loaded.

[0175] A9. The method described in A8, wherein the step of initializing the page based on the target page loading strategy according to the connection element to be loaded and the node element to be loaded includes:

[0176] Generate a loading task based on the connection element to be loaded and the node element to be loaded;

[0177] Based on the target page loading strategy, the task to be loaded is divided into data shards to obtain each shard loading task.

[0178] Obtain the complex computational task of the page to be displayed;

[0179] The target multi-threading strategy is used to move the loading tasks of each segment to the main thread for execution, and to move the complex calculation tasks of the page to the background thread for execution.

[0180] The data to be rendered is determined based on the task execution data, and the data to be rendered is rendered to complete the page initialization.

[0181] A10. The method as described in A9, wherein the step of moving each slice loading task to the main thread for execution using a target multi-threading strategy includes:

[0182] Count the number of loading tasks for each segment;

[0183] Construct an equal number of blank task execution instances based on the stated quantity;

[0184] The target task execution instance is obtained by assigning each segment loading task to an equal number of blank task execution instances using a target multi-threading strategy.

[0185] Obtain the sequence number of the target task execution instance, and determine the asynchronous execution batch based on the sequence number;

[0186] The target task execution instance is moved to the main thread for execution according to the asynchronous execution batch.

[0187] A11. The method as described in any one of A1 to A10, further comprising, after the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters:

[0188] Get the visual area of ​​the page to be displayed in the next moment;

[0189] If the visualization area in the next moment is inconsistent with the visualization area in the current moment and / or a region scrolling operation is detected, dynamically update the connection elements and node elements to be loaded.

[0190] A12. The method as described in any one of A1 to A10, further comprising, after the step of initializing the page according to the page progressive loading strategy and the adjusted node parameters:

[0191] When a zoom-in action is detected, the distance between the zoomed-in camera and the initialized page is obtained;

[0192] When the distance is less than a preset threshold, the animation data to be loaded is acquired;

[0193] The animation data to be loaded is added to the loading task, and the step of data fragmentation of the loading task based on the target page loading strategy is continued.

[0194] The present invention also discloses B13. A page display device, the device comprising:

[0195] The acquisition module is used to respond to the display request of the page to be displayed and to acquire the display elements of the page to be displayed according to the display request;

[0196] An adjustment module is used to adjust the node parameters of the displayed elements when the number of displayed elements exceeds a preset threshold.

[0197] The determination module is used to determine the page loading strategy based on the current loading error information.

[0198] The initialization module is used to initialize the page according to the page progressive loading strategy and the adjusted node parameters, and then display the initialized page.

[0199] B14. The page display device as described in B13, wherein the adjustment module is further configured to obtain the mutual repulsion force between nodes based on the node parameters of the display element; obtain the attenuation coefficient and step size of the mutual repulsion force; and adjust the mutual repulsion force between nodes, the attenuation coefficient, and the step size according to the node optimization target, wherein the node optimization target refers to the goal of making the nodes reach a stable state by optimizing the parameters between nodes according to the page display requirements.

[0200] B15. The page display device as described in B14, wherein the adjustment module is further configured to adjust the mutual repulsion force according to the node optimization target and engine parameters; and to adjust the attenuation coefficient and the step size according to the node optimization target and the target force guiding algorithm, respectively.

[0201] B16. The page display device as described in B15, wherein the adjustment module is further configured to: obtain a current mutual exclusion force adjustment target based on a node optimization target; determine a physical engine required for adjusting the mutual exclusion force based on the current mutual exclusion force adjustment target; determine an engine parameter adjustment target based on the current mutual exclusion force adjustment target; and adjust the engine parameters of the physical engine based on the engine parameter adjustment target to complete the adjustment of the mutual exclusion force, wherein the mutual exclusion force changes with the change of engine parameters.

[0202] B17. The page display device as described in B13, wherein the adjustment module is further configured to obtain the format of each node icon and the unit of the flow effect between nodes according to the node parameters of the display element; and to adjust the format of each node icon and the unit of the flow effect between nodes according to the node optimization target.

[0203] This application provides a page display device, which includes: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the page display method in Embodiment 1 above.

[0204] The following is for reference. Figure 5 The diagram illustrates a structural schematic of a page display device suitable for implementing embodiments of this application. The page display device in these embodiments may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (Portable Application Description), PMPs (Portable Media Players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. Figure 5 The page display device shown is merely an example and should not impose any limitations on the functionality and scope of use of the embodiments of this application.

[0205] like Figure 5As shown, the page display device may include a processing unit 1001 (e.g., a central processing unit, a graphics processing unit, etc.), which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1002 or a program loaded from a storage device 1003 into a random access memory (RAM) 1004. The RAM 1004 also stores various programs and data required for the operation of the page display device. The processing unit 1001, ROM 1002, and RAM 1004 are interconnected via a bus 1005. An input / output (I / O) interface 1006 is also connected to the bus. Typically, the following systems can be connected to the I / O interface 1006: input devices 1007 including, for example, a touchscreen, touchpad, keyboard, mouse, image sensor, microphone, accelerometer, gyroscope, etc.; output devices 1008 including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 1003 including, for example, magnetic tape, hard disk, etc.; and communication devices 1009. Communication device 1009 allows the page display device to communicate wirelessly or wiredly with other devices to exchange data. Although page display devices with various systems are shown in the figures, it should be understood that it is not required to implement or have all of the systems shown. More or fewer systems may be implemented alternatively.

[0206] Specifically, according to the embodiments disclosed in this application, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments disclosed in this application include a computer program product comprising a computer program carried on a computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via a communication device, or installed from storage device 1003, or installed from ROM 1002. When the computer program is executed by processing device 1001, it performs the functions defined in the methods of the embodiments disclosed in this application.

[0207] The page display device provided in this application, employing the page display method in the above embodiments, can solve the technical problems of high page initialization costs and severe lag. Compared with the prior art, the beneficial effects of the page display device provided in this application are the same as those of the page display method provided in the above embodiments, and other technical features of this page display device are the same as those disclosed in the previous embodiment method, and will not be repeated here.

[0208] It should be understood that the various parts disclosed in this application can be implemented using hardware, software, firmware, or a combination thereof. In the description of the above embodiments, specific features, structures, materials, or characteristics can be combined in any suitable manner in one or more embodiments or examples.

[0209] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

[0210] This application provides a computer-readable storage medium having computer-readable program instructions (i.e., a computer program) stored thereon, the computer-readable program instructions being used to execute the page display method in the above embodiments.

[0211] The computer-readable storage medium provided in this application may be, for example, a USB flash drive, but is not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to: electrical connections with 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 thereof. In this embodiment, the computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, system, or device. The program code contained on the computer-readable storage medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (Radio Frequency), etc., or any suitable combination thereof.

[0212] The aforementioned computer-readable storage medium may be included in the page display device; or it may exist independently and not be assembled into the page display device.

[0213] Computer program code for performing the operations of this application can be written in one or more programming languages ​​or a combination thereof. These programming languages ​​include object-oriented programming languages—such as Java, Smalltalk, and C++—and 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, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a Local Area Network (LAN) or a Wide Area Network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0214] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this application. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0215] The modules described in the embodiments of this application can be implemented in software or hardware. The names of the modules do not necessarily limit the functionality of the unit itself.

[0216] The readable storage medium provided in this application is a computer-readable storage medium that stores computer-readable program instructions (i.e., a computer program) for executing the above-described page display method. This solves the technical problems of high page initialization costs and severe lag. Compared with the prior art, the beneficial effects of the computer-readable storage medium provided in this application are the same as those of the page display method provided in the above embodiments, and will not be repeated here.

[0217] This application also provides a computer program product, including a computer program that, when executed by a processor, implements the steps of the page display method described above.

[0218] The computer program product provided in this application can solve the technical problems of high cost of page initialization and severe lag. Compared with the prior art, the beneficial effects of the computer program product provided in this application are the same as those of the page display method provided in the above embodiments, and will not be repeated here.

[0219] The above description is only a part of the embodiments of this application and does not limit the patent scope of this application. All equivalent structural transformations made under the technical concept of this application and using the contents of the specification and drawings of this application, or direct / indirect applications in other related technical fields, are included in the patent protection scope of this application.

Claims

1. A page display method, characterized in that, The method includes: In response to a display request for a page to be displayed, the display elements of the page to be displayed are obtained according to the display request; When the number of displayed elements exceeds a preset threshold, the node parameters of the displayed elements are adjusted. Determine the page loading strategy based on the current loading error information; The page is initialized according to the page progressive loading strategy and the adjusted node parameters, and the initialized page is then displayed.

2. The method as described in claim 1, characterized in that, The step of adjusting the node parameters of the displayed element includes: The mutual repulsion force between nodes is obtained based on the node parameters of the displayed elements; Obtain the attenuation coefficient and step size of the mutual repulsion force; The mutual repulsion force between the nodes, the attenuation coefficient, and the step size are adjusted according to the node optimization goal. The node optimization goal refers to the goal of achieving a stable state for the nodes by optimizing the parameters between them according to the page display requirements.

3. The method as described in claim 2, characterized in that, The step of adjusting the mutual repulsion force between nodes, the attenuation coefficient, and the step size according to the node optimization objective includes: The mutual repulsion force is adjusted according to the node optimization goal and engine parameters; The attenuation coefficient and the step size are adjusted according to the node optimization objective and the target force-oriented algorithm, respectively.

4. The method as described in claim 3, characterized in that, The step of adjusting the mutual repulsion force according to the node optimization objective and engine parameters includes: The current mutual repulsion force adjustment target is obtained based on the node optimization target; The physics engine required to adjust the mutual repulsion force is determined based on the current mutual repulsion force adjustment target. The engine parameter adjustment target is determined based on the current mutual repulsion force adjustment target. The engine parameters of the physical engine are adjusted according to the engine parameter adjustment target to complete the adjustment of the mutual repulsion force, wherein the mutual repulsion force changes with the change of engine parameters.

5. The method as described in claim 3, characterized in that, The step of adjusting the attenuation coefficient and the step size according to the node optimization objective and the target force-oriented algorithm respectively includes: Determine the adjustment range of the attenuation coefficient and the adjustment range of the step size respectively; The attenuation coefficient adjustment amount is determined based on the node optimization objective and the attenuation coefficient adjustment range, and the step size adjustment amount is determined based on the node optimization objective and the step size adjustment range. The attenuation coefficient is adjusted according to the target force-guided algorithm and the attenuation coefficient adjustment amount, and the step size is adjusted according to the target force-guided algorithm and the step size adjustment amount.

6. The method according to any one of claims 1 to 5, characterized in that, The step of initializing the page according to the page progressive loading strategy and the adjusted node parameters includes: The connecting display elements are obtained based on the display elements of the page to be displayed; Get the visible area of ​​the page at the current moment; The connection element to be loaded is determined based on the current page visualization area and the connection display element, and the node element to be loaded is determined based on the current page visualization area and the adjusted node parameters. Based on the target page loading strategy, the page is initialized according to the connection elements to be loaded and the node elements to be loaded.

7. A page display device, characterized in that, The device includes: The acquisition module is used to respond to the display request of the page to be displayed and to acquire the display elements of the page to be displayed according to the display request; An adjustment module is used to adjust the node parameters of the displayed elements when the number of displayed elements exceeds a preset threshold. The determination module is used to determine the page loading strategy based on the current loading error information. The initialization module is used to initialize the page according to the page progressive loading strategy and the adjusted node parameters, and then display the initialized page.

8. A page display device, characterized in that, The device includes: a memory, a processor, and a computer program stored in the memory and executable on the processor, the computer program being configured to implement the steps of the page display method as described in any one of claims 1 to 6.

9. A storage medium, characterized in that, The storage medium is a computer-readable storage medium, and a computer program is stored on the storage medium. When the computer program is executed by a processor, it implements the steps of the page display method as described in any one of claims 1 to 6.

10. A computer program product, characterized in that, The computer program product includes a computer program that, when executed by a processor, implements the steps of the page display method as described in any one of claims 1 to 6.

Images