[发明专利]页面渲染方法和装置有效
| 申请号: | 201910026155.5 | 申请日: | 2019-01-10 |
| 公开(公告)号: | CN111427637B | 公开(公告)日: | 2023-09-22 |
| 发明(设计)人: | 孙印凤 | 申请(专利权)人: | 北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司 |
| 主分类号: | G06F9/451 | 分类号: | G06F9/451 |
| 代理公司: | 中科专利商标代理有限责任公司 11021 | 代理人: | 杨静 |
| 地址: | 100086 *** | 国省代码: | 北京;11 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 页面 渲染 方法 装置 | ||
1.一种页面渲染方法,包括:
当页面发生滚动时,获取所述页面的滚动速度和滚动方向;
当所述滚动速度符合预设条件时,对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染;
其中,所述对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染包括:
计算当前用户可视范围;
计算所述页面在前一第一预设时间内的滚动距离相对于所述用户可视范围沿所述滚动方向的尺寸的第一比例;
当所述第一比例为整数时,所述预定范围等于第一预定整数倍的所述用户可视范围;
当所述第一比例不为整数时,大于所述第一比例的最小整数与所述第一比例的差值为第二比例,所述预定范围等于第二比例倍的所述用户可视范围;
对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染;
其中,所述对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染包括:
获取包括整个页面中需要渲染的节点的第一列表;
遍历所述第一列表,将落入当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的节点放入第二列表;
遍历所述第二列表,对所述第二列表中的节点进行渲染。
2.根据权利要求1所述的方法,其中,所述获取所述页面的滚动速度包括:
每隔第一预设时间,获取所述页面在前一第一预设时间内的滚动距离,当所述滚动距离小于预设阈值时,确定所述页面的滚动速度符合预设条件,反之确定所述页面的滚动速度不符合预设条件。
3.根据权利要求1所述的方法,还包括:
当所述滚动速度不符合预设条件时,启动延迟函数;
当所述延迟函数的延迟时间结束时,对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染;
其中,所述延迟函数的延迟时间为第二预设时间,当所述第二预设时间内页面发生滚动,所述延迟函数被重置。
4.根据权利要求1所述的方法,还包括:
当页面不发生滚动时,每隔第三预设时间对用户可视范围内的页面进行渲染。
5.根据权利要求4所述的方法,其中,所述每隔第三预设时间对用户可视范围内的页面进行渲染包括:
在页面内植入定时器,所述定时器的定时周期为第三预设时间;
在所述定时器开始重新计时时,计算当前用户可视范围;
对当前用户可视范围内的页面节点进行渲染。
6.一种页面渲染装置,包括:
获取模块,用于当页面发生滚动时,获取所述页面的滚动速度和滚动方向;
处理模块,用于当所述滚动速度符合预设条件时,对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染;
其中,所述处理模块对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染包括:
所述处理模块,用于计算当前用户可视范围;计算所述页面在前一第一预设时间内的滚动距离相对于所述用户可视范围沿所述滚动方向的尺寸的第一比例;当所述第一比例为整数时,所述预定范围等于第一预定整数倍的所述用户可视范围;当所述第一比例不为整数时,大于所述第一比例的最小整数与所述第一比例的差值为第二比例,所述预定范围等于第二比例倍的所述用户可视范围;对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染;
所述处理模块对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染包括:
所述处理模块,用于获取包括整个页面中需要渲染的节点的第一列表;遍历所述第一列表,将落入当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的节点放入第二列表;遍历所述第二列表,对所述第二列表中的节点进行渲染。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司,未经北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910026155.5/1.html,转载请声明来源钻瓜专利网。
- 上一篇:对话处理方法及设备
- 下一篇:一种含Cr(VI)废水的光化学处理方法





