页面渲染方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111427637A(43)申请公布日2020.07.17(21)申请号201910026155.5(22)申请日2019.01.10(71)申请人北京京东尚科信息技术有限公司地址100086北京市海淀区知春路76号8层申请人北京京东世纪贸易有限公司(72)发明人孙印凤(74)专利代理机构中科专利商标代理有限责任公司11021代理人杨静(51)Int.Cl.G06F9/451(2018.01)权利要求书2页说明书11页附图4页(54)发明名称页面渲染方法和装置(57)摘要本公开提供了一种页面渲染方法，包括：当页面发生滚动时，获取所述页面的滚动速度和滚动方向；当所述滚动速度符合预设条件时，对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染。本公开还提供了一种页面渲染装置、一种计算机设备以及一种计算机可读存储介质。CN111427637ACN111427637A权利要求书1/2页1.一种页面渲染方法，包括：当页面发生滚动时，获取所述页面的滚动速度和滚动方向；当所述滚动速度符合预设条件时，对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染。2.根据权利要求1所述的方法，其中，所述获取所述页面的滚动速度包括：每隔第一预设时间，获取所述页面在前一第一预设时间内的滚动距离，当所述滚动距离小于预设阈值时，确定所述页面的滚动速度符合预设条件，反之确定所述页面的滚动速度不符合预设条件。3.根据权利要求1所述的方法，其中，所述对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染包括：计算当前用户可视范围；计算所述页面在前一第一预设时间内的滚动距离相对于所述用户可视范围沿所述滚动方向的尺寸的第一比例；当所述第一比例为整数时，所述预定范围等于第一预定整数倍的所述用户可视范围；当所述第一比例不为整数时，大于所述第一比例的最小整数与所述第一比例的差值为第二比例，所述预定范围等于第二比例倍的所述用户可视范围；对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染。4.根据权利要求3所述的方法，其中，所述对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染包括：获取包括整个页面中需要渲染的节点的第一列表；遍历所述第一列表，将落入当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的节点放入第二列表；遍历所述第二列表，对所述第二列表中的节点进行渲染。5.根据权利要求1所述的方法，还包括：当所述滚动速度不符合预设条件时，启动延迟函数；当所述延迟函数的延迟时间结束时，对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染；其中，所述延迟函数的延迟时间为第二预设时间，当所述第二预设时间内页面发生滚动，所述延迟函数被重置。6.根据权利要求1所述的方法，还包括：当页面不发生滚动时，每隔第三预设时间对用户可视范围内的页面进行渲染。7.根据权利要求6所述的方法，其中，所述每隔第三预设时间对用户可视范围内的页面进行渲染包括：在页面内植入定时器，所述定时器的定时周期为第三预设时间；在所述定时器开始重新计时时，计算当前用户可视范围；对当前用户可视范围内的页面节点进行渲染。8.一种页面渲染装置，包括：获取模块，用于当页面发生滚动时，获取所述页面的滚动速度和滚动方向；2CN111427637A权利要求书2/2页处理模块，用于当所述滚动速度符合预设条件时，对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染。9.根据权利要求8所述的装置，其中，所述获取模块获取所述页面的滚动速度包括：所述获取模块，用于每隔第一预设时间，获取所述页面在前一第一预设时间内的滚动距离，当所述滚动距离小于预设阈值时，确定所述页面的滚动速度符合预设条件，反之确定所述页面的滚动速度不符合预设条件。10.根据权利要求8所述的装置，其中，所述处理模块对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染包括：所述处理模块，用于计算当前用户可视范围；计算所述页面在前一第一预设时间内的滚动距离相对于所述用户可视范围沿所述滚动方向的尺寸的第一比例；当所述第一比例为整数时，所述预定范围等于第一预定整数倍的所述用户可视范围；当所述第一比例不为整数时，大于所述第一比例的最小整数与所述第一比例的差值为第二比例，所述预定范围等于第二比例倍的所述用户可视范围