CN111666459B - 一种数据显示的预处理方法、装置及其存储介质 - Google Patents
一种数据显示的预处理方法、装置及其存储介质 Download PDFInfo
- Publication number
- CN111666459B CN111666459B CN201910175623.5A CN201910175623A CN111666459B CN 111666459 B CN111666459 B CN 111666459B CN 201910175623 A CN201910175623 A CN 201910175623A CN 111666459 B CN111666459 B CN 111666459B
- Authority
- CN
- China
- Prior art keywords
- data unit
- display area
- value
- unit display
- 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.)
- Active
Links
- 238000003860 storage Methods 0.000 title claims abstract description 7
- 238000002203 pretreatment Methods 0.000 title description 2
- 238000010586 diagram Methods 0.000 claims abstract description 66
- 238000007781 pre-processing Methods 0.000 claims abstract description 64
- 238000000034 method Methods 0.000 claims abstract description 40
- 238000006073 displacement reaction Methods 0.000 claims description 51
- 238000004364 calculation method Methods 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 3
- 238000012545 processing Methods 0.000 abstract description 5
- 230000000903 blocking effect Effects 0.000 abstract description 4
- 238000009877 rendering Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 238000005096 rolling process Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000003139 buffering effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000011981 development test Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
Landscapes
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种数据显示的预处理方法、装置及其存储介质,该方法包括根据请求指令获取预显示数据,将预显示数据按预定规则划分为多项数据单元,根据每项所述数据单元按预定方式生成对应的数据单元显示区,将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图;根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区;对确定的所述数据单元显示区进行显示前的预处理。根据实际显示区域的范围确定在数据单元显示排布图中覆盖的数据单元显示区,只对覆盖的数据单元显示区进行显示前的预处理。减小了数据显示前预处理的数据处理量,进而避免了显示数据时出现的卡顿现象。
Description
技术领域
本发明涉及数据显示领域,尤其是指一种数据显示的预处理方法、装置及其存储介质。
背景技术
在显示器显示数据的过程中,需要将数据在显示前进行预处理。通常情况下,当系统接收到请求后,会将预显示数据进行预处理。当预处理的数据量达到一定数量级别后,由于数据的处理量比较大,会导致显示时产生画面卡顿的现象,从而降低了用户的交互体验。
比如,在Web的应用开发中,数据先以表格形式进行纵向排布,然后显示到显示器中。这种方式符合人浏览页面的习惯,但是在进行显示前,需要对所有的表格形式数据进行渲染,即上面提到的预处理。那么,如果数据达到一定量级,显示画面则会出现卡顿的现象。
另外,通过分页器的方式可以将海量数据拆分成多个小的数据集块,然后按小数据集块进行渲染,但这种方式会导致分页器本身挤占页面的空间,同时需要频繁的点击分页器进行翻页,增加了操作难度,还造成了诸如分页器的非核心UI组件在页面中的渲染。发明人发现现有技术中至少存在如下问题,现有技术由于需要将预显示的数据全部进行预处理,造成了处理一定数量级数据时,显示出现卡顿的技术问题。
发明内容
本发明提供了一种数据显示的预处理方法,该方法包括:
根据请求指令获取预显示数据;
将所述预显示数据按预定规则划分为多项数据单元,其中,所述数据单元为划分的对应部分所述预显示数据;
根据每项所述数据单元按预定方式生成对应的数据单元显示区,其中,所述数据单元显示区为显示对应所述数据单元数据的显示区域;
将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图;
根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区;
对确定的所述数据单元显示区进行显示前的预处理。
可选地,所述根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
接收所述实际显示区域的位移请求;
根据所述位移请求生成位移指令;
根据所述位移指令计算得到所述实际显示区域位移后的位置;
根据所述实际显示区域位移后的位置确定所述数据单元显示排布图中实际显示的所述数据单元显示区。
可选地,所述将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图包括:
确定所述数据单元显示区的排列顺序;
按照所述排列顺序将所述数据单元显示区沿预设维度相邻排列,得到所述数据单元显示排布图。
可选地,所述根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
将按所述排布顺序排列的第一个数据单元显示区沿预设维度上的起始位置定义为起始端;
获取实际显示区域沿预设维度方向上距离所述起始端最近的第一端;
计算所述第一端与所述起始端沿预设维度上的距离,得到距离尺寸值;
对所述数据单元显示区按照所述排列顺序标记对应的序号索引值;
计算每个所述数据单元显示区沿预设维度上与所述起始端之间的距离,得到对应的最近距离值;
将每个所述数据单元显示区的最近距离值按所述序号索引值的顺序排列,得到匹配数组序列;
根据所述距离尺寸值与所述匹配数组序列按所述排布顺序进行匹配,得到第一最近距离值;其中,所述第一最近距离值为所述匹配数组序列中第一个大于或等于所述距离尺寸值的最近距离值;
根据所述第一最近距离值获取目标数据单元显示区的第一序号索引值,其中,所述目标数据单元显示区为所述第一最近距离值对应的数据单元显示区,所述第一序号索引值为所述目标数据单元显示区对应的序号索引值;
所述实际显示区域沿预设维度方向上的长度尺寸值除以沿预设维度方向上长度尺寸最短的所述数据单元显示区的长度尺寸值,得到所述实际显示区域的最大显示数据单元显示区数量值;
将第一序号索引值与所述最大显示数据单元显示区数量值求和,得到第二序号索引值;
根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
可选地,所述根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
判断所述第一序号索引值与预设第一数据单元缓存区数量值的差值,
如果所述差值大于-1,那么将所述差值作为起始序号索引值,如果差值小于或等于-1,那么将所述起始序号索引值记为0;
判断预设第二数据单元缓存区数量值与所述最大显示数据单元显示区数量值的和值,
如果所述和值大于最大序号索引值,那么,将所述最大序号索引值为结尾序号索引值,如果所述和值小于或等于所述最大序号索引值,那么,将所述和值作为结尾序号索引值;
根据所述起始序号索引值和所述结尾序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
本发明提供了一种数据显示的预处理装置,该装置包括:
获取模块,用于根据请求指令获取预显示数据;
划分模块,用于将所述预显示数据按预定规则划分为多项数据单元,其中,所述数据单元为划分的对应部分所述预显示数据;
生成模块,用于根据每项所述数据单元按预定方式生成对应的数据单元显示区,其中,所述数据单元显示区为显示对应所述数据单元数据的显示区域;
排布模块,用于将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图;
确定模块,用于根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区;
预处理模块,用于对确定的所述数据单元显示区进行显示前的预处理。
可选地,该装置还包括:
接收模块,用于接收所述实际显示区域的位移请求;
所述生成模块,用于根据所述位移请求生成位移指令;
第一计算模块,用于根据所述位移指令计算得到所述实际显示区域位移后的位置;
所述确定模块,用于根据所述实际显示区域位移后的位置确定所述数据单元显示排布图中实际显示的所述数据单元显示区。
可选地,该装置还包括:
所述确定模块,用于确定所述数据单元显示区的排列顺序;
所述排布模块,用于按照所述排列顺序将所述数据单元显示区沿预设维度相邻排列,得到所述数据单元显示排布图。
可选地,该装置还包括:
定义模块,用于将按所述排布顺序排列的第一个数据单元显示区沿预设维度上的起始位置定义为起始端;
所述获取模块,用于获取实际显示区域沿预设维度方向上距离所述起始端最近的第一端;
第二计算模块,用于计算所述第一端与所述起始端沿预设维度上的距离,得到距离尺寸值;
标记模块,用于对所述数据单元显示区按照所述排列顺序标记对应的序号索引值;
所述第二计算模块,用于计算每个所述数据单元显示区沿预设维度上与所述起始端之间的距离,得到对应的最近距离值;
所述排布模块,用于将每个所述数据单元显示区的最近距离值按所述序号索引值的顺序排列,得到匹配数组序列;
匹配模块,用于根据所述距离尺寸值与所述匹配数组序列按所述排布顺序进行匹配,得到第一最近距离值;其中,所述第一最近距离值为所述匹配数组序列中第一个大于或等于所述距离尺寸值的最近距离值;
所述获取模块,还用于根据所述第一最近距离值获取目标数据单元显示区的第一序号索引值,其中,所述目标数据单元显示区为所述第一最近距离值对应的数据单元显示区,所述第一序号索引值为所述目标数据单元显示区对应的序号索引值;
所述第二计算模块,还用于所述实际显示区域沿预设维度方向上的长度尺寸值除以沿预设维度方向上长度尺寸最短的所述数据单元显示区的长度尺寸值,得到所述实际显示区域的最大显示数据单元显示区数量值;还用于将第一序号索引值与所述最大显示数据单元显示区数量值求和,得到第二序号索引值;
所述确定模块,用于根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
可选地,该装置还包括:
判断模块,用于判断所述第一序号索引值与预设第一数据单元缓存区数量值的差值,
如果所述差值大于-1,那么将所述差值作为起始序号索引值,如果差值小于或等于-1,那么将所述起始序号索引值记为0;
判断预设第二数据单元缓存区数量值与所述最大显示数据单元显示区数量值的和值,
如果所述和值大于最大序号索引值,那么,将所述最大序号索引值为结尾序号索引值,如果所述和值小于或等于所述最大序号索引值,那么,将所述和值作为结尾序号索引值;
所述确定模块,用于根据所述起始序号索引值和所述结尾序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
本发明还提供了一种数据显示的预处理装置,所述装置包括:处理器和存储器;
所述存储器中存储有可被所述处理器执行的应用程序,用于使得所述处理器执行所述的数据显示的预处理的步骤。
本发明还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现所述的数据显示的预处理的步骤。
如上可见,基于上述实施例,根据实际显示区域的范围确定在数据单元显示排布图中覆盖的数据单元显示区,只对覆盖的数据单元显示区进行显示前的预处理。减小了数据显示前预处理的数据处理量,进而避免了显示数据时出现的卡顿现象。
附图说明
图1为一个实施例中数据显示的预处理方法流程100的示意图;
图2为一个实施例中数据单元显示排布图和实际显示区域的第一状态布局示意图;
图3为一个实施例中数据显示的预处理方法流程200的示意图;
图4为一个实施例中数据单元显示排布图和实际显示区域的第二状态布局示意图;
图5为一个实施例中数据显示的预处理方法流程300的示意图;
图6为一个实施例中数据单元显示排布图和实际显示区域的第三状态布局示意图;
图7为一个实施例中数据显示的预处理方法流程400的示意图;
图8为一个实施例中数据单元显示排布图和实际显示区域的第四状态布局示意图;
图9为一个实施例中数据显示的预处理方法流程500的示意图;
图10为一个实施例中数据显示的预处理方法的流程架构示意图;
图11为一个实施例中数据显示的预处理装置架构600的示意图;
图12为一个实施例中数据显示的预处理装置架构700的示意图;
图13为一个实施例中数据显示的预处理装置架构800的示意图;
图14为一个实施例中数据显示的预处理装置架构900的示意图;
图15为一个实施例中数据显示的预处理装置架构1000的示意图。
具体实施方式
为使本发明的目的、技术方案及优点更加清楚明白,以下参照附图并举实施例,对本发明进一步详细说明。
图1为一个实施例中数据显示的预处理方法流程100的示意图,图2为一个实施例中数据单元显示排布图和实际显示区域的第一状态布局示意图。如图1和2所示,在一个实施例中,本申请提供了一种数据显示的预处理方法,该方法包括:
S101,根据请求指令获取预显示数据;
本步骤中根据用户的需求请求指令调取对应的数据,这些数据都会作为预显示数据进行后续的处理。预显示数据即为调入后台待进行预处理的数据,经过预处理后可以进行显示。
S102,将所述预显示数据按预定规则划分为多项数据单元,其中,所述数据单元为划分的对应部分所述预显示数据;
在本步骤中,首先需要将预显示数据进行划分,其中的预定规则是指比如可以根据数据的长度或者类型进行划分等等,划分成多项的数据单元,每个数据单元内都包含着一部分预显示数据,所有的数据单元可以最终包括所有的预显示数据。
S103,根据每项所述数据单元按预定方式生成对应的数据单元显示区,其中,所述数据单元显示区为显示对应所述数据单元数据的显示区域;
在本步骤中将每项数据单元中的数据进行图形化。如图2所示,三角数据单元显示区、圆形数据单元显示区、矩形数据单元显示区都是数据单元显示区的具体形式,由此可以看出数据单元显示区的具体区域并无具体形状上的限定。
S104,将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图;
在本步骤中开始对上述已经图形化的数据单元显示区进行排布,形成一幅排布后的排布图,即数据单元显示排布图。如图2所示,由数据单元显示区排布后得到的整体局布图,即数据单元显示排布图。
S105,根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区;
本步骤中首先需要说明一下实际显示区域的概念,在进行图像显示时,并不是预显示数据同时进行显示,因为显示器提供的显示区域有限,那么,显示器实际显示的范围区域就是本步骤提到的实际显示区域。根据实际显示区域所覆盖的数据单元显示排布图位置,可以得到覆盖范围内的对应数据单元显示区,最终需要将这些对应的数据单元显示区选取出来。如图2所示,虚线线框表示为实际显示区域。从图中可以看出,实际显示区域覆盖了圆形数据单元显示区和矩形数据单元显示区。也就是说,圆形数据单元显示区和矩形数据单元显示区为确定的数据单元显示区。
S106,对确定的所述数据单元显示区进行显示前的预处理。
本步骤则是将选取出来的数据单元显示区进行预处理,不难看出,此时并非是将所有的数据单元显示区进行预处理,也就是说虽然预显示数据具有非常庞大的数据量,但当进行预处理时,只限于实际显示区域的数据进行了预处理。如图2所示,圆形数据单元显示区和矩形数据单元显示区则会进行预处理,反之三角形数据单元显示区则不会被处理。
本实施例中提供了一种数据显示的预处理方法,具体来说,将预显示数据划分为多项数据单元,再对划分的数据单元进行图形化后,得到数据单元显示区。需要指出的是此处的数据单元显示区并不对其具体的区域形状进行限定,也就是说,数据单元显示区的范围区域可以是矩形、圆形、三角形均可。然后,将数据单元显示区按照一定的方式进行排布,形成数据单元显示排布图。根据实际显示区域的范围确定在数据单元显示排布图中覆盖的数据单元显示区,将覆盖的数据单元显示区进行显示前的预处理。
图3为一个实施例中数据显示的预处理方法流程200的示意图,图4为一个实施例中数据单元显示排布图和实际显示区域的第二状态布局示意图。
如图3和图4所示,在一实施例中,所述根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
S201,接收所述实际显示区域的位移请求;
在本步骤中需要指出的是实际显示区域与数据单元显示排布图的相对位置并非相互固定,比如在浏览器中,用户可以通过鼠标滚动滚轮将实际显示区域与数据单元显示排布图的相对位置改变,因此本步骤中的位移请求可以理解为用户用鼠标滚轮发出的位移请求。
S202,根据所述位移请求生成位移指令;
在本步骤中根据用户发出的位移请求生成对应的位移指令,位移的具体距离需要根据比如鼠标滚动滚轮的对应位移进行确定。确定相对位移的具体方式是本领域技术人员的惯用技术手段,在此就不再赘述了。
S203,根据所述位移指令计算得到所述实际显示区域位移后的位置;
在本步骤中根据前一步的位移指令,实际显示区域会根据相对位移得到新的位置,此时,由于实际显示区域的位置发生了变化,覆盖数据单元显示排布图的范围也发生了相应的变化。
S204,根据所述实际显示区域位移后的位置确定所述数据单元显示排布图中实际显示的所述数据单元显示区。
本步骤中实际显示区域位移后的范围中,其实际显示的区域也已经发生了相应的变化。因此,覆盖的数据单元显示区也相应的发生了改变,在本步骤中可以确定新的数据单元显示区。如图4中,两条平行线之间为实际显示区域,左侧一列为位移前的状态,右侧一列为位移后的状态,位移后最上方的数据单元显示区将被移除,其中虚线框的第一个数据单元显示区将被上移插入。
在本实施例中提供了一种实际显示区域位移后确定数据显示区的具体实施方式,根据接收的位移请求生成对应的位移指令,再根据移指令使实际显示区域的位置相应的发生改变后,利用新的位置确定数据单元显示排布图中实际显示的数据单元显示区。对新确定的数据单元显示区进行预处理。
图5为一个实施例中数据显示的预处理方法流程300的示意图,图6为一个实施例中数据单元显示排布图和实际显示区域的第三状态布局示意图。如图5和图6所示,在一个实施例中,所述将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图包括:
S301,确定所述数据单元显示区的排列顺序;
在本步骤中需要确定数据单元显示区的排列顺序,事实上本步骤可以理解为预定方式排布的具体形式之一,虽然本申请在实现过程中并不局限排布方式,但是比如浏览器数据单元显示区均以列表的形式进行排列,方便用户的读取和数据的进一步处理。
S302,按照所述排列顺序将所述数据单元显示区沿预设维度相邻排列,得到所述数据单元显示排布图。
本步骤中的预设维度是指比如按上下顺序进行排列或者横向排列一维的维度。需要指出的是无论是按上下顺序进行排列,还是横向排列均是为了更好的理解本步骤的具体举例,并非是对本步骤维度概念的限定。
本实施例提供了一种具体数据单元显示区的排列方式,比如数据单元显示区为规则的矩形时,就可以得到列表形式的数据单元显示排布图。在浏览器的场景中,数据单元显示区是以规则的矩形进行排布的,得到数据单元显示排布图整体也为矩形。但是比如图6所示的排布方式,也可以理解为按预设维度进行排布,可以看出数据单元显示区不是规则图形也可以按预设维度排布。
图7为一个实施例中数据显示的预处理方法流程400的示意图,图8为一个实施例中数据单元显示排布图和实际显示区域的第四状态布局示意图。如图7或图8所示,在一个实施例中,所述根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
S401,将按所述排布顺序排列的第一个数据单元显示区沿预设维度上的起始位置定义为起始端;
本步骤中为了更好进行后续的计算,首先需要在预设维度上设置一个起始端,并将该起始端作为坐标系的参考点。
S402,获取实际显示区域沿预设维度方向上距离所述起始端最近的第一端;
在本步骤中实际显示区域是一个二维区域,在预设维度上则会出现双向的两端,即距离起始端最近的一端和与起始端最远的一端,将实际显示区域距离起始端最近的一端记为第一端。
S403,计算所述第一端与所述起始端沿预设维度上的距离,得到距离尺寸值;
在本步骤中基于上一步骤找到的第一端,计算出第一端沿预设维度方向上距离起始端的距离,即距离尺寸值;
S404,对所述数据单元显示区按照所述排列顺序标记对应的序号索引值;
本步骤中对数据单元显示区的排列顺序标记序号索引值,需要索引值用于标记数据单元显示区的顺序,以便之后的调用。
S405,计算每个所述数据单元显示区沿预设维度上与所述起始端之间的距离,得到对应的最近距离值;
在本步骤中针对每个数据单元显示区沿预设维度上与起始端的最近距离值进行计算,在预设维度上由于每个数据单元显示区都可以简化为一个一维的尺寸范围,这个尺寸范围的最小值即为最近距离值。
S406,将每个所述数据单元显示区的最近距离值按所述序号索引值的顺序排列,得到匹配数组序列;
在本步骤中需要指出的是匹配的数组序列只是其中一种表现形式,其本质一个按序号索引值顺序排列的数列。
S407,根据所述距离尺寸值与所述匹配数组序列按所述排布顺序进行匹配,得到第一最近距离值;其中,所述第一最近距离值为所述匹配数组序列中第一个大于或等于所述距离尺寸值的最近距离值;
在本步骤的匹配数组序列中需要得到第一最近距离值。将距离尺寸值与数组中每一个最近距离值进行对比,对比的顺序即所述排列顺序。第一个大于或等于距离尺寸值的最近距离值,即为第一最近距离值。
S408,根据所述第一最近距离值获取目标数据单元显示区的第一序号索引值,其中,所述目标数据单元显示区为所述第一最近距离值对应的数据单元显示区,所述第一序号索引值为所述目标数据单元显示区对应的序号索引值;
S409,所述实际显示区域沿预设维度方向上的长度尺寸值除以沿预设维度方向上长度尺寸最短所述数据单元显示区的长度尺寸值,得到所述实际显示区域的最大显示数据单元显示区数量值;
在本步骤中,因为实际显示区域沿预设的一维尺度上具有两端,那么还需要计算实际显示区域另一端所在的数据单元显示区。为了简化计算量,利用最大显示数据单元显示区数量值代替了对另一端所在数据单元显示区的计算,具体的原理在后文中会详细进行阐述,在此就不再赘述了。
S410将第一序号索引值与所述最大显示数据单元显示区数量值求和,得到第二序号索引值;
在本步骤中计算出了实际显示区域沿一维预设维度另一覆盖的数据单元显示区。
S411根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
在本步骤中,当计算出第一序号索引值和第二序号索引值后,其对应的数据单元显示区已经确定,在预设维度上应该还包括第一序号索引值和第二序号索引值之间的数据单元显示区都需要进行预处理。
在本实施例中提供一种具体的确定对数据单元显示区进行确定的方法,在预设维度上设定了起始端并将其作为参考点,根据实际显示区域的位置得到了第一端与起始端之间的距离尺寸值。针对每个数据单元显示区沿预设维度上的位置尺寸范围,位置尺寸范围中的最小值即为最近距离值,每个最近距离值分别与距离尺寸值进行匹配,确定实际显示区域第一端覆盖的目标数据单元显示区,再根据最大显示数据单元显示区数量值计算得到了实际显示区域另一端覆盖数据单元显示区,并进而确定了对应数据单元显示排布图中实际显示的数据单元显示区。
图9为一个实施例中数据显示的预处理方法流程500的示意图,图10为一个实施例中数据显示的预处理方法的流程架构示意图。如图9和图10所示,在一个实施例中,述根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
S501,判断所述第一序号索引值与预设第一数据单元缓存区数量值,
如果所述差值大于-1,那么将所述差值作为起始序号索引值,如果差值小于或等于-1,那么将所述起始序号索引值记为0;
在本步骤中为了对预处理进行一个缓冲,于是引入了第三序号索引值的概念。其目的在于在进行预处理的范围上,在实际显示的数据单元显示区范围内进行扩大,为实际显示区域快速位移时,提供预处理上的缓冲,根据本步骤的计算可以得到起始序号索引值。
S502,判断预设第二数据单元缓存区数量值与所述最大显示数据单元显示区数量值的和值,
如果所述和值大于最大序号索引值,那么,将所述最大序号索引值为结尾序号索引值,如果所述和值小于或等于所述最大序号索引值,那么,将所述和值作为结尾序号索引值;
同理,在本步骤中为了计算可以得到结尾序号索引值。
S503,根据所述起始序号索引值和所述结尾序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
本实施例中,提供了一种增加缓冲预处理数据单元显示区的具体实施方法,在已经得到第一序号索引值和第二序号索引值后,引入了第三序号索引值的概念。将第一序号索引值和第二序号索引值进行了扩展,进行起始序号索引值和结尾序号索引值判断的原因在于如果扩展后已经超出了数据单元显示区的排列极限,那么只需要预处理到第一个数据单元显示区和最末数据单元显示区即可。
工作过程和基本原理:
下面以虚拟列表技术为例,对本申请数据显示的预处理方法进行进一步说明。需要指出的是虚拟列表技术只是为了更好的说明本申请的举例,并非对本申请的具体限定。
虚拟列表技术是一种依据可视区域的高度针对性地渲染海量数据中的某一部分数据的技术,简而言之,虚拟列表就是可视区域渲染的列表。
根据请求指令获取预显示数据;
假设根据请求指令获取有一个长度为1000的大数据集,将该大数据集渲染到页面。
将所述预显示数据按预定规则划分为多项数据单元,其中,所述数据单元为划分的对应部分所述预显示数据;
如图8和图10所示,其数据结构形如下:[List-Item-1,List-Item-2,List-Item-3,…,List-Item-1000],其中数据集中每个元素List-Item-n都是一个键值(key-value)所组成的对象,此处所谓的元素也就是上述步骤中的数据单元。
根据每项所述数据单元按预定方式生成对应的数据单元显示区,其中,所述数据单元显示区为显示对应所述数据单元数据的显示区域;
为了简化说明,假定数据单元显示区为等高的矩形方框;比如高度恒为30px(注:这是为了更加直观的诠释其基本原理的假定数值,在实际生产中每个数据单元显示区在页面上的实际占用高度应该是不恒定的。)
确定所述数据单元显示区的排列顺序;
可以看出[List-Item-1,List-Item-2,List-Item-3,…,List-Item-1000]已经根据顺序进行排序,在实际应用中,数据的显示本身也具有一定的先后顺序,即便划分为了多项数据单元,但是显示顺序实际上仍然存在。
按照所述排列顺序将所述数据单元显示区沿预设维度相邻排列,得到所述数据单元显示排布图。
因为数据单元显示区为规则的矩形,当按照预设维度排列后,得到的数据单元显示排布图以列表形式出现,列表的实际总高度应该为1000×30px=30000px,而在实际生活和生产中人们不可能使用如何高像素的端显示器,通常情况下页面只能留存一定像素的空间给予展示(比如150px的最大可视高度),由此可知,即便将列表中的全部数据量渲染到页面,但用户可以直接肉眼观察到的数据只有150px/30px=5个列表项数据集,基于此我们做了一次大胆的尝试,即只针对这5个可见的列表项数据集进行渲染,其余用户无法第一时间观察到的,我们不做实际的渲染处理,同时为了保证用户能观察到更多的数据集,我们可以通过监听滚动条的滚动事件,动态地替换这5个可视的数据集来满足用户的需求,从而大大地提升页面的整体渲染性能。其中5个列表高度的可视范围可以理解为实际显示区域。
将按所述排布顺序排列的第一个数据单元显示区沿预设维度上的起始位置定义为起始端;
将整个虚拟化列表分成3层,最外层是可见区域包裹层,中间层是滚动区域包裹层,最内层是具体的列表内容视图层,其中内部视图层需要相对于中间层进行绝对定位(position:absolute),每个List-Item在垂直方向的坐标值TOP,是基于前面List-Item的高度进行计算求和得出,具体推算方法如下:
列表中第1项List-Item-1,其Top值为0。实际上这里的TOP值就是起始端,也就是说需要一个沿预设维度上的起始原点用于之后的计算。
获取实际显示区域沿预设维度方向上距离所述起始端最近的第一端;计算所述第一端与所述起始端沿预设维度上的距离,得到距离尺寸值。
该计算方法同List-Item的高度求算法一致,也是在组件完成挂载阶段通过真实节点的offsetHeight方法进行获取。其中,offsetHeight即为距离尺寸值。
对所述数据单元显示区按照所述排列顺序标记对应的序号索引值;
列表中第2项List-Item-2,其Top值为List-Item-1的高度H1
列表中第3项List-Item-3,其Top值为List-Item-1和List-Item-2高度的和(H1+H2)
列表中的第N项List-Item-N,其Top值为前N-1项List-Item高度的和(H1+H2+…+HN-1)
由此可推导,每一项List-Item的Top值
每个List-Item列表项的实际高度,可以依托React组件的生命周期特性在挂载完成阶段进行计算求得,即在componentDidMount函数中通过ref拿到真实的DOM结点,再通过调用offsetHeight方法进行获取,并把获取到的数值放在内存中进行保存(即List-Item键值对象中),这样做的好处在于,当视图层组件卸载后再次渲染时就无需重新计算高度。
另外,如果实际显示区域进行位移,比如通过鼠标滚轮进行实现位移,那么,首先需要在最外层可视区域层上定义一个侦听滚动条滚动的onScroll事件,每当用户在该区域进行滚动时,该事件的回调函数会实时返回一个Event对象,获取Event对象中的scrollTop属性就可以拿到用户的实际垂直偏离距离offsetTop。此时的offsetTop与offsetHeight的作用相同,即距离尺寸值。
将每个所述数据单元显示区的最近距离值按所述序号索引值的顺序排列,得到匹配数组序列;
根据所述距离尺寸值与所述匹配数组序列按所述排布顺序进行匹配,得到第一最近距离值;其中,所述第一最近距离值为所述匹配数组序列中第一个大于或等于所述距离尺寸值的最近距离值;
根据所述第一最近距离值获取目标数据单元显示区的第一序号索引值,其中,所述目标数据单元显示区为所述第一最近距离值对应的数据单元显示区,所述第一序号索引值为所述目标数据单元显示区对应的序号索引值;
将该offsetTop值与步骤1中的List-Item-n的垂直偏离值的集合[0,H1,H1-2,…,H1-N]进行匹配,找到第一个满足offsetTop大于或等于该数组元素,即目标数据单元显示区。
将第一序号索引值并记为index,需要指出的是offsetTop实际上就是距离尺寸值。
所述实际显示区域沿预设维度方向上的长度尺寸值除以沿预设维度方向上长度尺寸最短所述数据单元显示区的长度尺寸值,得到所述实际显示区域的最大显示数据单元显示区数量值;
具体公式如下:
其中visibleHeight就是实际显示区域沿预设维度方向上的长度尺寸值,minListHeight为沿预设维度方向上长度尺寸最短数据单元显示区的长度尺寸值。visibleListNum即得到的最大显示数据单元显示区数量值;
将第一序号索引值与所述最大显示数据单元显示区数量值求和,得到第二序号索引值;
判断所述第一序号索引值与预设第一数据单元缓存区数量值,
如果所述差值大于-1,那么将所述差值作为起始序号索引值,如果差值小于或等于-1,那么将所述起始序号索引值记为0;
判断预设第二数据单元缓存区数量值与所述最大显示数据单元显示区数量值的和值,
如果所述和值大于最大序号索引值,那么,将所述最大序号索引值为结尾序号索引值,如果所述和值小于或等于所述最大序号索引值,那么,将所述和值作为结尾序号索引值;
根据所述起始序号索引值和所述结尾序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
在实际的开发测试中,发现当过快地向上或向下滚动滚动条时,实际显示部分可间隙性或短暂性出现未及时渲染而造成的留白现象,在交互体验上略显突兀,于是我们引入了缓冲的概念,即人为的在头尾部预留了可配置的cacheSize大小的List-Item数量,cacheSize即第一数据单元缓存区数量值,与此同时,在结合之前计算出来的index索引值,即第一索引值,就可计算出实际的startOffsetIndex数值,即起始索引值。需要指出的是本实施例中cacheSize相当于第一数据单元缓存区数量值和第二数据单元缓存区数量值相同的情况。
具体公式如下:
startOffsetIndex=index–cacheSize>-1?index–cacheSize:0
同理可知,
endOffsetIndex=index+visibleListNum+cacheSize>maxLength–1?maxLength–1:index+visibleListNum+cacheSize,visibleListNum即为minListHeight,maxLength为全部数据集的长度。
endOffsetIndex即为结尾索引值。
React:是用于构建用户交互界面的JavaScript库。
图11为一个实施例中数据显示的预处理装置架构600的示意图。如图11所示,在一实施例中,本申请还提供了一种数据显示的预处理装置,该装置包括:
获取模块101,用于根据请求指令获取预显示数据;
划分模块102,用于将所述预显示数据按预定规则划分为多项数据单元,其中,所述数据单元为划分的对应部分所述预显示数据;
生成模块103,用于根据每项所述数据单元按预定方式生成对应的数据单元显示区,其中,所述数据单元显示区为显示对应所述数据单元数据的显示区域;
排布模块104,用于将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图;
确定模块105,用于根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区;
预处理模块106,用于对确定的所述数据单元显示区进行显示前的预处理。
图12为一个实施例中数据显示的预处理装置架构700的示意图。如图12所示,在一实施例中,在一实施例中,该装置还包括:
接收模块201,用于接收所述实际显示区域的位移请求;
所述生成模块103,用于根据所述位移请求生成位移指令;
第一计算模块202,用于根据所述位移指令计算得到所述实际显示区域位移后的位置;
所述确定模块105,用于根据所述实际显示区域位移后的位置确定所述数据单元显示排布图中实际显示的所述数据单元显示区。
图13为一个实施例中数据显示的预处理装置架构800的示意图。如图13所示,在一实施例中,在一实施例中,该装置还包括:
所述确定模块105,用于确定所述数据单元显示区的排列顺序;
所述排布模块104,用于按照所述排列顺序将所述数据单元显示区沿预设维度相邻排列,得到所述数据单元显示排布图。
图14为一个实施例中数据显示的预处理装置架构900的示意图。如图14所示,在一实施例中,该装置还包括:
定义模块401,用于将按所述排布顺序排列的第一个数据单元显示区沿预设维度上的起始位置定义为起始端;
所述获取模块101,用于获取实际显示区域沿预设维度方向上距离所述起始端最近的第一端;
第二计算模块402,用于计算所述第一端与所述起始端沿预设维度上的距离,得到距离尺寸值;
标记模块403,用于对所述数据单元显示区按照所述排列顺序标记对应的序号索引值;
所述第二计算模块402,用于计算每个所述数据单元显示区沿预设维度上与所述起始端之间的距离,得到对应的最近距离值;
所述排布模块104,用于将每个所述数据单元显示区的最近距离值按所述序号索引值的顺序排列,得到匹配数组序列;
匹配模块404,用于根据所述距离尺寸值与所述匹配数组序列按所述排布顺序进行匹配,得到第一最近距离值;其中,所述第一最近距离值为所述匹配数组序列中第一个大于或等于所述距离尺寸值的最近距离值;
所述获取模块101,还用于根据所述第一最近距离值获取目标数据单元显示区的第一序号索引值,其中,所述目标数据单元显示区为所述第一最近距离值对应的数据单元显示区,所述第一序号索引值为所述目标数据单元显示区对应的序号索引值;
所述第二计算模块402,还用于所述实际显示区域沿预设维度方向上的长度尺寸值除以沿预设维度方向上长度尺寸最短的所述数据单元显示区的长度尺寸值,得到所述实际显示区域的最大显示数据单元显示区数量值;还用于将第一序号索引值与所述最大显示数据单元显示区数量值求和,得到第二序号索引值;
所述确定模块105,用于根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
图15为一个实施例中数据显示的预处理装置架构1000的示意图。如图15所示,在一实施例中,该装置还包括:
判断模块501,用于判断所述第一序号索引值与预设第一数据单元缓存区数量值的差值,
如果所述差值大于-1,那么将所述差值作为起始序号索引值,如果差值小于或等于-1,那么将所述起始序号索引值记为0;
判断预设第二数据单元缓存区数量值与所述最大显示数据单元显示区数量值的和值,
如果所述和值大于最大序号索引值,那么,将所述最大序号索引值为结尾序号索引值,如果所述和值小于或等于所述最大序号索引值,那么,将所述和值作为结尾序号索引值;
所述确定模块105,用于根据所述起始序号索引值和所述结尾序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
在一实施例中,本申请还提供了一种数据显示的预处理装置,所述装置包括:处理器和存储器;
所述存储器中存储有可被所述处理器执行的应用程序,用于使得所述处理器执行所述的数据显示的预处理的步骤。
在一实施例中,本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现所述的数据显示的预处理步骤。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本发明保护的范围之内。
Claims (8)
1.一种数据显示的预处理方法,其特征在于,该方法包括:
根据请求指令获取预显示数据;
将所述预显示数据按预定规则划分为多项数据单元,其中,所述数据单元为划分的对应部分所述预显示数据;
根据每项所述数据单元按预定方式生成对应的数据单元显示区,其中,所述数据单元显示区为显示对应所述数据单元数据的显示区域;
将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图;
根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区;
对确定的所述数据单元显示区进行显示前的预处理;
其中,所述将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图包括:确定所述数据单元显示区的排列顺序;
按照所述排列顺序将所述数据单元显示区沿预设维度相邻排列,得到所述数据单元显示排布图;
其中,所述根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
将按所述排列顺序排列的第一个数据单元显示区沿预设维度上的起始位置定义为起始端;
获取实际显示区域沿预设维度方向上距离所述起始端最近的第一端;
计算所述第一端与所述起始端沿预设维度上的距离,得到距离尺寸值;
对所述数据单元显示区按照所述排列顺序标记对应的序号索引值;
计算每个所述数据单元显示区沿预设维度上与所述起始端之间的距离,得到对应的最近距离值;
将每个所述数据单元显示区的最近距离值按所述序号索引值的顺序排列,得到匹配数组序列;
根据所述距离尺寸值与所述匹配数组序列按所述排列顺序进行匹配,得到第一最近距离值;其中,所述第一最近距离值为所述匹配数组序列中第一个大于或等于所述距离尺寸值的最近距离值;
根据所述第一最近距离值获取目标数据单元显示区的第一序号索引值,其中,所述目标数据单元显示区为所述第一最近距离值对应的数据单元显示区,所述第一序号索引值为所述目标数据单元显示区对应的序号索引值;
所述实际显示区域沿预设维度方向上的长度尺寸值除以沿预设维度方向上长度尺寸最短的所述数据单元显示区的长度尺寸值,得到所述实际显示区域的最大显示数据单元显示区数量值;
将第一序号索引值与所述最大显示数据单元显示区数量值求和,得到第二序号索引值;
根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
2.根据权利要求1所述的数据显示的预处理方法,其特征在于,所述根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
接收所述实际显示区域的位移请求;
根据所述位移请求生成位移指令;
根据所述位移指令计算得到所述实际显示区域位移后的位置;
根据所述实际显示区域位移后的位置确定所述数据单元显示排布图中实际显示的所述数据单元显示区。
3.根据权利要求1所述的数据显示的预处理方法,其特征在于,所述根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
判断所述第一序号索引值与预设第一数据单元缓存区数量值的差值,
如果所述差值大于-1,那么将所述差值作为起始序号索引值,如果差值小于或等于-1,那么将所述起始序号索引值记为0;
判断预设第二数据单元缓存区数量值与所述最大显示数据单元显示区数量值的和值,
如果所述和值大于最大序号索引值,那么,将所述最大序号索引值为结尾序号索引值,如果所述和值小于或等于所述最大序号索引值,那么,将所述和值作为结尾序号索引值;
根据所述起始序号索引值和所述结尾序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
4.一种数据显示的预处理装置,其特征在于,该装置包括:
获取模块,用于根据请求指令获取预显示数据;
划分模块,用于将所述预显示数据按预定规则划分为多项数据单元,其中,所述数据单元为划分的对应部分所述预显示数据;
生成模块,用于根据每项所述数据单元按预定方式生成对应的数据单元显示区,其中,所述数据单元显示区为显示对应所述数据单元数据的显示区域;
排布模块,用于将所述数据单元显示区按预定方式进行排布,得到数据单元显示排布图;
确定模块,用于根据实际显示区域的范围确定所述数据单元显示排布图中实际显示的所述数据单元显示区;
预处理模块,用于对确定的所述数据单元显示区进行显示前的预处理;
其中,该装置包括:
所述确定模块,用于确定所述数据单元显示区的排列顺序;
所述排布模块,用于按照所述排列顺序将所述数据单元显示区沿预设维度相邻排列,得到所述数据单元显示排布图;
其中,该装置包括:
定义模块,用于将按所述排列顺序排列的第一个数据单元显示区沿预设维度上的起始位置定义为起始端;
所述获取模块,用于获取实际显示区域沿预设维度方向上距离所述起始端最近的第一端;
第二计算模块,用于计算所述第一端与所述起始端沿预设维度上的距离,得到距离尺寸值;
标记模块,用于对所述数据单元显示区按照所述排列顺序标记对应的序号索引值;
所述第二计算模块,用于计算每个所述数据单元显示区沿预设维度上与所述起始端之间的距离,得到对应的最近距离值;
所述排布模块,用于将每个所述数据单元显示区的最近距离值按所述序号索引值的顺序排列,得到匹配数组序列;
匹配模块,用于根据所述距离尺寸值与所述匹配数组序列按所述排列顺序进行匹配,得到第一最近距离值;其中,所述第一最近距离值为所述匹配数组序列中第一个大于或等于所述距离尺寸值的最近距离值;
所述获取模块,还用于根据所述第一最近距离值获取目标数据单元显示区的第一序号索引值,其中,所述目标数据单元显示区为所述第一最近距离值对应的数据单元显示区,所述第一序号索引值为所述目标数据单元显示区对应的序号索引值;
所述第二计算模块,还用于所述实际显示区域沿预设维度方向上的长度尺寸值除以沿预设维度方向上长度尺寸最短的所述数据单元显示区的长度尺寸值,得到所述实际显示区域的最大显示数据单元显示区数量值;还用于将第一序号索引值与所述最大显示数据单元显示区数量值求和,得到第二序号索引值;
所述确定模块,用于根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
5.根据权利要求4所述的数据显示的预处理装置,其特征在于,该装置包括:
接收模块,用于接收所述实际显示区域的位移请求;
所述生成模块,用于根据所述位移请求生成位移指令;
第一计算模块,用于根据所述位移指令计算得到所述实际显示区域位移后的位置;
所述确定模块,用于根据所述实际显示区域位移后的位置确定所述数据单元显示排布图中实际显示的所述数据单元显示区。
6.根据权利要求4所述的数据显示的预处理装置,其特征在于,所述根据所述第一序号索引值与所述第二序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区包括:
判断模块,用于判断所述第一序号索引值与预设第一数据单元缓存区数量值的差值,
如果所述差值大于-1,那么将所述差值作为起始序号索引值,如果差值小于或等于-1,那么将所述起始序号索引值记为0;
判断预设第二数据单元缓存区数量值与所述最大显示数据单元显示区数量值的和值,
如果所述和值大于最大序号索引值,那么,将所述最大序号索引值为结尾序号索引值,如果所述和值小于或等于所述最大序号索引值,那么,将所述和值作为结尾序号索引值;
所述确定模块,用于根据所述起始序号索引值和所述结尾序号索引值确定对应所述数据单元显示排布图中实际显示的所述数据单元显示区。
7.一种数据显示的预处理装置,其特征在于,所述装置包括:处理器和存储器;
所述存储器中存储有可被所述处理器执行的应用程序,用于使得所述处理器执行如权利要求1至3中任一项所述的数据显示的预处理方法的步骤。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1-3任一项所述的数据显示的预处理方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910175623.5A CN111666459B (zh) | 2019-03-08 | 2019-03-08 | 一种数据显示的预处理方法、装置及其存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910175623.5A CN111666459B (zh) | 2019-03-08 | 2019-03-08 | 一种数据显示的预处理方法、装置及其存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111666459A CN111666459A (zh) | 2020-09-15 |
CN111666459B true CN111666459B (zh) | 2024-04-12 |
Family
ID=72382226
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910175623.5A Active CN111666459B (zh) | 2019-03-08 | 2019-03-08 | 一种数据显示的预处理方法、装置及其存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111666459B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8887085B1 (en) * | 2008-03-20 | 2014-11-11 | Amazon Technologies, Inc. | Dynamic content navigation |
CN105095200A (zh) * | 2014-04-16 | 2015-11-25 | 北大方正集团有限公司 | 以瀑布流方式显示图片的方法和设备 |
CN105701106A (zh) * | 2014-11-27 | 2016-06-22 | 广州市动景计算机科技有限公司 | 网页更新方法及装置 |
CN106570142A (zh) * | 2016-11-04 | 2017-04-19 | 北京神州绿盟信息安全科技股份有限公司 | 一种数据渲染方法和装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103631824B (zh) * | 2012-08-28 | 2016-03-30 | 腾讯科技(深圳)有限公司 | 一种网页显示方法及装置 |
US10460502B2 (en) * | 2016-12-14 | 2019-10-29 | Samsung Electronics Co., Ltd. | Method and apparatus for rendering object using mipmap including plurality of textures |
-
2019
- 2019-03-08 CN CN201910175623.5A patent/CN111666459B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8887085B1 (en) * | 2008-03-20 | 2014-11-11 | Amazon Technologies, Inc. | Dynamic content navigation |
CN105095200A (zh) * | 2014-04-16 | 2015-11-25 | 北大方正集团有限公司 | 以瀑布流方式显示图片的方法和设备 |
CN105701106A (zh) * | 2014-11-27 | 2016-06-22 | 广州市动景计算机科技有限公司 | 网页更新方法及装置 |
CN106570142A (zh) * | 2016-11-04 | 2017-04-19 | 北京神州绿盟信息安全科技股份有限公司 | 一种数据渲染方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111666459A (zh) | 2020-09-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8302029B2 (en) | Presentation of large objects on small displays | |
KR101305781B1 (ko) | 표시 제어 장치, 표시 제어 프로그램이 기록된 기록 매체 및 표시 제어 방법 | |
US9760543B2 (en) | Graphical tile-based layout | |
JP4059802B2 (ja) | 画像表示方法 | |
US20180101295A1 (en) | System for displaying elements of a scrollable list | |
JPH07181951A (ja) | 画像ディスプレイ方法及び画像ディスプレイ並びに画像スケーリング方法 | |
US20110225541A1 (en) | Interactive representation of clusters of geographical entities | |
CN116910290B (zh) | 免切片遥感影像加载的方法、装置、设备和介质 | |
TWI277058B (en) | Font processing device, terminal, font processing method and font processing program | |
CN113094127A (zh) | 页面编辑方法、装置、计算机可读存储介质和计算机设备 | |
CN106649299B (zh) | 一种网页区块懒加载的方法和装置 | |
CN111666459B (zh) | 一种数据显示的预处理方法、装置及其存储介质 | |
CN111783007B (zh) | 一种显示渲染方法、装置、电子设备及存储介质 | |
CN109800039B (zh) | 一种用户界面展示方法、装置、电子设备及存储介质 | |
JP7185044B2 (ja) | 要素レンダリング方法、装置、コンピュータプログラム及びコンピュータ装置 | |
CN107526576B (zh) | 页面的视图组件的展示方法和装置 | |
CN111428167B (zh) | 一种页面显示方法和装置 | |
CN113204401A (zh) | 浏览器渲染方法,终端及存储介质 | |
US20140344655A1 (en) | Mapping of Defined Regions Within a Webpage | |
CN113096217B (zh) | 图片生成方法、装置、电子设备以及存储介质 | |
CN109032476B (zh) | 一种在图形用户界面中显示大数据集的方法 | |
CN115390976A (zh) | 界面设计的布局方法、界面的展示方法及相关设备 | |
KR20100117156A (ko) | 웹페이지 캡쳐 화면 인쇄 방법 | |
CN113836879A (zh) | 一种报表填充方法及装置 | |
JP6132345B2 (ja) | 表示割合に応じて分割地図画像の表示を制御する表示装置、方法及びプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
CB02 | Change of applicant information |
Address after: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176 Applicant after: Jingdong Technology Holding Co.,Ltd. Address before: Room 221, 2nd floor, Block C, 18 Kechuang 11th Street, Beijing Economic and Technological Development Zone, 100176 Applicant before: JINGDONG DIGITAL TECHNOLOGY HOLDINGS Co.,Ltd. |
|
CB02 | Change of applicant information | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |