CN114090165A - Page component display position adjusting method and device, computer equipment and medium - Google Patents
Page component display position adjusting method and device, computer equipment and medium Download PDFInfo
- Publication number
- CN114090165A CN114090165A CN202111408474.6A CN202111408474A CN114090165A CN 114090165 A CN114090165 A CN 114090165A CN 202111408474 A CN202111408474 A CN 202111408474A CN 114090165 A CN114090165 A CN 114090165A
- Authority
- CN
- China
- Prior art keywords
- component
- display
- height
- sub
- subassembly
- 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
- 238000000034 method Methods 0.000 title claims abstract description 64
- 238000012544 monitoring process Methods 0.000 claims abstract description 73
- 230000008859 change Effects 0.000 claims description 18
- 238000000429 assembly Methods 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 11
- 238000009877 rendering Methods 0.000 claims description 10
- 230000000007 visual effect Effects 0.000 claims description 7
- 230000000977 initiatory effect Effects 0.000 claims description 4
- 230000001747 exhibiting effect Effects 0.000 claims 1
- 238000010586 diagram Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 12
- 230000002159 abnormal effect Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 238000013507 mapping Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000004891 communication Methods 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
- 230000000694 effects Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000011160 research Methods 0.000 description 2
- 238000001514 detection method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000008846 dynamic interplay Effects 0.000 description 1
- 230000002452 interceptive effect 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
- 239000000126 substance Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- 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/451—Execution arrangements for user interfaces
-
- 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
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure provides a page component display position adjusting method, a page component display position adjusting device, computer equipment and a medium, wherein the method comprises the following steps: acquiring the component display height of each sub-component in the display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered; monitoring a first subassembly with a changed component display height in each subassembly; determining a subassembly to be adjusted in the subassemblies based on the assembly position of the first subassembly in the display assembly; and determining the component update height of the first sub-component, and adjusting the component display position of the sub-component to be adjusted in the display component through the component update height.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and an apparatus for adjusting a display position of a page component, a computer device, and a medium.
Background
With the development of the mobile internet technology, the content presented by the user side page becomes rich and diverse, the requirements of various page technologies are higher and higher, the traditional web page technology is widely applied, but due to the technical limitation when the web page is embedded into the APP, the display effect of the content-rich page is not ideal, and in view of this, for the content-rich page, the long list mode is usually adopted in the prior art for display. The component height of each component in the long list is a predetermined constant height, however, the actual component height of each component in the long list is not constant. For example, where a long list contains retractable components, a user may manipulate the height of the components to be changed by deploying or retracting the components, etc.
The change of the height of the components causes the whole display position of the long list to change, so that the height of the defined display position of each component in the long list is inconsistent with the actual condition, and the condition that the display content of the page is disordered or the display of the target page is abnormal, such as interface blank, occurs.
Disclosure of Invention
The embodiment of the disclosure at least provides a page component display position adjusting method, a page component display position adjusting device, computer equipment and a medium.
In a first aspect, an embodiment of the present disclosure provides a method for adjusting a display position of a page component, including: acquiring the component display height of each sub-component in the display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered; monitoring a first subassembly with a changed component display height in each subassembly; determining a subassembly to be adjusted in the various subassemblies based on the assembly position of the first subassembly in the display assembly; and determining the component update height of the first sub-component, and adjusting the component display position of the sub-component to be adjusted in the display component through the component update height.
In an alternative embodiment, the monitoring a first subassembly of the subassemblies whose component display heights change includes: determining a height monitoring control corresponding to each sub-component in the display components; determining a target height monitoring control initiating a height adjusting event in the height monitoring controls corresponding to each sub-assembly; and determining the sub-component corresponding to the target height monitoring control as the first sub-component.
In an alternative embodiment, the determining the component update height of the first sub-component includes: reading a component display height value corresponding to the first sub-component from the attribute information of the first sub-component; determining the read component display height value as a component update height of the first sub-component.
In an alternative embodiment, the determining the subassembly to be adjusted in the respective subassemblies based on the assembly position of the first subassembly in the display assembly includes: if the number of the first subassemblies is multiple, determining a second subassembly which is positioned at the foremost end of the display assembly in the multiple first subassemblies; and determining the remaining sub-assemblies after the second sub-assembly in the sub-assemblies of the display assembly as the sub-assemblies to be adjusted.
In an optional embodiment, the adjusting, by the component update height, the component display position of the to-be-adjusted subassembly in the display component includes: obtaining an initial component display height before the component height of the first subassembly is updated; calculating a height difference between the initial component display height and the component update height; and adjusting the component display position of the sub-component to be adjusted in the display component based on the height difference value.
In an optional embodiment, the method further comprises: after determining the component update height of the first sub-component, updating the component display height corresponding to the first sub-component in the component height list to the component update height; the components in the component height list show heights for rendering corresponding list data in the viewable area.
In an optional embodiment, the method further comprises: reading a component update height for the first sub-component from the component height list prior to calculating a height difference between an initial component height and the component update height.
In an optional embodiment, the method further comprises: after adjusting the component display position of the sub-component to be adjusted in the display component through the component update height, determining a third sub-component located in the visual area in each sub-component of the display component based on the adjusted component display position; presenting, by the third subcomponent, the target list data.
In an optional embodiment, the method further comprises: generating a null component for presenting the target list data; generating the display component in the empty component based on the target list data and the generation rule of the list component, and determining the component display height of each sub-component based on the display component; determining a height monitoring control for each subassembly in the display assembly, and establishing a binding relationship between each subassembly and the corresponding height monitoring control, wherein the height monitoring control is used for monitoring a height adjustment event of the assembly display height of the corresponding subassembly.
In a second aspect, an embodiment of the present disclosure further provides a device for adjusting a display position of a page component, including: the acquisition module is used for acquiring the component display height of each sub-component in the display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered; the monitoring module is used for monitoring a first sub-assembly with the assembly display height changed in each sub-assembly; the determining module is used for determining the sub-assembly to be adjusted in each sub-assembly based on the assembly position of the first sub-assembly in the display assembly; and the adjusting module is used for determining the component update height of the first sub-component and adjusting the component display position of the sub-component to be adjusted in the display component through the component update height.
In a third aspect, an embodiment of the present disclosure further 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 the computer device is running, the machine-readable instructions when executed by the processor performing the steps of the first aspect described above, or any possible implementation of the first aspect.
In a fourth aspect, this disclosed embodiment also provides a computer-readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to perform the steps in the first aspect or any one of the possible implementation manners of the first aspect.
The page component display position adjusting method, device, computer equipment and medium provided by the embodiment of the disclosure. After the component display heights of all the subassemblies in the display assembly of the target page are obtained, the subassemblies with the changed component display heights can be detected in real time by monitoring the first subassemblies with the changed component display heights of the subassemblies in the display assembly, so that the component display positions of the subassemblies needing position adjustment are adjusted according to the monitored first subassemblies, and the problem of abnormal display of the target page due to the fact that the actual display positions of the subassemblies do not accord with the preset display positions is avoided.
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 adjusting a display position of a page component according to an embodiment of the present disclosure;
FIG. 2 is a diagram illustrating a whiteout condition occurring when list data is presented via a display component as provided by an embodiment of the present disclosure;
FIG. 3 illustrates a flow diagram of a flow diagram method of a method of generating a display component provided by an embodiment of the present disclosure;
FIG. 4 illustrates a schematic diagram of a height difference between an initial component display height and a component update height of a first sub-assembly provided by embodiments of the present disclosure;
FIG. 5 is a schematic diagram illustrating presentation target list data based on a third subcomponent after adjusting the component presentation position provided by an embodiment of the present disclosure;
FIG. 6 is a flowchart illustrating another method for adjusting the display position of a page component according to an embodiment of the disclosure;
FIG. 7 is a schematic diagram illustrating a page assembly display position adjusting apparatus according to an embodiment of the disclosure;
fig. 8 shows a schematic diagram of a computer device provided by an 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.
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.
The term "and/or" herein merely describes an associative relationship, meaning that three relationships may exist, e.g., a and/or B, may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the term "at least one" herein means any one of a plurality or any combination of at least two of a plurality, for example, including at least one of A, B, C, and may mean including any one or more elements selected from the group consisting of A, B and C.
Research shows that the overall display position of the long list is changed due to the change of the height of the components, so that the height of the defined display position of each component in the long list is inconsistent with the actual condition, and the conditions of abnormal display of a target page, such as disordered display content of the page or interface blank, occur.
Based on the research, after the component display heights of all the subassemblies in the display assembly of the target page are obtained, the subassemblies with the changed component display heights can be detected in real time in a mode of monitoring the first subassemblies with the changed component display heights of the subassemblies in the display assembly, so that the component display positions of the subassemblies needing position adjustment are adjusted according to the monitored first subassemblies, and the problem that the target page is displayed abnormally due to the fact that the actual display positions of the subassemblies do not accord with the preset display positions is solved.
To facilitate understanding of the present embodiment, a page assembly display position adjustment method disclosed in the embodiments of the present disclosure is first described in detail, and an execution subject of the page assembly display position adjustment method provided in the embodiments of the present disclosure is generally a computer device with certain computing capability. In some possible implementations, the page component presentation position adjustment method may be implemented by a processor calling computer readable instructions stored in a memory.
Referring to fig. 1, a flowchart of a method for adjusting a display position of a page component provided in an embodiment of the present disclosure is shown, where the method includes steps S101 to S107, where:
s101: acquiring the component display height of each sub-component in the display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered.
In the embodiment of the present disclosure, the target page is a dynamic interaction page, for example, the target page may be a web page, where the target page may include dynamic content. Here, the interaction with the database can be realized according to the loading instruction of the dynamic content, and the dynamic content can be further acquired.
Here, the target page is a front page in the browser for presenting target list data, which is a collection of contents on which the display component depends when generated. For example, the target list data may include pictures, videos, etc., and the display component may present the content in the target list data when generated.
Therefore, the component display height of each sub-component is a display height preset according to the data size of the list data required to be displayed by each sub-component.
In the disclosed embodiment, the target list data may be understood as list data that has not been presented in the viewable area of the display interface; or may be understood as tabular data to be presented in the viewable area of the display interface at a future time (or next time).
S103: and monitoring a first sub-assembly of the various sub-assemblies, wherein the assembly shows that the height is changed.
In the actual use process of the present disclosure, since the target page is a dynamic interactive page, the component display height of the sub-component may change with the change of the data size of the displayed list data. At this time, it is necessary to monitor the change of the component display height of each of the above sub-assemblies, and determine the sub-assembly with the changed component display height as the first sub-assembly.
Specifically, a height adjustment event may be monitored, where the height adjustment event is an event that is generated for the subassembly that has changed and is used to indicate that the subassembly display height of the subassembly has changed after the subassembly display height of the subassembly in the display assembly has changed. After the height adjustment event is monitored, the subassembly corresponding to the height adjustment event can be determined as the first subassembly.
For example, when a list that can be collapsed or expanded is included in a sub-component, it is determined that the height adjustment event described above is heard upon detection of a user expansion or list collapse instruction for the sub-component.
S105: determining a subassembly to be adjusted in the subassemblies based on the assembly position of the first subassembly in the display assembly.
In the embodiment of the disclosure, the component position of the first sub-component in the display component needs to be determined, and then the sub-component to be adjusted, which needs to adjust the component position, is determined based on the component position of the first sub-component.
Here, the subassembly to be adjusted may be a subassembly whose component display position is associated with a component display height change of the first subassembly, for example, the subassembly to be adjusted may be another subassembly located below the first subassembly in the display assembly.
S107: and determining the component update height of the first sub-component, and adjusting the component display position of the sub-component to be adjusted in the display component through the component update height.
An existing page display effect schematic diagram is shown in fig. 2, because the component display height of any one of the sub-components in the display component changes, the actual component display height of the sub-component does not match the preset initial component display height, and then the blank condition of the list data of the subsequent display occurs. In addition, in the case of a change in the component display height of a sub-component, the existing page display technology may also have a disorder situation when the list data is displayed, which is not shown in fig. 2.
In the embodiment of the disclosure, after the first sub-assembly is determined, the assembly update height of the first sub-assembly may be determined, and the assembly display position of the sub-assembly to be adjusted in the display assembly may be adjusted according to the assembly update height.
In the embodiment of the disclosure, after the component display heights of the sub-components in the display component of the target page are obtained, the sub-components with the changed component display heights can be detected in real time by monitoring the first sub-components with the changed component display heights of the sub-components in the display component, so that the component display positions of the sub-components with the positions required to be adjusted are adjusted according to the monitored first sub-components, and the problem of abnormal display of the target page due to the fact that the actual display positions of the sub-components are not consistent with the preset display positions is avoided.
In the embodiment of the present disclosure, before obtaining the component display heights of each sub-component in the display components of the target page, the component display heights of the display components need to be generated, as shown in fig. 3, a specific generation process includes steps S31 to S39, where:
s31: acquiring target list data of a target page; and the target list data is data to be rendered in a visible area of a display interface corresponding to the target page.
Here, the target list data may be understood as list data that has not yet been presented in the visible area of the display interface; or may be understood as tabular data to be presented in the viewable area of the display interface at a future time (or next time).
S32: generating an empty component for presenting the target list data.
Here, the target page may be displayed on the display interface of the computer device, and the target list data may not be completely displayed in the display interface through the target page at one time based on the area size of the display interface of the computer device, so that the target list data may be displayed in the display interface of the client in several times through the target page based on a sliding operation of the user on the display interface, and the target page may display a part of the target list data each time.
Here, an empty component is understood to mean a container for a display component for displaying object list data.
S33: and generating a display component in the empty component based on the target list data and the generation rule of the list component, wherein the display component comprises a plurality of sub-components, and each sub-component is used for showing the corresponding target list data.
Here, the display component is a carrier for displaying the target list data in the interface, the sub-component is a unit component of the display component, the display component may be composed of a plurality of different sub-components, and each sub-component may be a carrier for partial data in the target list data; the generation rules of the data component are used to define the relative positional relationships of the various sub-components in the display component.
S34: and judging whether the display component generates the event or not.
If yes, go to step S35, if no, continue listening.
In specific implementation, when the display component is completely generated, the reference value (the reference value is a label referring to the display component, and the label changes from a null value at the beginning (since the display component is not yet generated, the label value is a null value) to the display component itself (after the display component is generated, the label value refers to the display component itself).
S35: and traversing the generated display component, and determining the component display height of each sub-component included in the display component.
In this step, the presentation height of each display sub-component can be obtained and recorded by traversing the ClientHeight (high visible area of web page content) attribute of each display sub-component in the display component.
S36: and establishing a mapping relation between the subassembly identification and the subassembly display height of the subassembly according to the determined subassembly display height of each subassembly.
In one embodiment, when the mapping relationship is established, based on the characteristic that the generated display component is ordered, the mapping relationship between the subassembly identifier and the component display height of the subassembly can be established according to the index of the subassembly in the display component (i.e. the current subassembly is the fourth in the display component) as the subassembly identifier.
A component height list that can be used to represent component presentation heights of the sub-components can then be generated based on the established mapping relationships.
S37: the generated display component is deleted.
In this step, after the associated height list is generated, the process of obtaining the component display height of the sub-component is completed, and the generated display component may be deleted to reduce the memory load.
S38: height listening controls are determined for various ones of the display components.
In this step, the height monitoring control can be bound to each subassembly, and then the change of the subassembly display height of each subassembly is monitored through the height monitoring control.
For example, the height monitor control may be resizea observer (element size monitor control), specifically, the resizea observer may present a height monitor interface for a component in a target page, and the height monitor control may also present a height monitor program for a component written by a page maintainer, so as to perform component display height monitoring for different types of target pages.
S39: determining an initialization result of the target page, wherein the initialization result of the target page comprises the component height list.
In this step, after the height monitoring control is determined for each sub-component, it may be determined that the initialization of the target page is completed, and the determined component height list including the component display height of each sub-component of the display component is used as the initialization result of the target page. The initialization result may be used to determine the component position of the first sub-component, and determine the sub-component to be adjusted according to the component position of the first sub-component.
As can be seen from the above description, in the embodiment of the present disclosure, the display component is generated for the target list data based on the target list data and the generation rule, so as to monitor the component display height of the sub-component based on the display component, thereby determining the sub-component to be adjusted, and further adjusting the component display position of the sub-component to be adjusted.
In this embodiment of the present disclosure, S103, monitoring the first subassembly whose component display height changes in each subassembly specifically includes the following processes:
s1031: and determining a height listening control corresponding to each sub-component in the display components.
In the embodiment of the present disclosure, when monitoring the component display height of the subassembly, a corresponding height monitoring control may be determined first, and the component display height of the subassembly is monitored according to the height monitoring control. The height snoop control may be the resizeabserver control.
In particular, each sub-component in the display component may be bound to a height monitor control, and the height monitor control may monitor a height adjustment event (Resize event) of the bound sub-component.
S1032: and determining a target height monitoring control initiating a height adjusting event in the height monitoring controls corresponding to each sub-component.
In the embodiment of the present disclosure, after the height adjustment event of the subassembly monitored by the height monitoring control is detected, the height change logic of the subassembly may be triggered, and the control state of the height monitoring control is changed.
For example, if the control state of the height monitoring control that does not monitor the height adjustment event of the subassembly is "0", the control state of the height monitoring control that triggers the height change logic may be "1", and then the height monitoring control whose control state is "1" may be determined as the target height monitoring control.
S1033: and determining the sub-component corresponding to the target height monitoring control as the first sub-component.
In this disclosure, the height monitoring control may monitor the component display height of the sub-component, and specifically, the height monitoring control may monitor change information of the ClientHeight attribute of the corresponding sub-component, so as to obtain height change information of the sub-component.
It can be known from the above description that, in the embodiment of the present disclosure, a corresponding height monitoring control may be determined for each subassembly, and a height adjustment event of the assembly display height of each subassembly is monitored through the height monitoring control, so as to determine a first subassembly in which the height adjustment event occurs, and then the assembly display height of each subassembly may be monitored in real time, after the first subassembly is monitored, and then the assembly display position of an assembly to be adjusted in a display assembly may be adjusted according to the monitored first subassembly, so as to avoid the situations of whiteout and disorder of a target page.
In this embodiment of the present disclosure, S105, determining the subassembly to be adjusted in each subassembly based on the assembly position of the first subassembly in the display assembly, specifically including the following processes:
s1051: and determining a second sub-assembly which is positioned at the foremost end of the display assembly in the plurality of first sub-assemblies when the first sub-assemblies are in a plurality.
In the embodiment of the present disclosure, when the target list data displayed by at least some of the sub-components in the visible area includes dynamic content, and the dynamic content in the target list data corresponding to the sub-components is loaded, if the loading fails, the component display heights of the at least some sub-components change, and thus, the sub-components may be determined as the first sub-components. The dynamic content may be a picture or a video.
Here, the component position of each first sub-component in the display component may also be determined by the height component list, and the first sub-component whose component position is at the forefront of the display component may be determined as the second sub-component.
Here, the height component list includes the component presentation height for each sub-component, and the component position for each sub-component in the display component.
S1052: and determining the remaining sub-assemblies after the second sub-assembly in the sub-assemblies of the display assembly as the sub-assemblies to be adjusted.
In the disclosed embodiment, after the second subassembly is determined, the subassembly to be adjusted whose component position is affected by the change in component display height of the first subassembly can be determined. For example, the subassembly to be adjusted may be a remaining subassembly of the display assembly located behind the second subassembly.
As can be seen from the above description, in the embodiment of the present disclosure, when the number of the first subassemblies is multiple, the first subassembly whose assembly position is located at the foremost end of the display assembly may be determined as the second subassembly, and the remaining subassemblies after the second subassembly may be determined as the subassemblies to be adjusted, so that the position of the subassemblies to be adjusted is adjusted in a targeted manner, and compared with a manner of adjusting all subassemblies in the display assembly, the adjustment efficiency is improved, and computer resources are saved.
Besides, each sub-assembly in the display assembly can be determined as a sub-assembly to be adjusted, and the assembly display position of each sub-assembly can be adjusted.
In this embodiment of the present disclosure, S107, determining an updated height of the component of the first sub-component specifically includes the following processes:
s1071: and reading a component display height value corresponding to the first sub-component from the attribute information of the first sub-component.
S1072: determining the read component display height value as a component update height of the first sub-component.
In the embodiment of the present disclosure, when determining the updated height of the component of the first sub-component, attribute information of the first component may be first obtained, and a component display height value therein is read, where the attribute information may display a height attribute, such as a ClientHeight attribute, for the component of the first sub-component.
In addition, the attribute information may also be a component attribute of the first sub-component, for example, the component attribute may include a component display size attribute, a component side margin attribute, a component button color attribute, a component display height attribute, and the like. After the component attribute is obtained, the component display height attribute can be read, so that a component display height value of the first sub-component is obtained, and the component display height value is determined as the component display height value corresponding to the first sub-component.
As can be seen from the above description, in the embodiment of the present disclosure, the component update height of the first sub-component can be determined by acquiring the component display height value included in the attribute information of the first sub-component, so as to improve the efficiency of determining the component update height of the first sub-component.
In this embodiment of the present disclosure, S107, adjusting the component display position of the to-be-adjusted subassembly in the display component by the component update height includes the following steps:
s1071: acquiring a component display height before the component height of the first subassembly is updated.
S1072: calculating a height difference between the initial component display height and the component update height.
S1073: and adjusting the component display position of the sub-component to be adjusted in the display component based on the height difference value.
In the embodiment of the present disclosure, when adjusting the component displaying position of the to-be-adjusted subassembly, an adjustment value that the to-be-adjusted subassembly needs to be adjusted needs to be determined first, where the adjustment value may be a height difference h between the initial component displaying height and the component updating height of the first subassembly, and as shown in fig. 4, a schematic diagram of the height difference h between the initial component displaying height and the component updating height of the first subassembly is shown.
Specifically, when determining the height difference, an initial component display height of the first sub-component before update may be obtained, where the initial component display height is determined according to a size of the list data displayed by the first sub-component. For example, if the list data presented by the first sub-component is a picture with a size of 700 × 700px, then the initial component presentation height of the first sub-component should be 700 px.
As shown in fig. 4, if the list data in the first sub-component fails to be loaded, the first sub-component now shows a load failure flag, the size of the load failure flag is 600 × 600px, and the component update height of the first sub-component is 600 px. Thus, the height difference h between the above initial component display height and the component update height is 100 px.
After the height difference h is determined, the assembly display position of the subassembly to be adjusted in the display subassembly can be adjusted according to the height difference. The adjustment can be to move the subassembly to be adjusted up or down by a height difference h in the display position of the subassembly in the display assembly.
Specifically, as described above, if the height difference is 100px, it is understood that the subassembly to be adjusted is a subassembly in which the position of the subassembly in the subassembly is shown to be located behind the first subassembly, and then the subassembly display position of the subassembly to be adjusted can be moved up by 100px when the subassembly display position of the subassembly to be adjusted is shown.
As can be seen from the above description, in the embodiment of the present disclosure, the component display position of the subassembly to be adjusted can be quickly adjusted by adjusting the position of the subassembly to be adjusted based on the height difference between the initial component display height and the component update height of the first subassembly, so that the layout of the subassembly to be adjusted after adjustment is less affected by the component update height of the first subassembly, and the aesthetic property of the page layout is further ensured.
In an embodiment of the present disclosure, the method further includes the following process:
after determining the component update height of the first sub-component, updating the component display height corresponding to the first sub-component in the component height list into the component update height; the components in the component height list show heights for rendering corresponding list data in the viewable area.
In the embodiment of the present disclosure, the component height list includes a component display height of each sub-component in the display component, and the component display height of each sub-component in the component height list may be updated according to a monitoring result of the height monitoring control. For example, when the height listening control monitors that the component display height of the first sub-component changes, the component update height of the first sub-component may be obtained, and the component display height of the first sub-component in the component height list is updated to the component update height of the first sub-component.
In addition, the component height list may further include a component display position of the subassembly, so that after the component display position of the subassembly to be adjusted in the display component is adjusted based on the height difference h, the initial component display position of the component to be adjusted in the component height list may be updated to the adjusted component display position.
Specifically, the initial component display position of the subassembly to be adjusted is 1000px, and the component display position of the subassembly to be adjusted after being adjusted according to the height difference h is 1100px, so that the component display position of the subassembly to be adjusted in the component height list can be updated to 1100 px.
As can be seen from the above description, in the embodiment of the present disclosure, the component display height of the first subassembly in the component height list may be updated to the component update height, and the component display position of the subassembly to be adjusted after adjustment is updated, so that when the list data is rendered according to the component height list, the rendering is performed according to the adjusted component display position, so that the page layout is not disordered when the list data is displayed, and the aesthetic property of the page layout is ensured.
In an embodiment of the disclosure, the method further comprises:
reading a component update height for the first sub-component from the component height list prior to calculating a height difference between an initial component height and the component update height.
It should be noted that, after the component display height of the first sub-component is read according to the attribute information of the first sub-component, the component display height of the first sub-component may be determined as the component update height of the first sub-component, and based on the component update height, the component display height of the first sub-component is updated in the component height list.
Then, before calculating the height difference value of the first sub-assembly, the component update height of the first sub-assembly can be obtained in the component height list.
As can be seen from the above description, in the embodiment of the present disclosure, the component display height of the subassembly included in the height list is updated according to the height adjustment of the subassembly, so that the component update height of the first subassembly is conveniently found, and the accuracy of the determined height difference value is ensured.
In an embodiment of the present disclosure, the method further includes the following process:
(1) after the component display position of the subassembly to be adjusted in the display component is adjusted through the component updating height, determining a third subassembly located in the visual area in each subassembly of the display component based on the adjusted component display position;
(2) and displaying the target list data through the third sub-component.
In the embodiment of the present disclosure, as shown in fig. 5, a schematic diagram of displaying target list data based on a third sub-component after adjusting the component display position is shown.
In an alternative embodiment, when the object list data is rendered into the visible area, it may be determined that, after the component display position adjustment is performed, a third sub-component located in the visible area is first determined, and the corresponding object list data is displayed through the third sub-component.
Here, when determining the third subassembly, first, the area size of the visible area may be obtained, and the third subassembly located in the visible area may be determined according to the area size. For example, the region size may be 1280 px.
A sub-component located within the viewable area may then be determined and a sub-component located within the viewable area may be determined as the third sub-component described above.
Specifically, if the subassemblies within the visible area calculated from the component height list are subassembly 1 (component display height 500px), subassembly 2 (component display height 700px) and subassembly 3 (component display height 200px), respectively. Then, subassembly 1, subassembly 2, and subassembly 3 may be identified as the third subassembly described above.
In an optional implementation manner, when the target list data is rendered, the determined rendering area may further include the visual area. For example, the area size of the rendering area may be a preset multiple of the area size of the visible area, such as 1.5 times the visible area, 2 times the visible area, and so on.
In addition, at least one applicable latitude may be set in the area size of the rendering area, where each applicable latitude corresponds to a different use condition, for example, the area size of the rendering area includes three applicable latitudes, such as 1.5 times of the visible area, 2 times of the visible area, and 2.5 times of the visible area, where the use condition of the 1.5 times of the visible area is poor performance of the terminal displaying the target page, the use condition of the 2 times of the visible area is general performance of the terminal displaying the target page, and the use condition of the 25 times of the visible area is good performance of the terminal displaying the target page. Therefore, list data can be preloaded to a certain extent, and browsing experience of a user is improved.
Here, when the third sub-component is determined, the third sub-component is a sub-component located within the rendering region.
As can be seen from the above description, in the embodiment of the present disclosure, the third sub-component located in the visible area can be determined, and the target list data can be displayed through the third sub-component without displaying all the list data, so that unnecessary computer resource consumption is saved, the purpose of saving energy is achieved, the requirement on the performance of the computer is reduced, and the application range of the scheme is extended.
In an embodiment of the present disclosure, the method further includes the following process:
(1) generating a null component for displaying the target list data;
(2) generating the display component in the empty component based on the target list data and the generation rule of the list component, and determining the component display height of each sub-component based on the display component;
(3) determining a height monitoring control for each subassembly in the display assembly, and establishing a binding relationship between each subassembly and the corresponding height monitoring control, wherein the height monitoring control is used for monitoring a height adjusting event of the assembly display height of the corresponding subassembly.
In the embodiment of the disclosure, the target page may be displayed on a display interface of the computer device, and after a sliding operation of a user on the display interface is detected, the target list data may be displayed in the display interface of the client by the target page in a plurality of times, where the target page may display a part of the target list data each time. Here, the empty component may be understood as a container for displaying the display component of the object list data.
In addition, the display component is a carrier for displaying the target list data in the interface, the sub-component is a unit component of the display component, the display component can be composed of a plurality of different sub-components, and each sub-component can be a carrier for partial data in the target list data; the generation rules of the data component are used to define the relative positional relationships of the various sub-components in the display component.
It should be noted that, when determining the component display height of each sub-component in the display component, the ClientHeight attribute of each sub-component in the display component may be traversed through a traversal operation, so as to obtain the component display height corresponding to each sub-component in the display component.
After determining the component display height for each of the sub-components in the display component, a height listening control may be determined for the sub-components in the display component. Specifically, one height monitoring control may be bound to each subassembly, or one height monitoring control may be bound to a plurality of subassemblies, and the binding relationship between each subassembly and the height monitoring control is not specifically limited in the present disclosure.
As can be seen from the above description, in the embodiment of the present disclosure, by determining the height listening control for each sub-component in the display component, the efficiency and accuracy of determining that the component displays the first sub-component with a changed height are improved.
For a better understanding of the embodiment of the present disclosure, refer to fig. 6 which is a flowchart of another page component display position adjustment method provided for the embodiment of the present disclosure, the method includes steps S61 to S65, wherein:
s61: and monitoring a component display height adjusting event of each sub-component in the display component through the height monitoring control.
Here, the height monitor control may be resizeabserver as described above, where a height monitor control may be bound to each sub-component in the display component, and the height monitor control may monitor a height adjustment event of the bound sub-component.
S62: after the height adjustment event is monitored, determining the updated height of the component of the first sub-component corresponding to the height adjustment event.
S63: updating a component display height of the first sub-component to the component update height in the height update list.
S64: and adjusting the component display position of the subsequent subassembly to be adjusted based on the component update height of the first subassembly to obtain the updated component display position of the subassembly to be adjusted.
Here, after determining the component update height of the first sub-component, a height difference h for adjusting the component display position of the subsequent adjustment sub-component may be determined based on the component update height, where the determination process of the height difference h is as described above and is not described herein again. Then, the initial display position of the subsequent subassembly to be adjusted can be adjusted based on the height difference value h, and the initial assembly display position of the subassembly to be adjusted in the assembly height list is updated to the updated assembly display position.
S65: a third sub-component for presenting the target list data is determined and the target list data is rendered within the visual interface.
Here, the third sub-component may be a sub-component located within the visual interface, and the list data corresponding to the third sub-component is determined as the target list data.
In summary, in the embodiment of the present disclosure, after the component display heights of the subassemblies in the display assembly of the target page are obtained, the subassemblies with the changed component display heights can be detected in real time by monitoring the first subassembly with the changed component display heights of the subassemblies in the display assembly, so that the component display positions of the subassemblies requiring position adjustment are adjusted according to the monitored first subassembly, and the problem of abnormal display of the target page due to the fact that the actual display positions of the subassemblies do not coincide with the preset display positions is avoided.
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, the embodiment of the present disclosure further provides a page component display position adjustment device corresponding to the page component display position adjustment method, and as the principle of solving the problem of the device in the embodiment of the present disclosure is similar to the page component display position adjustment method in the embodiment of the present disclosure, the implementation of the device can refer to the implementation of the method, and repeated details are not repeated.
Referring to fig. 7, a schematic diagram of a page assembly display position adjusting apparatus provided in an embodiment of the present disclosure is shown, where the apparatus includes: an acquisition module 71, a monitoring module 72, a determination module 73 and an adjustment module 74; wherein the content of the first and second substances,
an obtaining module 71, configured to obtain a component display height of each sub-component in a display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered;
a monitoring module 72, configured to monitor a first subassembly of the subassemblies whose component display heights change;
a determining module 73, configured to determine a sub-assembly to be adjusted in the sub-assemblies based on the assembly position of the first sub-assembly in the display assembly;
and the adjusting module 74 is configured to determine an assembly update height of the first sub-assembly, and adjust an assembly display position of the sub-assembly to be adjusted in the display assembly through the assembly update height.
In the embodiment of the disclosure, after the component display heights of the sub-components in the display component of the target page are obtained, the sub-components with the changed component display heights can be detected in real time by monitoring the first sub-components with the changed component display heights of the sub-components in the display component, so that the component display positions of the sub-components with the positions required to be adjusted are adjusted according to the monitored first sub-components, and the problem of abnormal display of the target page due to the fact that the actual display positions of the sub-components are not in accordance with the preset display positions is avoided.
In a possible implementation, the listening module 72 is further configured to:
determining a height monitoring control corresponding to each sub-component in the display components; determining a target height monitoring control initiating a height adjusting event in the height monitoring controls corresponding to each sub-assembly; and determining the sub-component corresponding to the target height monitoring control as the first sub-component.
In a possible implementation, the adjusting module 74 is further configured to:
reading a component display height value corresponding to the first sub-component from the attribute information of the first sub-component; determining the read component display height value as a component update height of the first sub-component.
In a possible implementation, the determining module 73 is further configured to:
if the number of the first subassemblies is multiple, determining a second subassembly which is positioned at the foremost end of the display assembly in the multiple first subassemblies; and determining the remaining sub-assemblies after the second sub-assembly in the sub-assemblies of the display assembly as the sub-assemblies to be adjusted.
In a possible implementation, the adjusting module 74 is further configured to:
obtaining an initial component display height before the component height of the first subassembly is updated; calculating a height difference between the initial component display height and the component update height; and adjusting the component display position of the sub-component to be adjusted in the display component based on the height difference value.
In a possible implementation, the adjusting module 74 is further configured to:
after determining the component update height of the first sub-component, updating the component display height corresponding to the first sub-component in the component height list to the component update height; the components in the component height list show heights for rendering corresponding list data in the viewable area.
In a possible implementation, the adjusting module 74 is further configured to:
reading a component update height for the first sub-component from the component height list prior to calculating a height difference between an initial component height and the component update height.
In one possible embodiment, the apparatus is further configured to:
after adjusting the component display position of the sub-component to be adjusted in the display component through the component update height, determining a third sub-component located in the visual area in each sub-component of the display component based on the adjusted component display position; presenting, by the third subcomponent, the target list data.
In one possible embodiment, the apparatus is further configured to:
generating a null component for presenting the target list data; generating the display component in the empty component based on the target list data and the generation rule of the list component, and determining the component display height of each sub-component based on the display component; determining a height monitoring control for each subassembly in the display assembly, and establishing a binding relationship between each subassembly and the corresponding height monitoring control, wherein the height monitoring control is used for monitoring a height adjustment event of the assembly display height of the corresponding subassembly.
The description of the processing flow of each module in the device and the interaction flow between the modules may refer to the related description in the above method embodiments, and will not be described in detail here.
Corresponding to the page component display position adjustment method in fig. 1, an embodiment of the present disclosure further provides a computer device 800, and as shown in fig. 8, a schematic structural diagram of the computer device 800 provided in the embodiment of the present disclosure includes:
a processor 81, a memory 82, and a bus 83; the memory 82 is used for storing execution instructions and includes a memory 821 and an external memory 822; the memory 821 herein is also referred to as an internal memory, and is configured to temporarily store operation data in the processor 81 and data exchanged with the external memory 822 such as a hard disk, the processor 81 exchanges data with the external memory 822 through the memory 821, and when the computer apparatus 800 operates, the processor 81 communicates with the memory 82 through the bus 83, so that the processor 81 executes the following instructions:
acquiring the component display height of each sub-component in the display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered;
monitoring a first subassembly with a changed component display height in each subassembly;
determining a subassembly to be adjusted in the various subassemblies based on the assembly position of the first subassembly in the display assembly;
and determining the component update height of the first sub-component, and adjusting the component display position of the sub-component to be adjusted in the display component through the component update height.
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 method for adjusting the page component display position in the foregoing method embodiment is executed. The storage medium may be a volatile or non-volatile computer-readable storage medium.
The embodiments of the present disclosure also provide a computer program product, where the computer program product carries a program code, and an instruction included in the program code may be used to execute the step of the page component display position adjustment method in the foregoing method embodiments, which may be referred to specifically for the foregoing method embodiments, and is not described herein again.
The computer program product may be implemented by 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 (12)
1. A page component display position adjusting method is characterized by comprising the following steps:
acquiring the component display height of each sub-component in the display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered;
monitoring a first subassembly with a changed component display height in each subassembly;
determining a subassembly to be adjusted in the subassemblies based on the assembly position of the first subassembly in the display assembly;
and determining the component update height of the first sub-component, and adjusting the component display position of the sub-component to be adjusted in the display component through the component update height.
2. The method of claim 1, wherein listening for a first one of the subassemblies exhibiting a change in elevation comprises:
determining a height monitoring control corresponding to each sub-component in the display components;
determining a target height monitoring control initiating a height adjusting event in the height monitoring controls corresponding to each sub-assembly;
and determining the sub-component corresponding to the target height monitoring control as the first sub-component.
3. The method of claim 1, wherein determining a component update height for the first sub-component comprises:
reading a component display height value corresponding to the first sub-component from the attribute information of the first sub-component;
determining the read component display height value as a component update height of the first sub-component.
4. The method of claim 1, wherein determining the subassembly to be adjusted in the respective subassemblies based on the assembly position of the first subassembly in the display assembly comprises:
if the number of the first subassemblies is multiple, determining a second subassembly which is positioned at the foremost end of the display assembly in the multiple first subassemblies;
and determining the remaining sub-assemblies after the second sub-assembly in the sub-assemblies of the display assembly as the sub-assemblies to be adjusted.
5. The method of claim 1, wherein the adjusting the component display position of the to-be-adjusted subassembly in the display component by the component update height comprises:
obtaining an initial component display height before the component height of the first subassembly is updated;
calculating a height difference between the initial component display height and the component update height;
and adjusting the component display position of the sub-component to be adjusted in the display component based on the height difference value.
6. The method of claim 5, further comprising:
after determining the component update height of the first sub-component, updating the component display height corresponding to the first sub-component in the component height list to the component update height; the components in the component height list show heights for rendering corresponding list data in the viewable area.
7. The method of claim 6, further comprising:
reading a component update height for the first sub-component from the component height list prior to calculating a height difference between an initial component height and the component update height.
8. The method of claim 1, further comprising:
after adjusting the component display position of the sub-component to be adjusted in the display component through the component update height, determining a third sub-component located in the visual area in each sub-component of the display component based on the adjusted component display position;
presenting, by the third subcomponent, the target list data.
9. The method of claim 1, further comprising:
generating a null component for presenting the target list data;
generating the display component in the empty component based on the target list data and the generation rule of the list component, and determining the component display height of each sub-component based on the display component;
determining a height monitoring control for each subassembly in the display assembly, and establishing a binding relationship between each subassembly and the corresponding height monitoring control, wherein the height monitoring control is used for monitoring a height adjustment event of the assembly display height of the corresponding subassembly.
10. A page assembly display position adjusting device is characterized by comprising:
the acquisition module is used for acquiring the component display height of each sub-component in the display component of the target page; the display component is used for displaying target list data in a visible area of a display interface corresponding to a target page to be rendered;
the monitoring module is used for monitoring a first sub-assembly with the assembly display height changed in each sub-assembly;
the determining module is used for determining the sub-assembly to be adjusted in each sub-assembly based on the assembly position of the first sub-assembly in the display assembly;
and the adjusting module is used for determining the component update height of the first sub-component and adjusting the component display position of the sub-component to be adjusted in the display component through the component update height.
11. 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 via the bus when a computer device is running, the machine readable instructions when executed by the processor performing the steps of the page assembly presentation position adjustment method according to any one of claims 1 to 9.
12. A computer-readable storage medium, having stored thereon a computer program for executing the steps of the page assembly presentation position adjustment method according to any one of claims 1 to 9 when the computer program is executed by a processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111408474.6A CN114090165A (en) | 2021-11-24 | 2021-11-24 | Page component display position adjusting method and device, computer equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111408474.6A CN114090165A (en) | 2021-11-24 | 2021-11-24 | Page component display position adjusting method and device, computer equipment and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114090165A true CN114090165A (en) | 2022-02-25 |
Family
ID=80304570
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111408474.6A Pending CN114090165A (en) | 2021-11-24 | 2021-11-24 | Page component display position adjusting method and device, computer equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114090165A (en) |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180101295A1 (en) * | 2016-10-11 | 2018-04-12 | Salesforce.Com, Inc. | System for displaying elements of a scrollable list |
| CN108089856A (en) * | 2016-11-22 | 2018-05-29 | 北京国双科技有限公司 | The monitor method and device of a kind of page elements |
| DE102018211066A1 (en) * | 2017-07-06 | 2019-01-10 | Robert Bosch Gmbh | Method, device and device for monitoring vehicle components |
| CN109670157A (en) * | 2018-12-25 | 2019-04-23 | 金蝶软件（中国）有限公司 | A kind of control method and relevant device of table height |
| US10331302B1 (en) * | 2016-11-18 | 2019-06-25 | Ipreo Llc | Graphical user interface to track dynamic data |
| CN110134308A (en) * | 2019-05-17 | 2019-08-16 | 深圳前海微众银行股份有限公司 | Method for exhibiting data, device, equipment and computer readable storage medium |
| CN110244993A (en) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | Front end page loading method, device, controller and medium |
| CN110244949A (en) * | 2019-05-06 | 2019-09-17 | 阿里巴巴集团控股有限公司 | A kind of page info methods of exhibiting and device |
| CN111651700A (en) * | 2020-06-05 | 2020-09-11 | 腾讯科技（深圳）有限公司 | Message display method and device, electronic equipment and storage medium |
| CN111723560A (en) * | 2020-07-15 | 2020-09-29 | 金蝶软件（中国）有限公司 | Dynamic adjustment method, system and related equipment for table parallel display area |
| CN112099887A (en) * | 2020-08-21 | 2020-12-18 | 完美世界(重庆)互动科技有限公司 | Interface adjusting method and device, computer equipment and computer readable storage medium |
| CN112507257A (en) * | 2020-12-07 | 2021-03-16 | 北京达佳互联信息技术有限公司 | Webpage display method, device, equipment and storage medium |
| CN113504964A (en) * | 2021-07-27 | 2021-10-15 | 北京字节跳动网络技术有限公司 | Page component height determination method and device, computer equipment and storage medium |
| CN113656716A (en) * | 2021-08-02 | 2021-11-16 | 浪潮软件股份有限公司 | Method for realizing virtual list with indefinite height |
-
2021
- 2021-11-24 CN CN202111408474.6A patent/CN114090165A/en active Pending
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180101295A1 (en) * | 2016-10-11 | 2018-04-12 | Salesforce.Com, Inc. | System for displaying elements of a scrollable list |
| US10331302B1 (en) * | 2016-11-18 | 2019-06-25 | Ipreo Llc | Graphical user interface to track dynamic data |
| CN108089856A (en) * | 2016-11-22 | 2018-05-29 | 北京国双科技有限公司 | The monitor method and device of a kind of page elements |
| DE102018211066A1 (en) * | 2017-07-06 | 2019-01-10 | Robert Bosch Gmbh | Method, device and device for monitoring vehicle components |
| CN110244993A (en) * | 2018-12-25 | 2019-09-17 | 蔚来汽车有限公司 | Front end page loading method, device, controller and medium |
| CN109670157A (en) * | 2018-12-25 | 2019-04-23 | 金蝶软件（中国）有限公司 | A kind of control method and relevant device of table height |
| CN110244949A (en) * | 2019-05-06 | 2019-09-17 | 阿里巴巴集团控股有限公司 | A kind of page info methods of exhibiting and device |
| CN110134308A (en) * | 2019-05-17 | 2019-08-16 | 深圳前海微众银行股份有限公司 | Method for exhibiting data, device, equipment and computer readable storage medium |
| CN111651700A (en) * | 2020-06-05 | 2020-09-11 | 腾讯科技（深圳）有限公司 | Message display method and device, electronic equipment and storage medium |
| CN111723560A (en) * | 2020-07-15 | 2020-09-29 | 金蝶软件（中国）有限公司 | Dynamic adjustment method, system and related equipment for table parallel display area |
| CN112099887A (en) * | 2020-08-21 | 2020-12-18 | 完美世界(重庆)互动科技有限公司 | Interface adjusting method and device, computer equipment and computer readable storage medium |
| CN112507257A (en) * | 2020-12-07 | 2021-03-16 | 北京达佳互联信息技术有限公司 | Webpage display method, device, equipment and storage medium |
| CN113504964A (en) * | 2021-07-27 | 2021-10-15 | 北京字节跳动网络技术有限公司 | Page component height determination method and device, computer equipment and storage medium |
| CN113656716A (en) * | 2021-08-02 | 2021-11-16 | 浪潮软件股份有限公司 | Method for realizing virtual list with indefinite height |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11573693B2 (en) | Display controlling method, terminal, information processing apparatus, and storage medium | |
| JP5905541B2 (en) | Control gallery organized hierarchically | |
| US10229655B2 (en) | Contextual zoom | |
| CN111062778A (en) | Product browsing method, device, equipment and storage medium | |
| CN110221899B (en) | User interface adjusting method, device and system | |
| CN105335445A (en) | Layout display method and device | |
| JP2013117823A (en) | Information processor, display control method, and program | |
| CN110837366A (en) | Form generation method, electronic device and computer readable storage medium | |
| CN111773695B (en) | Display control method and device in game | |
| CN113504964B (en) | Page component height determination method, page component height determination device, computer equipment and storage medium | |
| CN108089858B (en) | Method and device for creating visual interface | |
| CN113849734A (en) | Information display method and device, computer equipment and storage medium | |
| US20170269815A1 (en) | Object management and visualization using a computing device | |
| CN107122104B (en) | Data display method and device | |
| CN113378059A (en) | Page display method and device, computer equipment and storage medium | |
| US11763044B2 (en) | Systems and methods for automatically grouping design elements | |
| CN113742612A (en) | Data rendering method and device, electronic equipment and storage medium | |
| CN114090165A (en) | Page component display position adjusting method and device, computer equipment and medium | |
| CN115758002A (en) | Method, device, equipment and program product for displaying electronic map POI | |
| CN115357696A (en) | Dynamic chart billboard display method based on components and related equipment | |
| CN115170695A (en) | Method and device for generating chart picture, electronic equipment and storage medium | |
| CN109032476B (en) | Method for displaying big data set in graphical user interface | |
| US10884587B1 (en) | System for generating dynamic customizable user interfaces for accessing data | |
| KR101242878B1 (en) | Method and system for extracting and providing item having annotation on electronic book | |
| JP7511341B2 (en) | Information processing system, control method for information processing system, and program |
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 |