CN112182453A - Data loading method and device, computer equipment and storage medium - Google Patents
Data loading method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN112182453A CN112182453A CN202011062707.7A CN202011062707A CN112182453A CN 112182453 A CN112182453 A CN 112182453A CN 202011062707 A CN202011062707 A CN 202011062707A CN 112182453 A CN112182453 A CN 112182453A
- Authority
- CN
- China
- Prior art keywords
- list items
- type
- loading
- list
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 190
- 230000003111 delayed effect Effects 0.000 claims abstract description 75
- 238000009877 rendering Methods 0.000 claims abstract description 70
- 238000000034 method Methods 0.000 claims abstract description 52
- 238000004590 computer program Methods 0.000 claims description 10
- 230000003993 interaction Effects 0.000 abstract description 11
- 230000008569 process Effects 0.000 description 15
- 230000006870 function Effects 0.000 description 11
- 238000010586 diagram Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 230000008901 benefit Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000000903 blocking effect Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000011160 research Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present disclosure provides a data loading method, apparatus, computer device and storage medium, wherein the method comprises: when an application program is started, reading the respective style types of all list items in a target page; determining list items to be delayed and loaded from the list items in the target page as first-class list items according to the respective style types of the list items in the target page and the preset delay loading style type; taking other list items except the first type list item in the target page as second type list items; and preferentially loading the data of the second type list items, rendering the view of the first type list items but delaying the loading of the data of the first type list items, and rendering the data of the first type list items after the data of the second type list items are loaded and rendered. The method and the device can flexibly configure the delayed loading style type based on actual service requirements, ensure that important items are preferentially loaded and rendered, and improve the fluency of human-computer interaction.
Description
Technical Field
The present disclosure relates to the field of internet technologies, and in particular, to a data loading method and apparatus, a computer device, and a storage medium.
Background
With the development of internet technology, more and more users acquire various information contents such as news by using the internet, and the push of the various information contents is shown in an information flow mode.
Before the information flow is displayed, list items of various styles can be loaded in a partition loading mode. However, due to the fact that the loading time required by the list items of different styles is different, the list item styles which are long in time cannot be displayed in the display subarea in time, and therefore the fluency of human-computer interaction is reduced.
Disclosure of Invention
The embodiment of the disclosure provides at least one data loading scheme, which can flexibly configure a delayed loading style type based on actual service requirements, and further flexibly control the priority of page data loading, so that the page data loading is sequentially performed according to the priority order, priority loading and rendering of important items are guaranteed, and the fluency of human-computer interaction is improved.
In a first aspect, an embodiment of the present disclosure provides a data loading method, where the method includes:
when an application program is started, reading the respective style types of all list items in a target page;
determining list items to be delayed and loaded from the list items in the target page as first type list items according to the respective style types of the list items in the target page and preset delay loading style types, and taking other list items except the first type list items in the target page as second type list items;
and rendering the view of the first type of list items but delaying the rendering of the view of the first type of list items, and rendering the data of the first type of list items at the view of the first type of list items after the data of the second type of list items is loaded and rendered.
In an embodiment, determining a list item to be delayed and loaded as a first-class list item from list items in the target page according to respective style types of the list items in the target page and a preset delayed loading style type includes:
and determining a first list item matched with a preset delayed loading style type from the list items in the target page as a first type list item.
In one embodiment, rendering a view for the first category list items includes:
and rendering the view control of the first type of list item according to a preset white background.
In one embodiment, rendering the view control of the list items of the first type against a preset white background includes:
acquiring list height information corresponding to the style type of the first type list item;
and taking the list height information as the preset height information of the white background, and rendering the view control of the first type of list items according to the preset height information of the white background.
In an embodiment, when the application program is started, reading respective style types of list items in a target page includes:
and reading the respective style types of all list items in the first screen in the cold starting stage of the application program.
In one embodiment, the style type includes one of the following types: no picture, large picture, multiple picture, and video types.
In an embodiment, determining a list item to be delayed and loaded from list items in the target page according to a respective style type and a preset delayed loading style type of each list item in the target page includes:
judging whether the style type of each list item in the target page is matched with a preset delayed loading style type or not according to each list item in the target page;
and if the matching is successful, determining the list item as the list item to be delayed and loaded.
In one embodiment, determining that the list item is a list item to be delayed for loading includes:
if the style type of the list item is successfully matched with the preset delayed loading style type, reading the data volume of the data required by the list item loading;
and determining the list item as a list item to be delayed and loaded under the condition that the read data volume is larger than a preset threshold value.
In a second aspect, the present disclosure also provides an apparatus for loading data, the apparatus including:
the reading module is used for reading the respective style types of all list items in the target page when the application program is started;
the determining module is used for determining list items to be delayed and loaded from the list items in the target page as first-class list items according to the respective style types of the list items in the target page and preset delay loading style types, and taking other list items except the first-class list items in the target page as second-class list items;
and the loading module is used for preferentially loading the data of the second type of list items and rendering the view, rendering the view of the first type of list items but delaying the loading of the data of the first type of list items, and rendering the data of the first type of list items at the view of the first type of list items after the data of the second type of list items are loaded and rendered.
In a third aspect, the present disclosure also provides a computer device, including: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory communicating via the bus when a computer device is running, the machine-readable instructions when executed by the processor performing the steps of the method of data loading according to the first aspect and any of its various embodiments.
In a fourth aspect, the present disclosure also provides a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the method of data loading according to the first aspect and any of its various embodiments.
By adopting the scheme, when the application program is started, the respective style types of the list items in the target page can be read firstly, then the list items to be delayed and loaded are determined to be used as the first type of list items from the list items in the target page according to the respective style types of the list items in the target page and the preset delay loading style types, and other list items except the first type of list items in the target page can be used as the second type of list items. That is, the multiple list items in the target page may be divided into two types of list items (i.e., a first type of list item and a second type of list item) based on style type matching.
Data can be preferentially loaded and view rendering can be performed on the common list item of the second type list item, and meanwhile, only view rendering may be performed for delayed list items of the first type, but no data loading, which mainly takes into account that for loading list items of the first type which take longer, if the direct data loading causes the problem of loading and blocking of the whole target page, therefore, after the data loading and rendering of the second type list item are finished, and then the data of the first type list item is loaded, thereby avoiding the problem of loading jamming, improving the fluency of interpersonal interaction, and simultaneously, since the view rendering is also performed on the list items of the first type during the data loading process of the list items of the second type, therefore, the whole target page can be completely displayed, and the use experience of the application program is better.
In order to make the aforementioned objects, features and advantages of the present disclosure more comprehensible, preferred embodiments accompanied with figures are described in detail below.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required for use in the embodiments will be briefly described below, and the drawings herein incorporated in and forming a part of the specification illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the technical solutions of the present disclosure. It is appreciated that the following drawings depict only certain embodiments of the disclosure and are therefore not to be considered limiting of its scope, for those skilled in the art will be able to derive additional related drawings therefrom without the benefit of the inventive faculty.
Fig. 1 is a flowchart illustrating a method for loading data according to a first embodiment of the present disclosure;
fig. 2(a) is an application diagram of a method for loading data according to a first embodiment of the present disclosure;
fig. 2(b) is an application diagram of a method for loading data according to a first embodiment of the present disclosure;
fig. 3 is a schematic diagram illustrating an apparatus for loading data according to a second embodiment of the disclosure;
fig. 4 shows a schematic diagram of a computer device provided in a third embodiment of the present disclosure.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present disclosure more clear, the technical solutions of the embodiments of the present disclosure will be described clearly and completely with reference to the drawings in the embodiments of the present disclosure, and it is obvious that the described embodiments are only a part of the embodiments of the present disclosure, not all of the embodiments. The components of the embodiments of the present disclosure, generally described and illustrated in the figures herein, can be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present disclosure, presented in the figures, is not intended to limit the scope of the claimed disclosure, but is merely representative of selected embodiments of the disclosure. All other embodiments, which can be derived by a person skilled in the art from the embodiments of the disclosure without making creative efforts, shall fall within the protection scope of the disclosure.
According to research, before information flow display, due to the fact that the loading time needed by list items of different styles is different, the list item styles consuming longer time cannot be displayed in the display subarea in time, and therefore the human-computer interaction fluency is reduced.
Based on the research, the method and the device for loading the page data provide at least one scheme for loading the data, the types of the delayed loading styles can be flexibly configured based on actual service requirements, and then the priority of loading the page data is flexibly controlled, so that the loading of the page data is sequentially carried out according to the priority order, the priority loading and rendering of important projects are guaranteed, and the fluency of human-computer interaction is improved.
The above-mentioned drawbacks are the results of the inventor after practical and careful study, and therefore, the discovery process of the above-mentioned problems and the solutions proposed by the present disclosure to the above-mentioned problems should be the contribution of the inventor in the process of the present disclosure.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
To facilitate understanding of the present embodiment, first, a data loading method disclosed in the embodiments of the present disclosure is described in detail, where an execution subject of the data loading method provided in the embodiments of the present disclosure is generally a computer device with certain computing capability, and the computer device includes, for example: a terminal device, which may be a User Equipment (UE), a mobile device, a User terminal, a cellular phone, a cordless phone, a Personal Digital Assistant (PDA), a handheld device, a computing device, a vehicle-mounted device, a wearable device, or other processing device. In some possible implementations, the method of data loading may be implemented by a processor calling computer readable instructions stored in a memory.
The following describes a data loading method provided by the embodiment of the present disclosure by taking an execution subject as a terminal device as an example.
Example one
Referring to fig. 1, which is a flowchart of a method for loading data according to a first embodiment of the present disclosure, the method includes steps S101 to S103, where:
s101, reading the respective style types of all list items in a target page when an application program is started;
s102, determining list items to be delayed and loaded from the list items in the target page as first-class list items according to the respective style types of the list items in the target page and preset delay loading style types, and taking other list items except the first-class list items in the target page as second-class list items;
s103, preferentially loading data of the second type of list items and rendering the views, rendering the views of the first type of list items but delaying the loading of the data of the first type of list items, and rendering the data of the first type of list items at the views of the first type of list items after the data of the second type of list items are loaded and rendered.
Here, in order to facilitate understanding of the method for loading data provided by the embodiment of the present disclosure, an application scenario of the method for loading data is briefly described first. When an application program arranged on the terminal device is started, an information flow loading interface (namely a target page) presented on the application program can be started along with the application program, and different application programs have different presented information flow loading interfaces. For example, for a news-like application, an information stream loading interface may be presented that contains a plurality of news items. Because the list item styles corresponding to different news are not necessarily the same, but the loading times corresponding to different list item styles are not the same, for example, the loading time of the list item of the picture is far shorter than that of the list item style of the video, so when the two list item styles are displayed in the same information stream loading interface, the fluency of the whole loading interface during information stream loading is often poor due to the overlong loading time of the video.
In order to solve the above problems, the present disclosure provides a method for implementing data loading by synchronously rendering delayed list items and common list items but delaying loading through list item classification, which can flexibly configure a delayed loading style type based on actual service requirements, and further flexibly control priority of page data loading, so that loading of page data is sequentially performed according to a priority order, thereby ensuring priority loading rendering of important items, and thus improving fluency of interpersonal interaction.
Before data loading, when an application program is started, the method for loading data provided by the embodiment of the present disclosure may classify list items into a first type of list items to be delayed and loaded and a second type of list items to be normally and delayed based on respective style types of the list items in a read target page and a preset delay loading style type.
The determined target page is different according to the different starting states of the application programs. Here, the method may be applied to a cold start phase of an application program, and the style type of each read list item may be a style type shown in a top screen. In addition, the embodiment of the present disclosure may also be applied to a stage of restarting the application program after exiting, where the read target page may be a page recorded after the application program exits, and the style type of each list item displayed on the page corresponds to the read style type. The style types here may be none, big, multi, and video types.
It should be noted that the preset delayed loading pattern type in the embodiment of the present disclosure may be a loading pattern type determined based on the common loading time of the various types of types, or may also be a loading pattern type corresponding to a list item with a larger loading data amount screened out from list items displayed in each history page of the application program, for example, a history list item with a loading data amount larger than a preset threshold value in a history page corresponding to the application program recorded in advance may be determined, and the pattern type of the/some history list items may be determined as the delayed loading pattern type, so that the application requirements of different application programs may be adapted.
Based on the preset delayed loading style type, a first-class list item can be determined from all list items, the first-class list item can be a list item which is time-consuming to load, the first-class list item can be a delayed loading style type, for example, the first-class list item can be a video type, the second-class list item can be a list item which is faster to load, and the second-class list item can be a common loading style type, for example, the second-class list item can be a text type.
It should be noted that, in the embodiment of the present disclosure, the list items of the first type may be relatively set based on the list items of the second type, and may be determined based on a specifically applicable application program, for example, in different application programs, the loading pattern of the picture may be a preset delayed loading pattern, or may be a normal loading common pattern, and therefore, the embodiment of the present disclosure may perform applicability setting based on different application programs, and no specific limitation is made herein.
Based on the above description, it can be known that the loading time required for the first type list item is much longer than that required for the second type list item, and if the two are loaded together, the whole loading time will be prolonged. In the embodiment of the present disclosure, a step loading scheme is provided only in consideration of the loading requirements of the two types of list items, that is, data of the second type of list items with shorter time consumption is preferentially loaded and view rendering is performed, and a view of the first type of list items with longer time consumption is preferentially rendered, so that after the data of the second type of list items is loaded and rendered, corresponding data can be rendered at the view of the first type of list items.
Because the view rendering of the first type of list items occupies less resources and the corresponding rendering consumes less time, the rendering can be completed along with the data recording of the second type of list items and the view rendering process, so that all data of the first type of list items and the rendered view of the first type of list items can be synchronously displayed on a target page, the view loading integrity is ensured on the premise of reducing the loading time delay, and the human-computer interaction fluency is improved.
It should be noted that, the first type list item and the second type list item may both include one list item, and may also both include a plurality of list items. In a specific application, the list items that can be displayed in the target page may be obtained from the application server side by the terminal device based on a communication condition between the terminal device and the application server, where the number of the list items corresponding to different application programs may also be different, and here, the number of the list items may also be determined in combination with a communication quality between the remote server and the terminal device.
In practical application, a plurality of list items matched with a preset delayed loading style type usually exist in all list items acquired from a server, and here, if the plurality of delayed loading list items are subjected to rendering first and then loading, a state that data are not loaded yet exists in views of the plurality of list items is caused, so that in order to ensure the experience degree of a user, when a plurality of list items matched with the preset delayed loading style type exist in all list items in a target page, one delayed loading list item can be selected for rendering and loading.
In the embodiment of the present disclosure, the list items may be randomly selected, or may be loaded depending on the position information of each list item matched with the preset delayed loading style type in the target page, and the first list item matched with the preset delayed loading style type may be selected as the first-class list item to perform subsequent rendering and corresponding loading setting, which mainly considers that, for the displayed information flow, the user habitually uses a sequential browsing manner to view, thereby further ensuring the user experience.
Before the first-type list items are loaded, the embodiment of the present disclosure needs to rely on a rendering background corresponding to the list items, and the background may be used as a rendering layer, and after it is determined that data of the second-type list items are loaded and rendered, the data content of the first-type list items may be loaded on the rendering layer, so as to implement final display of the data content.
Here, for a list item of a first type, the view control of the list item of the first type may be rendered first with a preset white background. It should be noted that the rendering background selected may be a black background or a background of other colors, in addition to a white background. Here, to further ensure the user experience, a white background may be selected, which mainly considers that the view rendering by the white background generates sufficiently little interference to the user's vision.
In the embodiment of the present disclosure, in order to ensure the integrity of the subsequent data content loading of the first-type list items, here, the rendering of the view control of the first-type list items may be performed by using the list height information corresponding to the first-type list items as the height information of the rendering background.
In the embodiment of the present disclosure, while rendering the first type of list items, an operation of loading data of the second type of list items and performing view rendering may also be performed, where, considering that the second type of list items are common list items that take a short time for loading, here, related view rendering and data loading may be directly performed, and specific processes related to rendering and data loading are not repeated here.
Like this, after the rendering of first kind of list item finishes and the loading and the rendering of second kind of list item finish, can be in the view department of first kind of list item render the data of first kind of list item, that is, this disclosed embodiment can load other list items except first kind of list item in rendering background and each list item of first kind of list item, then, the data content of first kind of list item is loaded again, thereby the problem that the human-computer interaction smoothness that brings to the unable timely loading of postponing the list item among the correlation technique is poor has been avoided, whole human-computer interaction's smoothness can be promoted by a wide margin.
To facilitate further understanding of the process of data delayed loading, the following description may be made with reference to fig. 2(a) to 2 (b). The first type list item comprises one list item (corresponding to a picture list item), and the second type list item comprises two list items (corresponding to a first text list item and a second text list item).
Here, the current target page corresponds to three list items, namely a first text list item and a second text list item belonging to a second type list item, and a picture list item belonging to a first type list item. Here, the data of the first text list item (corresponding to the first text data) and the data of the second text list item (corresponding to the second text data) may be preferentially loaded and view rendering may be performed by using the data loading method provided by the embodiment of the present disclosure, and meanwhile, rendering may be performed for the picture list item, where white background rendering is taken as an example, as shown in fig. 2 (a).
In this way, after the first text data and the second text data are loaded, the picture data can be loaded on the white background, and the rendered presentation effect is shown in fig. 2 (b).
In the embodiment of the present disclosure, in consideration of the critical role of the determination of the list item to be delayed loaded on the subsequent delayed loading operation, the following may be described in detail.
Here, the above determination process of list items to be delayed and loaded may be implemented by the following steps:
step one, judging whether the style type of each list item in a target page is matched with a preset delayed loading style type or not aiming at each list item in the target page;
step two, if the style type of the list item is successfully matched with the preset delayed loading style type, reading the data volume of the data required by loading the list item;
and step three, determining the list item as a list item to be loaded in a delayed mode under the condition that the read data volume is larger than a preset threshold value.
Here, for each read list item, matching the style type of the list item with a preset delayed loading style type may be performed, and if the matching is successful, it may be determined that the list item is a list item to be delayed loaded.
In a specific application, in order to facilitate style matching, corresponding identification information may be set for a list item, where the identification information has uniqueness and is used to identify the list item. That is, for different list items, the corresponding identification information is also different. In the embodiment of the present disclosure, the identification information may be determined for each list item in advance, and in consideration of the universality of the information flow pattern adopted in the embodiment of the present disclosure, the selected identification information may be generated depending on the data type, data content, and other information of the list item, so that the unique identification of the list item may be realized.
Here, taking as an example that a loading style type corresponding to a list item with a large loading data amount screened out from list items displayed in each history page of an application program is taken as a preset delayed loading style type, the matching depends on identification information of the list item with the large loading data amount in a history page corresponding to the application program pre-stored by a terminal device, and the identification information of each list item in a current target page after the application program is started, that is, traversal searching can be performed on the identification information of each list item based on the identification information of the list item with the large loading data amount, once the list item with the matched identification is searched, it can be determined that a first type of list item with the large loading data amount is included in the current target page, that is, the list item to be delayed loaded can be determined.
In the embodiment of the present disclosure, in order to facilitate faster implementation of the search matching process, the search matching process may be implemented specifically by relying on a preset callback function. Here, a preset callback function for identifying the delay list items may be first obtained, then the style type of each list item and the preset delay loading style type are input into the preset callback function, and a list item for which a response value is successfully returned for the preset callback function may be determined that the style type of the list item and the preset delay loading style type are successfully matched, and a list item for which a response value is failed to be returned for the preset callback function may be determined that the style type of the list item and the preset delay loading style type are failed to be matched. That is, in a specific application, the verification of the delayed loading pattern may be performed on the pattern types of the respective list items simultaneously based on a preset callback function.
The preset callback functions that can be used by the application program are different in consideration of the different running environments to which the application program is applied. In this embodiment of the present disclosure, when the Application is applied to an Android running environment, the search matching process may be specifically implemented by using an onbinditemvewewholder callback function in an onbinditemvewewholder class in an Application Programming Interface (API) of the Application. When the application program is applied to other operating environments, the application program can be specifically implemented by using a corresponding callback function, which is not described herein again.
It should be noted that, in the embodiment of the present disclosure, in the process of determining the list item to be delayed and loaded, the determination may be performed in combination with the data amount of the data required by the loading of the list item, here, the list item whose data amount is greater than the preset threshold may be determined as the list item to be delayed and loaded
Here, the data amount related to the necessary data may depend on the data type and the data content, and considering the influence of the list height information of the list items on the data amount of the necessary data to be loaded (i.e., the data amount to be loaded), the determination of the data amount to be loaded may be performed in combination with the height information.
In the embodiment of the present disclosure, the larger the height information is, the larger the loading data amount corresponding to the list item with the more data content is, and for the data type, the loading data amount corresponding to the data type of the picture is far smaller than the loading data amount corresponding to the data type of the video, and the loading data amount corresponding to the data type corresponding to the text is far smaller than the loading data amount corresponding to the data types of the picture, the video, and the like. However, a list item with more data content does not necessarily have more data loading amount corresponding to a list item with less data content, for example, for a small graph and a segment of text with higher picture precision, the richness of the data content corresponding to the small graph is smaller than the richness of the data content of the segment of text, and therefore, the embodiment of the present disclosure may determine the data loading amount by combining the data type, the data content, the height information, and the like.
The loading data amount in the embodiment of the present disclosure may directly affect the loading time of the list item, and here, the list item with the loading time greater than 300 milliseconds (ms) may be determined as the list item to be delayed to be loaded.
It will be understood by those skilled in the art that in the method of the present invention, the order of writing the steps does not imply a strict order of execution and any limitations on the implementation, and the specific order of execution of the steps should be determined by their function and possible inherent logic.
Based on the same inventive concept, a data loading device corresponding to the data loading method is also provided in the embodiments of the present disclosure, and as the principle of solving the problem of the device in the embodiments of the present disclosure is similar to the data loading method in the embodiments of the present disclosure, the implementation of the device may refer to the implementation of the method, and repeated details are not described again.
Example two
Referring to fig. 3, which is a schematic diagram of a data loading apparatus according to a second embodiment of the present disclosure, the apparatus includes: a reading module 301, a determining module 302 and a loading module 303; wherein,
the reading module 301 is configured to read the style types of the respective list items in the target page when the application program is started;
a determining module 302, configured to determine a list item to be delayed and loaded from the list items in the target page as a first-class list item according to the respective style type and a preset delay loading style type of each list item in the target page, and take other list items except the first-class list item in the target page as second-class list items;
the loading module 303 is configured to preferentially load data of the second type list items and perform view rendering, perform rendering for the view of the first type list items but delay loading of the data of the first type list items, and render the data of the first type list items at the view of the first type list items after the data of the second type list items is loaded and rendered.
The embodiment of the present disclosure may preferentially load data and perform view rendering for a common list item of the second type list item, and at the same time, only view rendering may be performed for delayed list items of the first type, but no data loading, which mainly takes into account that for loading list items of the first type which take longer, if the direct data loading causes the problem of loading and blocking of the whole target page, therefore, after the data loading and rendering of the second type list item are finished, and then the data of the first type list item is loaded, thereby avoiding the problem of loading jamming, improving the fluency of interpersonal interaction, and simultaneously, since the view rendering is also performed on the list items of the first type during the data loading process of the list items of the second type, therefore, the whole target page can be completely displayed, and the use experience of the application program is better.
In an embodiment, the determining module 302 is configured to determine a list item to be delayed and loaded from list items in a target page as a first-type list item according to a respective style type and a preset delay loading style type of each list item in the target page according to the following steps:
and determining a first list item matched with a preset delayed loading style type from the list items in the target page as a first type list item.
In one embodiment, the loading module 303 is configured to render a view for a list item of the first type according to the following steps:
and rendering the view control of the list items of the first type according to a preset white background.
In one embodiment, the loading module 303 is configured to render the view control of the list items of the first type on a preset white background according to the following steps:
acquiring list height information corresponding to the style type of the first type of list items;
and taking the list height information as the preset height information of the white background, and rendering the view control of the first type of list items according to the preset height information of the white background.
In an embodiment, the reading module 301 is configured to, at the time of starting the application program, read the style type of each list item in the target page according to the following steps:
and reading the respective style types of all list items in the first screen in the cold starting stage of the application program.
In one embodiment, the style type includes one of the following types: no picture, large picture, multiple picture, and video types.
In an embodiment, the determining module 302 is configured to determine a list item to be delayed and loaded from list items in a target page according to a respective style type and a preset delayed loading style type of each list item in the target page according to the following steps:
judging whether the style type of each list item in the target page is matched with a preset delayed loading style type or not according to each list item in the target page;
if the style type of the list item is successfully matched with the preset delayed loading style type, reading the data volume of the data required by the loading of the list item;
and under the condition that the read data volume is larger than a preset threshold value, determining the list item as a list item to be delayed and loaded.
EXAMPLE III
An embodiment of the present disclosure further provides a computer device, as shown in fig. 4, which is a schematic structural diagram of the computer device provided in the embodiment of the present disclosure, and the computer device includes: a processor 401, a memory 402, and a bus 403. The memory 402 stores machine-readable instructions executable by the processor 401 (for example, corresponding execution instructions of the reading module 301, the determining module 302, and the loading module 303 in the data loading apparatus in fig. 3, and the like), when the computer device is operated, the processor 401 and the memory 402 communicate through the bus 403, and when the machine-readable instructions are executed by the processor 401, the following processes are performed:
when an application program is started, reading the respective style types of all list items in a target page;
determining list items to be delayed and loaded from the list items in the target page as first type list items according to the respective style types of the list items in the target page and preset delay loading style types, and taking other list items except the first type list items in the target page as second type list items;
and rendering the data of the first type of list items at the view position of the first type of list items after the data of the second type of list items are loaded and rendered.
In an embodiment, in the instruction executed by the processor 401, determining, according to the respective style type and the preset delayed loading style type of each list item in the target page, a list item to be delayed loaded from the list items in the target page as a first-type list item includes:
and determining a first list item matched with a preset delayed loading style type from the list items in the target page as a first type list item.
In an embodiment, the instructions executed by the processor 401 to render the view of the first type list item includes:
and rendering the view control of the list items of the first type according to a preset white background.
In an embodiment, the instructions executed by the processor 401 for rendering the view control of the list items of the first type according to the preset white background include:
acquiring list height information corresponding to the style type of the first type of list items;
and taking the list height information as the preset height information of the white background, and rendering the view control of the first type of list items according to the preset height information of the white background.
In an embodiment, in the instruction executed by the processor 401, when the application program is started, reading the style type of each list item in the target page includes:
and reading the respective style types of all list items in the first screen in the cold starting stage of the application program.
In one embodiment, the style type includes one of the following types: no picture, large picture, multiple picture, and video types.
In an embodiment, in the instruction executed by the processor 401, determining a list item to be delayed and loaded from list items in a target page according to a respective style type and a preset delayed loading style type of each list item in the target page includes:
judging whether the style type of each list item in the target page is matched with a preset delayed loading style type or not according to each list item in the target page;
if the style type of the list item is successfully matched with the preset delayed loading style type, reading the data volume of the data required by the loading of the list item;
and under the condition that the read data volume is larger than a preset threshold value, determining the list item as a list item to be delayed and loaded.
The embodiment of the present disclosure further provides a computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the computer program performs the steps of the data loading method in the first method embodiment. The storage medium may be a volatile or non-volatile computer-readable storage medium.
A computer program product of the data loading method provided in the first embodiment of the present disclosure includes a computer readable storage medium storing a program code, where instructions included in the program code may be used to execute steps of the data loading method described in the first embodiment of the method, which may be referred to in the foregoing method embodiments specifically, and are not described herein again.
The embodiments of the present disclosure also provide a computer program, which when executed by a processor implements any one of the methods of the foregoing embodiments. The computer program product may be embodied in hardware, software or a combination thereof. In an alternative embodiment, the computer program product is embodied in a computer storage medium, and in another alternative embodiment, the computer program product is embodied in a Software product, such as a Software Development Kit (SDK), or the like.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the system and the apparatus described above may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again. In the several embodiments provided in the present disclosure, it should be understood that the disclosed system, apparatus, and method may be implemented in other ways. The above-described embodiments of the apparatus are merely illustrative, and for example, the division of the units is only one logical division, and there may be other divisions when actually implemented, and for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection of devices or units through some communication interfaces, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present disclosure may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer-readable storage medium executable by a processor. Based on such understanding, the technical solution of the present disclosure may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present disclosure. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
Finally, it should be noted that: the above-mentioned embodiments are merely specific embodiments of the present disclosure, which are used for illustrating the technical solutions of the present disclosure and not for limiting the same, and the scope of the present disclosure is not limited thereto, and although the present disclosure is described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: any person skilled in the art can modify or easily conceive of the technical solutions described in the foregoing embodiments or equivalent technical features thereof within the technical scope of the present disclosure; such modifications, changes or substitutions do not depart from the spirit and scope of the embodiments of the present disclosure, and should be construed as being included therein. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.
Claims (10)
1. A method for loading data, the method comprising:
when an application program is started, reading the respective style types of all list items in a target page;
determining list items to be delayed and loaded from the list items in the target page as first type list items according to the respective style types of the list items in the target page and preset delay loading style types, and taking other list items except the first type list items in the target page as second type list items;
and rendering the view of the first type of list items but delaying the rendering of the view of the first type of list items, and rendering the data of the first type of list items at the view of the first type of list items after the data of the second type of list items is loaded and rendered.
2. The method according to claim 1, wherein determining list items to be delayed and loaded from the list items in the target page as first-class list items according to respective style types and preset delay loading style types of the list items in the target page comprises:
and determining a first list item matched with a preset delayed loading style type from the list items in the target page as a first type list item.
3. The method of claim 1, wherein rendering a view for the first type list items comprises:
and rendering the view control of the first type of list item according to a preset white background.
4. The method of claim 3, wherein rendering the view control of the list items of the first type against a preset white background comprises:
acquiring list height information corresponding to the style type of the first type list item;
and taking the list height information as the preset height information of the white background, and rendering the view control of the first type of list items according to the preset height information of the white background.
5. The method according to claim 1, wherein reading respective style types of list items in a target page when the application program is started comprises:
and reading the respective style types of all list items in the first screen in the cold starting stage of the application program.
6. The method of claim 1, wherein the style type comprises one of the following types: no picture, large picture, multiple picture, and video types.
7. The method according to claim 1, wherein determining list items to be delayed and loaded from the list items in the target page according to the respective style types of the list items in the target page and a preset delay and load style type includes:
judging whether the style type of each list item in the target page is matched with a preset delayed loading style type or not according to each list item in the target page;
if the style type of the list item is successfully matched with the preset delayed loading style type, reading the data volume of the data required by the list item loading;
and determining the list item as a list item to be delayed and loaded under the condition that the read data volume is larger than a preset threshold value.
8. An apparatus for data loading, the apparatus comprising:
the reading module is used for reading the respective style types of all list items in the target page when the application program is started;
the determining module is used for determining list items to be delayed and loaded from the list items in the target page as first-class list items according to the respective style types of the list items in the target page and preset delay loading style types, and taking other list items except the first-class list items in the target page as second-class list items;
and the loading module is used for preferentially loading the data of the second type of list items and rendering the view, rendering the view of the first type of list items but delaying the loading of the data of the first type of list items, and rendering the data of the first type of list items at the view of the first type of list items after the data of the second type of list items are loaded and rendered.
9. A computer device, comprising: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory communicating over the bus when a computer device is running, the machine-readable instructions when executed by the processor performing the steps of the method of data loading according to any of claims 1 to 7.
10. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the steps of the method for loading data according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011062707.7A CN112182453A (en) | 2020-09-30 | 2020-09-30 | Data loading method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011062707.7A CN112182453A (en) | 2020-09-30 | 2020-09-30 | Data loading method and device, computer equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112182453A true CN112182453A (en) | 2021-01-05 |
Family
ID=73949272
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011062707.7A Pending CN112182453A (en) | 2020-09-30 | 2020-09-30 | Data loading method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112182453A (en) |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101551819A (en) * | 2009-04-30 | 2009-10-07 | 用友软件股份有限公司 | A method for rendering large-scale Web page |
| CN101777066A (en) * | 2009-12-31 | 2010-07-14 | 优视科技有限公司 | Web page rendering and browsing system for mobile communication equipment terminals and application method thereof |
| CN104239503A (en) * | 2014-09-11 | 2014-12-24 | 可牛网络技术（北京）有限公司 | Display control method and device for loading progress, browser and electronic equipment |
| CN108647075A (en) * | 2018-05-11 | 2018-10-12 | 阿里巴巴集团控股有限公司 | Listview method for refreshing, device and the electronic equipment of five application page |
| CN109388766A (en) * | 2017-08-07 | 2019-02-26 | 阿里巴巴集团控股有限公司 | The method and apparatus of page load |
| CN110109670A (en) * | 2019-05-16 | 2019-08-09 | 北京字节跳动网络技术有限公司 | Processing method, device, electronic equipment and the storage medium of view list data |
| CN110928543A (en) * | 2019-11-04 | 2020-03-27 | 北京小米移动软件有限公司 | Page processing method and device and storage medium |
| CN111428169A (en) * | 2020-03-20 | 2020-07-17 | 深圳市盟天科技有限公司 | Optimization method, system, server and storage medium for page loading |
-
2020
- 2020-09-30 CN CN202011062707.7A patent/CN112182453A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101551819A (en) * | 2009-04-30 | 2009-10-07 | 用友软件股份有限公司 | A method for rendering large-scale Web page |
| CN101777066A (en) * | 2009-12-31 | 2010-07-14 | 优视科技有限公司 | Web page rendering and browsing system for mobile communication equipment terminals and application method thereof |
| CN104239503A (en) * | 2014-09-11 | 2014-12-24 | 可牛网络技术（北京）有限公司 | Display control method and device for loading progress, browser and electronic equipment |
| CN109388766A (en) * | 2017-08-07 | 2019-02-26 | 阿里巴巴集团控股有限公司 | The method and apparatus of page load |
| CN108647075A (en) * | 2018-05-11 | 2018-10-12 | 阿里巴巴集团控股有限公司 | Listview method for refreshing, device and the electronic equipment of five application page |
| CN110109670A (en) * | 2019-05-16 | 2019-08-09 | 北京字节跳动网络技术有限公司 | Processing method, device, electronic equipment and the storage medium of view list data |
| CN110928543A (en) * | 2019-11-04 | 2020-03-27 | 北京小米移动软件有限公司 | Page processing method and device and storage medium |
| CN111428169A (en) * | 2020-03-20 | 2020-07-17 | 深圳市盟天科技有限公司 | Optimization method, system, server and storage medium for page loading |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20160188363A1 (en) | Method, apparatus, and device for managing tasks in multi-task interface | |
| CN109032722B (en) | Method, device, equipment and medium for updating display effect of UI component | |
| CN107329750A (en) | The recognition methods of advertisement page, jump method and mobile terminal in application program | |
| CN107704241B (en) | Display method and device for page state switching | |
| CN111695004B (en) | Application information processing method, device, computer equipment and storage medium | |
| CN110780939B (en) | Method, device, computer equipment and storage medium for loading resource file | |
| CN106227483B (en) | Display control method and mobile terminal | |
| WO2023051076A1 (en) | Search result display method and apparatus, computer device, and storage medium | |
| CN109358927B (en) | Application program display method and device and terminal equipment | |
| CN114722292A (en) | Book searching method, device, equipment and storage medium | |
| CN108241515B (en) | Application shortcut establishing method and terminal | |
| CN111897607A (en) | Application interface loading and interaction method, device and storage medium | |
| CN113296841A (en) | Application program processing method, device, equipment and medium | |
| CN113220179A (en) | Sidebar display method and device, terminal and storage medium | |
| CN112182453A (en) | Data loading method and device, computer equipment and storage medium | |
| US11928318B2 (en) | AI-powered tagging and UI/UX optimization engine | |
| CN113992784B (en) | Audio and video call method, device, computer equipment and storage medium | |
| CN107608827B (en) | Backup method and terminal for package configuration file and related medium product | |
| CN109714474A (en) | Content copying methods, device, terminal and storage medium | |
| WO2022068370A1 (en) | Terminal-use minus-2 screen interface display method, apparatus, terminal, and medium | |
| CN114995699A (en) | Interface interaction method and device | |
| CN114125560A (en) | Video playing method and device, electronic equipment and storage medium | |
| CN110891120B (en) | Interface content display method and device and storage medium | |
| CN108228307B (en) | Application display method and device, storage medium and electronic equipment | |
| WO2021084101A1 (en) | Systems and methods for replacing a theme of a virtual environment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant after: Douyin Vision Co.,Ltd. Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant before: Tiktok vision (Beijing) Co.,Ltd. Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant after: Tiktok vision (Beijing) Co.,Ltd. Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing. Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd. |
|
| CB02 | Change of applicant information |