CN111125575A - 网页数据处理方法和装置 - Google Patents
网页数据处理方法和装置 Download PDFInfo
- Publication number
- CN111125575A CN111125575A CN201811291666.1A CN201811291666A CN111125575A CN 111125575 A CN111125575 A CN 111125575A CN 201811291666 A CN201811291666 A CN 201811291666A CN 111125575 A CN111125575 A CN 111125575A
- Authority
- CN
- China
- Prior art keywords
- data
- loading
- preset
- page
- loaded
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 14
- 238000000034 method Methods 0.000 claims abstract description 48
- 238000005096 rolling process Methods 0.000 claims abstract description 24
- 238000003860 storage Methods 0.000 claims description 17
- 230000006870 function Effects 0.000 description 35
- 238000004590 computer program Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 10
- 230000008569 process Effects 0.000 description 8
- 230000004044 response Effects 0.000 description 6
- 230000000694 effects Effects 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 238000012544 monitoring process Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000014759 maintenance of location Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000001010 compromised effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000036651 mood Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种网页数据处理方法和装置。该方法包括:判断页面滚动条与页面顶部或底部的距离是否小于预设数值;在小于预设数值时,计算滚动条的滚动速度;根据滚动速度确定加载数据的目标数量;通过预设的加载函数加载目标数量的数据。通过本发明,达到了使网页数据加载方便用户浏览的效果。
Description
技术领域
本发明涉及网页领域,具体而言,涉及一种网页数据处理方法和装置。
背景技术
在Web应用程序中,系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢,用户就会出现埋怨情绪,系统的价值也因此会大打折扣。因此,提高系统响应速度,是非常重要的。现在是大数据时代,我们经常会遇到需要加载大量的数据或是大量的图片显示在页面上。但是如果一次性通过http请求加载大量的数据或是图片响应速度会非常慢,并且大量的数据显示在单一页面上,会造成页面的渲染卡顿。所以我们需要懒加载技术,局部加载数据,不再一次性加载全部数据。目前业界上有很多懒加载的思路。
相关技术中的方案一是:使用分页实现局部加载数据,将数据分为若干页,点击下一页加载新的内容;首次加载部分数据,在底部显示“加载更多”的按钮,用户点击按钮加载新内容;但这一方案存在以下缺陷:1,用户需要手动点击分页加载新的内容;2,需要提前知道数据的总量,否则无法将数据分页。
相关技术中的方案二是:首次加载部分数据,监听滚动条,当滚动条滚动到底部,重新加载新数据,但这一方案存在以下缺陷:1,新数据不断加载,页面内容不断新增,导致页面高度越来越大。2,滚动到底部才触发加载,这段时间影响用户的浏览,导致用户浏览间断。
针对相关技术中网页数据加载影响用户浏览的问题,目前尚未提出有效的解决方案。
发明内容
本发明的主要目的在于提供一种网页数据处理方法和装置,以解决网页数据加载影响用户浏览的问题。
为了实现上述目的,根据本发明的一个方面,提供了一种网页数据处理方法,该方法包括:判断页面滚动条与页面顶部或底部的距离是否小于预设数值;在小于所述预设数值时,计算滚动条的滚动速度;根据所述滚动速度确定加载数据的目标数量;通过预设的加载函数加载所述目标数量的数据。
进一步地,所述方法还包括:在根据所述滚动速度确定加载数据的目标数量之前,根据页面滚动条的滚动方向确定数据加载的方向;在通过预设的加载函数加载所述目标数量的数据之后,将加载的所述目标数量的数据显示在与所述滚动条的滚动方向相同的页面上。
进一步地,通过预设的加载函数加载所述目标数量的数据之后,所述方法还包括:将所述目标数量的数据保存到缓存中。
进一步地,在通过预设的加载函数加载所述目标数量的数据之前,所述方法还包括:判断缓存中是否包含所述目标数量的数据;如果包含,则从缓存中获取所述目标数量的数据;如果不包含,则通过预设的加载函数向服务器请求加载所述目标数量的数据。
进一步地,在通过预设的加载函数加载所述目标数量的数据之后,所述方法还包括:获取页面滚动条的滚动方向;从最近加载的数据开始,沿着所述滚动方向的反方向,保留部分数据,将其余的数据删除,其中,保留的数据所占的高度为当前屏幕高度的预设倍数。
进一步地,在通过预设的加载函数加载所述目标数量的数据之后,所述方法还包括:判断所述预设的加载函数是否返回空数据;如果返回空数据则不再执行加载。
进一步地,根据所述滚动速度确定加载数据的目标数量包括:确定每次加载数据的目标数量为:MinPage+a*b,其中,MinPage表示每次加载数据的最小数量,a表示所述滚动速度,b表示预设常数。
为了实现上述目的,根据本发明的另一方面,还提供了一种网页数据处理装置,该装置包括:判断单元,用于判断页面滚动条与页面顶部或底部的距离是否小于预设数值;计算单元,用于在小于所述预设数值时,计算滚动条的滚动速度;确定单元,用于根据所述滚动速度确定加载数据的目标数量;加载单元,用于通过预设的加载函数加载所述目标数量的数据。
为了实现上述目的,根据本发明的另一方面,还提供了一种存储介质,包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行本发明所述的网页数据处理方法。
为了实现上述目的,根据本发明的另一方面,还提供了一种处理器,用于运行程序,其中,所述程序运行时执行本发明所述的网页数据处理方法。
本发明通过判断页面滚动条与页面顶部或底部的距离是否小于预设数值;在小于预设数值时,计算滚动条的滚动速度;根据滚动速度确定加载数据的目标数量;通过预设的加载函数加载目标数量的数据,解决了网页数据加载影响用户浏览的问题,进而达到了使网页数据加载方便用户浏览的效果。
附图说明
构成本申请的一部分的附图用来提供对本发明的进一步理解,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的网页数据处理方法的流程图;以及
图2是根据本发明实施例的网页数据处理装置的示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于描述,以下对本申请实施例涉及的几个术语进行说明:
JavaScript:JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
懒加载:懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。
本发明实施例提供了一种网页数据处理方法。
图1是根据本发明实施例的网页数据处理方法的流程图,如图1所示,该方法包括以下步骤:
步骤S102:判断页面滚动条与页面顶部或底部的距离是否小于预设数值;
步骤S104:在小于预设数值时,计算滚动条的滚动速度;
步骤S106:根据滚动速度确定加载数据的目标数量;
步骤S108:通过预设的加载函数加载目标数量的数据。
该实施例采用判断页面滚动条与页面顶部或底部的距离是否小于预设数值;在小于预设数值时,计算滚动条的滚动速度;根据滚动速度确定加载数据的目标数量;通过预设的加载函数加载目标数量的数据,解决了网页数据加载影响用户浏览的问题,进而达到了使网页数据加载方便用户浏览的效果。
在本发明实施例中,网页页面在上下滑动过程中页面上滚动条会随着上下滚动,或者通过移动滚动条会带来页面的上下滑动,当滚动条接近页面顶部或底部时说明当前页面内容快要查看完毕了,此时需要加载新数据供用户浏览,当页面滚动条距离页面顶部或底部的距离小于预设的数值时,可以根据滚动条的滚动速度来确定加载数据的目标数量,当滚动速度快说明用户浏览速度快,则要加载的数据多一些供用户浏览,如果滚动条的滚动速度慢说明用户浏览速度快,则可以少加载一些数据以减少内存占用,在加载数据时可以通过预设的加载函数来实现。
可选地,在根据滚动速度确定加载数据的目标数量之前,根据页面滚动条的滚动方向确定数据加载的方向;在通过预设的加载函数加载目标数量的数据之后,将加载的目标数量的数据显示在与滚动条的滚动方向相同的页面上。
如果页面滚动条是向上滚动的,则加载的数据是当前页面前的数据,如果滚动条是向下滚动的,则加载的数据是当前页面后的数据,加载出来的数据显示在与滚动条的滚动方向相同的页面上,以保证用户浏览时数据顺序正常。
可选地,通过预设的加载函数加载目标数量的数据之后,将目标数量的数据保存到缓存中。
可选地,在通过预设的加载函数加载目标数量的数据之前,判断缓存中是否包含目标数量的数据;如果包含,则从缓存中加载目标数量的数据;如果不包含,则通过预设的加载函数向服务器请求加载目标数量的数据。
加载目标数量的数据时,由网页向服务器请求数据,在接收到服务器返回的数据后可以保存在缓存中,以便在短时间内用户回看时直接从缓存中获取数据,无需反复从服务器获取。
由于在缓存中可能保存了一些网页数据,因此在向服务器请求数据前判断缓存中是否包含要加载的目标数量的数据,如果包含则直接从缓存中获取数据加载到网页中,如果不包含,再向服务器请求数据加载。
可选地,在通过预设的加载函数加载目标数量的数据之后,获取页面滚动条的滚动方向;从最近加载的数据开始,沿着滚动方向的反方向,保留部分数据,将其余的数据删除,其中,保留的数据所占的高度为当前屏幕高度的预设倍数。
如果滚动方向为向上,则保留当前屏幕上预设倍数的高度的页面内容,剩余以下的页面内容从页面中删除;如果滚动方向为向下,则保留当前屏幕上预设倍数的高度的页面内容,剩余以上的页面内容从页面中删除。
用户在浏览网页过程中所加载到网页上的一些数据,在用户浏览到距离上一些数据较远时,可以删除较远的数据,例如,用户正在向下浏览网页,此时在当前网页上方的较远数据可能用不到了,可以向上取当前屏幕的1.5倍高度的内容保留,剩余以上的页面内容从页面中删除,以保持页面的总高度,同样对于向上浏览网页时,也向下去当前屏幕的1.5倍高度的内容保留,剩余以下的页面内容从页面中删除。
可选地,在通过预设的加载函数加载目标数量的数据之后,判断预设的加载函数是否返回空数据;如果返回空数据则不再执行加载。
在加载目标数量的数据时,是通过预设的加载函数来加载的,例如FunctionA函数,如果加载函数返回空数据了,则说明所有页面内容已经加载完毕,此时停止执行数据加载。
可选地,根据滚动速度确定加载数据的目标数量包括:确定每次加载数据的目标数量为:MinPage+a*b,其中,MinPage表示每次加载数据的最小数量,a表示滚动速度,b表示预设常数。b可以是50,也可以是其他数值。
在加载目标数量的数据时,目标数量可以是为:MinPage+a*50,其中,MinPage表示每次加载数据的最小数量,b的数值可以根据具体应用场景进行调整,由公式可见,滚动条的滚动速度越快,加载的数量越多。
通过以上的技术方案,本发明实施例可以实现以下效果:
1,局部加载小部分数据,避免一次性加载所有的数据,提高加载数据的响应速度;
2,监听滚动条主动触发加载新数据,用户浏览数据零阻塞,不会出现滚动到底部时才开始加载新数据的情况,提高用户体验;
3,页面内容保持在一定的高度,不会随着内容加载,页面变得越来越庞大复杂;
4,缓存已加载的数据,避免反复加载数据,浪费资源。
本发明实施例还提供了一种优选实施方式。
本发明实施例的技术方案可以由一个JavaScript插件来执行,提供滚动加载数据的方案,解决数据过大的加载问题。
具体步骤如下:
1,使用插件初始化配置:
a,设置加载数据的条件,滚动条距离底部或是顶部X(px)时,加载新数据;
b,设置加载数据的http请求方法FunctionA;
c,设置每次加载数据的最小数量MinPage。
2,首次加载部分数据在页面上;
3,监听滚动条,当滚动条与底部或是顶部的距离小于X时,计算滚动条的滚动速度a,触发加载新数据的方法FunctionA,重新加载MinPage+a*50条数据,当滚动速度越大加载新数据越多;
4,将加载的新数据追加显示在页面上,并缓存新数据。判断滚动方向,若是向上滚动,将新数据追加在页面的前面,否则追加在页面后面;
5,页面新增新数据后,计算当前页面内容高度,以当前可视屏幕为中心页,判断滚动方向,若是向上滚动,往上取当前屏幕的1.5倍高度的内容,剩余以下的页面内容从页面中删除;若是向下滚动,往下取当前屏幕的1.5倍高度的内容,剩余以上页面内容从页面中删除,保持页面内容的总高度;
5,用户往上浏览历史数据时,首先从缓存数据查找数据,如果没有,则执行FunctionA方法加载数据;
6,当FunctionA方法返回空数据,则停止监听,不再加载新数据。
本发明实施例的技术方案能够在页面滚动到临界值时自动触发加载新数据,并且根据滚动速度动态计算每次加载新数据的条数,保证用户浏览无间断;动态删除不在可视屏幕中的数据,保持页面内容在一定的高度范围里,避免缓存大量内容而造成页面卡顿,通过本发明实施例的技术方案能够解决如下问题:
1、能够避免一次性加载大量数据并显示的问题,提高页面的响应速度;
2、滚动加载数据,滚动到接近临界值时主动加载新数据,并根据滚动速度加载相应数量的新数据追加在页面上,实现用户浏览数据无间断;
3、追加新内容,删除不在可视屏幕中的数据,保持页面在一定的高度范围里,避免页面过长元素过多的卡顿问题;
4,缓存请求过的数据,避免发起重复的http请求,优化查询。
需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
本发明实施例提供了一种网页数据处理装置,该装置可以用于执行本发明实施例的网页数据处理方法。
图2是根据本发明实施例的网页数据处理装置的示意图,如图2所示,该装置包括:
判断单元10,用于判断页面滚动条与页面顶部或底部的距离是否小于预设数值;
计算单元20,用于在小于预设数值时,计算滚动条的滚动速度;
确定单元30,用于根据滚动速度确定加载数据的目标数量;
加载单元40,用于通过预设的加载函数加载目标数量的数据。
该实施例采用判断单元10,用于判断页面滚动条与页面顶部或底部的距离是否小于预设数值;计算单元20,用于在小于预设数值时,计算滚动条的滚动速度;确定单元30,用于根据滚动速度确定加载数据的目标数量;加载单元40,用于通过预设的加载函数加载目标数量的数据,从而解决了网页数据加载影响用户浏览的问题,进而达到了使网页数据加载方便用户浏览的效果。
所述网页数据处理装置包括处理器和存储器,上述判断单元、计算单元、确定单元等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来使网页数据加载方便用户浏览。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述网页数据处理方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述网页数据处理方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:判断页面滚动条与页面顶部或底部的距离是否小于预设数值;在小于预设数值时,计算滚动条的滚动速度;根据滚动速度确定加载数据的目标数量;通过预设的加载函数加载目标数量的数据。本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:判断页面滚动条与页面顶部或底部的距离是否小于预设数值;在小于预设数值时,计算滚动条的滚动速度;根据滚动速度确定加载数据的目标数量;通过预设的加载函数加载目标数量的数据。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种网页数据处理方法,其特征在于,包括:
判断页面滚动条与页面顶部或底部的距离是否小于预设数值;
在小于所述预设数值时,计算滚动条的滚动速度;
根据所述滚动速度确定加载数据的目标数量;
通过预设的加载函数加载所述目标数量的数据。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在根据所述滚动速度确定加载数据的目标数量之前,根据页面滚动条的滚动方向确定数据加载的方向;
在通过预设的加载函数加载所述目标数量的数据之后,将加载的所述目标数量的数据显示在与所述滚动条的滚动方向相同的页面上。
3.根据权利要求1所述的方法,其特征在于,通过预设的加载函数加载所述目标数量的数据之后,所述方法还包括:
将所述目标数量的数据保存到缓存中。
4.根据权利要求3所述的方法,其特征在于,在通过预设的加载函数加载所述目标数量的数据之前,所述方法还包括:
判断缓存中是否包含所述目标数量的数据;
如果包含,则从缓存中获取所述目标数量的数据;
如果不包含,则通过预设的加载函数向服务器请求加载所述目标数量的数据。
5.根据权利要求1所述的方法,其特征在于,在通过预设的加载函数加载所述目标数量的数据之后,所述方法还包括:
获取页面滚动条的滚动方向;
从最近加载的数据开始,沿着所述滚动方向的反方向,保留部分数据,将其余的数据删除,其中,保留的数据所占的高度为当前屏幕高度的预设倍数。
6.根据权利要求1所述的方法,其特征在于,在通过预设的加载函数加载所述目标数量的数据之后,所述方法还包括:
判断所述预设的加载函数是否返回空数据;
如果返回空数据则不再执行加载。
7.根据权利要求1所述的方法,其特征在于,根据所述滚动速度确定加载数据的目标数量包括:
确定每次加载数据的目标数量为:MinPage+a*b,其中,MinPage表示每次加载数据的最小数量,a表示所述滚动速度,b表示预设常数。
8.一种网页数据处理装置,其特征在于,包括:
判断单元,用于判断页面滚动条与页面顶部或底部的距离是否小于预设数值;
计算单元,用于在小于所述预设数值时,计算滚动条的滚动速度;
确定单元,用于根据所述滚动速度确定加载数据的目标数量;
加载单元,用于通过预设的加载函数加载所述目标数量的数据。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至7中任意一项所述的网页数据处理方法。
10.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至7中任意一项所述的网页数据处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811291666.1A CN111125575A (zh) | 2018-10-31 | 2018-10-31 | 网页数据处理方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811291666.1A CN111125575A (zh) | 2018-10-31 | 2018-10-31 | 网页数据处理方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111125575A true CN111125575A (zh) | 2020-05-08 |
Family
ID=70494508
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811291666.1A Pending CN111125575A (zh) | 2018-10-31 | 2018-10-31 | 网页数据处理方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111125575A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113190321A (zh) * | 2021-05-25 | 2021-07-30 | 上海万物新生环保科技集团有限公司 | 一种用于应用程序页面上拉刷新的方法及设备 |
CN113535294A (zh) * | 2021-06-08 | 2021-10-22 | 摩尔元数(厦门)科技有限公司 | 一种h5列表的渲染加速方法、装置、设备和介质 |
CN113794723A (zh) * | 2021-09-15 | 2021-12-14 | 北京快来文化传播集团有限公司 | 直播图片懒加载方法和系统 |
JP2022109211A (ja) * | 2021-01-14 | 2022-07-27 | 北京小米移動軟件有限公司 | 画像ロード方法、装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090106687A1 (en) * | 2007-10-19 | 2009-04-23 | Microsoft Corporation | Dynamically updated virtual list view |
CN104572912A (zh) * | 2014-12-26 | 2015-04-29 | 北京京东尚科信息技术有限公司 | 一种网页页面加载方法及系统 |
CN104965659A (zh) * | 2015-07-06 | 2015-10-07 | 无锡天脉聚源传媒科技有限公司 | 一种页面信息的预加载方法及装置 |
CN105608102A (zh) * | 2015-10-12 | 2016-05-25 | 网易传媒科技(北京)有限公司 | 一种页面加载方法和设备 |
CN107609184A (zh) * | 2017-09-30 | 2018-01-19 | 北京奇虎科技有限公司 | 基于网页浏览行为的数据加载方法及装置 |
-
2018
- 2018-10-31 CN CN201811291666.1A patent/CN111125575A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090106687A1 (en) * | 2007-10-19 | 2009-04-23 | Microsoft Corporation | Dynamically updated virtual list view |
CN104572912A (zh) * | 2014-12-26 | 2015-04-29 | 北京京东尚科信息技术有限公司 | 一种网页页面加载方法及系统 |
CN104965659A (zh) * | 2015-07-06 | 2015-10-07 | 无锡天脉聚源传媒科技有限公司 | 一种页面信息的预加载方法及装置 |
CN105608102A (zh) * | 2015-10-12 | 2016-05-25 | 网易传媒科技(北京)有限公司 | 一种页面加载方法和设备 |
CN107609184A (zh) * | 2017-09-30 | 2018-01-19 | 北京奇虎科技有限公司 | 基于网页浏览行为的数据加载方法及装置 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2022109211A (ja) * | 2021-01-14 | 2022-07-27 | 北京小米移動軟件有限公司 | 画像ロード方法、装置 |
JP7209046B2 (ja) | 2021-01-14 | 2023-01-19 | 北京小米移動軟件有限公司 | 画像ロード方法、装置 |
CN113190321A (zh) * | 2021-05-25 | 2021-07-30 | 上海万物新生环保科技集团有限公司 | 一种用于应用程序页面上拉刷新的方法及设备 |
CN113535294A (zh) * | 2021-06-08 | 2021-10-22 | 摩尔元数(厦门)科技有限公司 | 一种h5列表的渲染加速方法、装置、设备和介质 |
CN113794723A (zh) * | 2021-09-15 | 2021-12-14 | 北京快来文化传播集团有限公司 | 直播图片懒加载方法和系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111125575A (zh) | 网页数据处理方法和装置 | |
CN108089856B (zh) | 一种页面元素的监听方法及装置 | |
CN110968824B (zh) | 页面数据处理方法和装置 | |
US20180004857A1 (en) | Webpage loading method and system | |
CN109388317B (zh) | 一种图片加载方法、终端设备及存储介质 | |
CN107977137B (zh) | 应用页面的对象展示方法、装置和设备 | |
CN107301182B (zh) | 一种展示内嵌图片的网页的方法和装置 | |
CN110609718A (zh) | 图片加载方法、装置、电子设备及可读存储介质 | |
CN107391534B (zh) | 页面显示、页面文件返回方法及装置、计算机存储介质 | |
CN106649299B (zh) | 一种网页区块懒加载的方法和装置 | |
CN105373593A (zh) | 一种展示网页中目标元素的方法及装置 | |
CN113835624A (zh) | 基于异构内存的数据迁移方法及装置 | |
CN110647704B (zh) | 一种页面更新方法、装置及设备 | |
CN110968385A (zh) | 比例显示方法和装置 | |
CN113434138B (zh) | 信息显示方法、装置和电子设备 | |
CN109582188B (zh) | 一种实现弹窗内元素定位的方法、装置及相关设备 | |
CN111427637B (zh) | 页面渲染方法和装置 | |
CN113190321A (zh) | 一种用于应用程序页面上拉刷新的方法及设备 | |
CN108664191B (zh) | 系统访问方法及装置 | |
CN111698365A (zh) | 一种信息展示的方法和装置 | |
CN107480218B (zh) | 网页显示方法及装置、电子设备、存储介质 | |
CN110968811B (zh) | 显示控制方法和装置 | |
CN113032073A (zh) | 一种基于操作行为的页面展示方法和装置 | |
CN110708270B (zh) | 异常链接检测方法以及装置 | |
CN114547495B (zh) | 一种页面加载方法、装置、设备及可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200508 |