[发明专利]页面渲染方法和装置有效

专利信息
申请号: 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.一种页面渲染装置,包括:

获取模块,用于当页面发生滚动时,获取所述页面的滚动速度和滚动方向;

处理模块,用于当所述滚动速度符合预设条件时,对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染;

其中,所述处理模块对用户可视范围内的页面以及从所述用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面进行渲染包括:

所述处理模块,用于计算当前用户可视范围;计算所述页面在前一第一预设时间内的滚动距离相对于所述用户可视范围沿所述滚动方向的尺寸的第一比例;当所述第一比例为整数时,所述预定范围等于第一预定整数倍的所述用户可视范围;当所述第一比例不为整数时,大于所述第一比例的最小整数与所述第一比例的差值为第二比例,所述预定范围等于第二比例倍的所述用户可视范围;对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染;

所述处理模块对当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的页面节点进行渲染包括:

所述处理模块,用于获取包括整个页面中需要渲染的节点的第一列表;遍历所述第一列表,将落入当前用户可视范围以及从当前用户可视范围向与所述滚动方向相反的方向延伸的预定范围内的节点放入第二列表;遍历所述第二列表,对所述第二列表中的节点进行渲染。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司,未经北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910026155.5/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top