The present disclosure relates to a target picture display method, a target picture display device, a computer readable storage medium and an electronic device, and relates to the technical field of data processing. The method includes: controlling the state of the list page according to the operation behavior acting on the list page, and recording the location of the visible area of the list page in real time; and listing all the visible areas. The element is checked and the target picture is determined according to the address of the target picture; the target picture corresponding to the address of the target picture is displayed. The present disclosure can improve the speed of picture display.
【技术实现步骤摘要】
目标图片显示方法及装置、存储介质、电子设备
本公开涉及数据处理
,具体而言,涉及一种目标图片显示方法、目标图片显示装置、计算机可读存储介质以及电子设备。
技术介绍
在进行品牌建设或者产品推广时,App(Application,应用程序)发挥着越来越重要的作用。对于一款快速扩展的App来说,随着业务的不断发展、复杂度和App用户量的不断增加,加载大量网络图片列表时卡顿或不流畅的问题也成为影响用户体验的常见场景。相关技术中,对于大量网络图片列表加载的性能优化方法如下:在网络图片加载完成前,首先调取本地图片进行占位显示;接下来开启异步线程从服务器下载网络图片,确保用户操作不被下载进程所阻断,下载完成后再替换占位图片,显示网络图片;最后,基于网络图片的名称或URL(UniformResourceLocator,统一资源定位符)为索引,将下载完成的网络图片存在移动端本地,并记录在内存中。当再次请求的图片名称或URL相同时,从内存或本地文件中读取图片缓存直接显示。上述性能优化方法已经满足大部分的性能优化需求,虽然避免了二次下载,节省了流量。但是当一个列表的网络图片都很大且非常多时,如果用户快速滑动页面,一瞬间会产生大量的异步请求和图片数据加载,仍可能导致客户端内存告警,出现界面卡顿的情况;同时如果用户当前所处的网络环境不好,当用户快速滑动页面时,并行的异步请求会挤占网络带宽,导致用户在滑动停止时看到的界面图片加载很慢,影响用户体验。需要说明的是,在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息 ...
【技术保护点】
1.一种目标图片显示方法,其特征在于,包括:根据作用于列表页面的操作行为控制所述列表页面的状态,并实时记录所述列表页面的可见区域的位置;对所述可见区域的所有列表元素进行校验,并根据一目标图片地址确定所述目标图片;显示与所述目标图片地址对应的所述目标图片。
【技术特征摘要】
1.一种目标图片显示方法,其特征在于,包括:根据作用于列表页面的操作行为控制所述列表页面的状态,并实时记录所述列表页面的可见区域的位置;对所述可见区域的所有列表元素进行校验,并根据一目标图片地址确定所述目标图片;显示与所述目标图片地址对应的所述目标图片。2.根据权利要求1所述的目标图片显示方法,其特征在于,根据作用于列表页面的操作行为控制所述列表页面的状态包括:在检测到作用于所述列表页面的滑动操作时,控制所述列表页面进行滚动。3.根据权利要求1所述的目标图片显示方法,其特征在于,实时记录所述列表页面的可见区域的位置包括:在检测到所述列表页面停止滚动时,根据所述滑动操作结束时的位置记录所述列表页面的所述可见区域的位置信息,并将所述位置信息设置为所述列表页面的宽和高。4.根据权利要求1所述的目标图片显示方法,其特征在于,对所述可见区域的所有列表元素进行校验包括:在检测到所述滑动操作开始或停止时,判断所述列表上所述可见区域的所有列表元素是否为图片元素;在所述列表元素为所述图片元素时,判断所述图片元素是否满足预设条件;在所述图片元素满足所述预设条件时,判断所述可见区域是否为空;在所述可见区域不为空且所述图片元素未在所述可见区域时,对所述图片元素进行校验。5.根据权利要求4所述的目标图片显示方法,其特征在于,所述图片元素满足所述预设条件包括:所述图片元素为所述占位图片或者所述图片元素为非占位图片且所述图片元素的地址与所述目标图片的地址不同。6.根据权利要求1所述的目标图片显示方法,其特征在于,显示与所述目标图片地址对应的所述目标图片包括:在内存中存在与所述目标图片地址对应的图片缓存时,将所述图片缓存作为目标图片进行显示;在所述内存中未存在与所述目标图片地址对应...
【专利技术属性】
技术研发人员:凌刚,
申请(专利权)人:北京京东尚科信息技术有限公司,北京京东世纪贸易有限公司,
类型:发明
国别省市:北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。