一种页面处理的方法和装置制造方法及图纸

本发明专利技术公开了一种页面处理的方法和装置，涉及计算机技术领域

【技术实现步骤摘要】
一种页面处理的方法和装置


[0001]本专利技术涉及应用开发
，尤其涉及一种页面处理的方法和装置
。

技术介绍

[0002]在互联网应用中通常包含较大数量的页面，在用户使用应用的过程中，显示页面和刷新页面的性能直接关联到用户体验
。
[0003]现有的处理页面刷新的方法通常为每一个需要刷新的页面开发用于刷新该页面的代码，通过代码实现在接收到页面刷新指令后处理拉取更新的数据等刷新操作，以显示该页面刷新后的页面；现有的页面处理方法在处理页面刷新过程中，由于需要更新的页面元素数量级较大，可能导致页面在元素更新时出现闪现或抖动，在较大程度上影响了用户体验
。

技术实现思路

[0004]有鉴于此，本专利技术实施例提供一种页面处理的方法和装置，能够针对可视页面的页面刷新请求构建参考页面，利用参考页面展示当前页面元素，同时利用各个所述待刷新元素更新可视页面中的当前页面元素以刷新可视页面的页面数据；在判断出在可视页面完成更新的情况下移除所述参考页面并展示刷新后的可视页面，本专利技术的实施例克服了在页面刷新过程中，由于元素更新造成的页面闪现或抖动的问题，在较大程度上提升了用户体验
。
[0005]为实现上述目的，根据本专利技术实施例的一个方面，提供了一种页面处理的方法，其特征在于，包括：响应于页面刷新请求，为所述页面刷新请求所针对的可视页面构建参考页面；将所述可视页面包含的当前页面元素复制到所述参考页面，并通过所述参考页面展示所述当前页面元素；确定所述可视页面的多个待刷新元素，并利用各个所述待刷新元素更新所述可视页面中的当前页面元素；在各个待刷新元素均完成更新的情况下，移除所述参考页面，并展示刷新后的可视页面
。
[0006]可选地，所述页面处理的方法，进一步包括：在所述参考页面的上层设置并展示刷新媒体组件；利用所述设定刷新媒体组件禁止针对所述参考页面的页面操作
。
[0007]可选地，所述页面处理的方法，在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：在确定所述待刷新元素包括图片类型的元素的情况下，从各个所述待刷新元素中筛选出图片元素，计算出各个所述图片元素的第一数量；利用自定义加载代码段监听每一个所述图片元素的加载情况，统计完成加载的图片元素的第二数量；在所述第一数量与所述第二数量相等的情况下，判断出所述待刷新元素中的各个图片元素完成加载
。
[0008]可选地，所述页面处理的方法，在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：在确定所述待刷新元素包括数据处理类型的元素的情况下，利用自定义数据处理接口监听各个所述数据处理元素
对应的数据请求发送情况和数据结果返回情况；在每一个数据发送请求均具有对应的数据结果返回的情况下，确定出所述待刷新元素中的数据处理元素接收到更新数据，以确定所述数据处理类型的元素完成更新
。
[0009]可选地，所述页面处理的方法，在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：监听所述可视页面的每一个当前页面元素的变更情况，在判断出任一所述当前页面元素存在变更的情况下，记录变更发生的变更时间戳；在所述变更时间戳与当前时间戳的间隔超过所述设定时长的情况下，确定当前页面元素包含的所述各个待刷新元素在设定时长内不存在元素变更，以确定各个待刷新元素均完成更新
。
[0010]可选地，所述页面处理的方法，进一步包括：构建自定义刷新组件；获取所述页面刷新请求指示的可视页面归属的页面根节点标识，将所述页面根节点标识作为所述自定义刷新组件的入参；所述自定义刷新组件基于其入参定位到所述可视页面，并执行为所述可视页面构建参考页面的步骤
。
[0011]可选地，所述页面处理的方法，在所述自定义刷新组件基于其入参定位到所述可视页面之后，进一步包括：获取所述可视页面的页面标识；利用所述自定义刷新组件读取预设的页面白名单，判断所述可视页面的所述页面标识是否归属于所述页面白名单；在确定所述可视页面的所述页面标识不归属于所述页面白名单的情况下，忽略所述页面刷新请求
。
[0012]为实现上述目的，根据本专利技术实施例的第二方面，提供了一种页面处理的装置，其特征在于，包括：构建页面模块
、
执行刷新模块和展示页面模块；其中，
[0013]所述构建页面模块，用于响应于页面刷新请求，为所述页面刷新请求所针对的可视页面构建参考页面；将所述可视页面包含的当前页面元素复制到所述参考页面，并通过所述参考页面展示所述当前页面元素；
[0014]所述执行刷新模块，用于确定所述可视页面的多个待刷新元素，并利用各个所述待刷新元素更新所述可视页面中的当前页面元素；
[0015]所述展示页面模块，用于在各个待刷新元素均完成更新的情况下，移除所述参考页面，并展示刷新后的可视页面
。
[0016]可选地，所述页面处理的装置，进一步用于在所述参考页面的上层设置并展示刷新媒体组件；利用所述设定刷新媒体组件禁止针对所述参考页面的页面操作
。
[0017]可选地，所述页面处理的装置用于在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：在确定所述待刷新元素包括图片类型的元素的情况下，从各个所述待刷新元素中筛选出图片元素，计算出各个所述图片元素的第一数量；利用自定义加载代码段监听每一个所述图片元素的加载情况，统计完成加载的图片元素的第二数量；在所述第一数量与所述第二数量相等的情况下，判断出所述待刷新元素中的各个图片元素完成加载
。
[0018]可选地，所述页面处理的装置用于在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：在确定所述待刷新元素包括数据处理类型的元素的情况下，利用自定义数据处理接口监听各个所述数据处理元素对应的数据请求发送情况和数据结果返回情况；在每一个数据发送请求均具有对应的数
据结果返回的情况下，确定出所述待刷新元素中的数据处理元素接收到更新数据，以确定所述数据处理类型的元素完成更新
。
[0019]可选地，所述页面处理的装置用于在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：监听所述可视页面的每一个当前页面元素的变更情况，在判断出任一所述当前页面元素存在变更的情况下，记录变更发生的变更时间戳；在所述变更时间戳与当前时间戳的间隔超过所述设定时长的情况下，确定当前页面元素包含的所述各个待刷新元素在设定时长内不存在元素变更，以确定各个待刷新元素均完成更新
。
[0020]可选地，所述页面处理的装置进一步用于构建自定义刷新组件；获取所述页面刷新请求指示的可视页面归属的页面根节点标识，将所述页面本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种页面处理的方法，其特征在于，包括：响应于页面刷新请求，为所述页面刷新请求所针对的可视页面构建参考页面；将所述可视页面包含的当前页面元素复制到所述参考页面，并通过所述参考页面展示所述当前页面元素；确定所述可视页面的多个待刷新元素，并利用各个所述待刷新元素更新所述可视页面中的当前页面元素；在各个待刷新元素均完成更新的情况下，移除所述参考页面，并展示刷新后的可视页面
。2.
根据权利要求1所述的方法，其特征在于，进一步包括：在所述参考页面的上层设置并展示刷新媒体组件；利用所述设定刷新媒体组件禁止针对所述参考页面的页面操作
。3.
根据权利要求1所述的方法，其特征在于，在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：在确定所述待刷新元素包括图片类型的元素的情况下，从各个所述待刷新元素中筛选出图片元素，计算出各个所述图片元素的第一数量；利用自定义加载代码段监听每一个所述图片元素的加载情况，统计完成加载的图片元素的第二数量；在所述第一数量与所述第二数量相等的情况下，判断出所述待刷新元素中的各个图片元素完成加载
。4.
根据权利要求1或3所述的方法，其特征在于，在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：在确定所述待刷新元素包括数据处理类型的元素的情况下，利用自定义数据处理接口监听各个所述数据处理元素对应的数据请求发送情况和数据结果返回情况；在每一个数据发送请求均具有对应的数据结果返回的情况下，确定出所述待刷新元素中的数据处理元素接收到更新数据，以确定所述数据处理类型的元素完成更新
。5.
根据权利要求1所述的方法，其特征在于，在所述利用各个所述待刷新元素更新所述可视页面中的当前页面元素之后，在所述移除所述参考页面之前，还包括：监听所述可视页面的每一个当前页面元素的变更情况，在判断出任一当前页面元素存在变更的情况下，记录变更发生的变...

【专利技术属性】
技术研发人员：李俊炎，
申请(专利权)人：京东科技信息技术有限公司，
类型：发明
国别省市：