一种数据渲染方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN106570142A(43)申请公布日2017.04.19(21)申请号201610965356.8(22)申请日2016.11.04(71)申请人北京神州绿盟信息安全科技股份有限公司地址100089北京市海淀区北洼路4号益泰大厦三层申请人北京神州绿盟科技有限公司(72)发明人郑彬陈磊董泽奎樊宇王岩(74)专利代理机构北京同达信恒知识产权代理有限公司11291代理人黄志华(51)Int.Cl.G06F17/30(2006.01)权利要求书3页说明书16页附图8页(54)发明名称一种数据渲染方法和装置(57)摘要本发明公开了一种数据渲染方法和装置，所述方法，包括：在进行数据渲染时，根据滑动块相对于滚动条顶部的距离、待展示数据集合大小和展示区域高度确定展示区域内首行展示数据在待展示数据集合中的第一序列标识；以及根据单位展示高度、所述第一序列标识以及展示区域高度确定展示区域内末行展示数据在待展示数据集合中的第二序列标识；根据第一序列标识和第二序列标识确定本次在展示区域展示的第一数据；根据所述第一数据进行渲染显示，采用本发明提供的方法，可以采用尽可能少的DOM节点来渲染海量数据，不仅节省了内存开销，且提高了用户体验。CN106570142ACN106570142A权利要求书1/3页1.一种数据渲染方法，其特征在于，包括：在进行数据渲染时，根据滑动块相对于滚动条顶部的距离、待展示数据集合大小和展示区域高度确定展示区域内首行展示数据在待展示数据集合中的第一序列标识；以及根据单位展示高度、所述第一序列标识以及展示区域高度确定展示区域内末行展示数据在待展示数据集合中的第二序列标识；根据第一序列标识和第二序列标识确定本次将在展示区域展示的第一数据；比较所述第一数据和展示区域当前展示的第二数据得到差异数据；对所述差异数据进行渲染显示。2.如权利要求1所述的方法，其特征在于，按照以下方法确定滑动块相对于所述滚动条顶部的距离：在检测到滑动块移动时，记录滑动块相对于上一次移动后的位移；根据上一次移动后所述滑动块相对于所述滚动条顶部的距离与所述位移确定本次所述滑动块相对于所述滚动条顶部的距离，其中，所述滑动块相对于所述滚动条顶部的初始距离为预设值。3.如权利要求1所述的方法，其特征在于，按照以下公式确定所述第一序列标识：其中：k为所述第一序列标识；Ts为滑动块相对于滚动条顶部的距离；Dcl为所述待展示数据集合大小；Vh为所述展示区域高度。4.如权利要求3所述的方法，其特征在于，按照以下公式确定所述第二序列标识：其中：k′为所述第二序列标识。5.如权利要求3或4所述的方法，其特征在于，在根据滑动块相对于所述滚动条顶部的距离、待展示数据集合大小和展示区域高度确定展示区域内首行展示数据在待展示数据集合中的第一序列标识之前，还包括：根据待展示数据集合大小、单位展示高度和展示区域高度确定滑动块高度；并确定滑动块相对于所述滚动条顶部的距离小于所述展示区域高与所述度滑动块高度的差值；如果滑动块相对于所述滚动条顶部的距离不小于所述差值，则按照以下公式确定所述第一序列标识：其中：Ih为单位展示高度。6.如权利要求5所述的方法，其特征在于，根据待展示数据集合大小、单位展示高度和展示区域高度确定滑动块高度，具体包括：将展示区域高度与单位展示高度的比值和所述待展示数据集合大小进行比较；如果确定出所述待展示数据集合大小大于所述展示区域高度与单位展示高度的比值，则按照以下公式确定所述滑动块高度：其中：Th为滑动块高度。2CN106570142A权利要求书2/3页7.如权利要求6所述的方法，其特征在于，如果确定出所述待展示数据集合大小不大于所述展示区域高度与单位展示高度的比值，则确定不显示滚动条区域。8.如权利要求1所述的方法，其特征在于，还包括：针对所述展示区域当前展示的第三数据，在检测到针对所述第三数据的打开操作时，根据所述第三数据包含的子数据的大小重新确定待展示数据集合大小、滑动块大小和滑动块相对于所述滚动条顶部的距离；根据所述滑动块大小和滑动块相对于所述滚动条顶部的距离，重新确定所述第一序列标识和所述第二序列标识；并根据重新确定出的第一序列标识和第二序列标识重新确定本次在展示区域展示的第一数据；根据重新确定出的第一数据重新进行渲染显示。9.一种数据渲染装置，其特征在于，包括：第一确定单元，用于在进行数据渲染时，根据滑动块相对于滚动条顶部的距离、待展示数据集合大小和展示区域高度确定展示区域内首行展示数据在待展示数据集合中的第一序列标识；第二确定单元，用于根据单位展示高度、所述第一序列标识以及展示区域高度确定展示区域内末行展示数据在待展示数据集合中的第二序列标识；第三确定单元，用于根据第一序列标识和第二