CN106294609B - 页面加载方法及装置 - Google Patents

页面加载方法及装置 Download PDF

Info

Publication number
CN106294609B
CN106294609B CN201610617980.9A CN201610617980A CN106294609B CN 106294609 B CN106294609 B CN 106294609B CN 201610617980 A CN201610617980 A CN 201610617980A CN 106294609 B CN106294609 B CN 106294609B
Authority
CN
China
Prior art keywords
loaded
page
display range
current page
coordinates
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.)
Active
Application number
CN201610617980.9A
Other languages
English (en)
Other versions
CN106294609A (zh
Inventor
王永山
陈德嘉
刘小桐
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Xiaomi Mobile Software Co Ltd
Original Assignee
Beijing Xiaomi Mobile Software Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Xiaomi Mobile Software Co Ltd filed Critical Beijing Xiaomi Mobile Software Co Ltd
Priority to CN201610617980.9A priority Critical patent/CN106294609B/zh
Publication of CN106294609A publication Critical patent/CN106294609A/zh
Application granted granted Critical
Publication of CN106294609B publication Critical patent/CN106294609B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开是关于一种页面加载方法及装置,所述方法包括:根据接收到的页面显示范围移动指令,确定feed流中的待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象;加载所述待加载对象。由此,可通过确定待加载对象,仅对待加载对象进行加载和显示,而不加载其它的对象,可提高对页面加载速度和效率。

Description

页面加载方法及装置
技术领域
本公开涉及移动互联网技术领域,尤其涉及一种页面加载方法及装置。
背景技术
随着移动智能终端的不断发展,移动终端应用软件(application,App)日趋增多。目前,大致分为Native App、Web App以及基于HTML5的流应用。其中,Native App,即原生应用,也称为本地App,是指基于某种操作系统的智能终端开发的,使用原生程式编写运行的第三方应用程序。Web App是为移动浏览器设计的基于web访问的应用程序。基于HTML5的流应用是一种全新的应用方式,相比Native App无需安装,可以实现即点即用,且交互性、用户体验性接近原生应用;相比Web App可以给用户提供更好的体验度,还可以调用操作系统的原生能力,使应用界面更加优化流畅。
但是,基于HTML5的APP效率不如native的app高,例如,在一些图片非常多的APP中,由于图片占用资源大,当用户下拉向下浏览时,所有露出来的图片都会加载。
发明内容
为克服相关技术中存在的问题,本公开提供一种对页面加载方法及装置。
根据本公开实施例的第一方面,提供一种页面加载方法,包括:
根据接收到的页面显示范围移动指令,确定feed流中的待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象;
加载所述待加载对象。
通过以上技术方案,通过确定待加载对象,仅对待加载对象进行加载和显示,而不加载其它的对象,可提高对象加载速度和效率,提升用户体验;且将待加载对象确定为当前页面内的对象以及当前页面外预设范围内的对象,可对预设范围内的对象进行预加载,从而实现提前加载好用户接下来可能浏览的对象,避免临时加载带来的延时。
结合第一方面,在第一种可能的实施方式中,所述根据接收到的页面显示范围移动指令,确定feed流中的待加载对象的步骤包括:
根据所述页面显示范围移动指令,获取页面移动的距离;
根据feed流中的对象的高度和所述页面移动的距离,确定当前页面所包含的对象;
根据所述预设范围的对象以及确定的所述当前页面所包含的对象,确定所述待加载对象。
通过以上技术方案,可根据页面的移动距离确定待加载对象,简单高效。
结合第一方面,在第二种可能的实施方式中,所述根据接收到的页面显示范围移动指令,确定feed流中的待加载对象的步骤包括:
记录并存储feed流中每个对象的预设点坐标;
根据所述页面显示范围移动指令,当页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的预设点坐标进行比较,以确定当前页面所包含的对象;
根据所述预设范围的对象以及确定的所述当前页面所包含的对象,确定所述待加载对象。
通过以上技术方案,可更加准确的实现待加载对象的确定。
结合第一方面的第二种可能的实施方式,在第三种可能的实施方式中,所述预设点坐标为对象的顶点坐标;
所述根据所述页面显示范围移动指令,当页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的预设点坐标进行比较,以确定当前页面所包含的对象的步骤包括:
当页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的顶点坐标进行比较,以确定当前页面所包含的对象。
通过以上技术方案,将当前页面的左上角坐标和左下角坐标分别与存储的所述每个对象的左上角坐标坐标进行比较以确定待加载对象,可简单高效且准确确定出待加载对象。
结合第一方面,在第四种可能的实施方式中,所述方法还包括:
在页面显示范围移动过程中,采用预设图片替换所述feed流中的对象进行显示。
通过以上技术方案,在页面移动的过程中,不加载显示相关的对象,而采用预设图片替换页面中的对象的方式进行显示,使得显示界面中一直显示有图片,可从视觉效果上让用户看上去有内容,提升用户体验。
结合第一方面,在第五种可能的实施方式中,所述方法还包括:
针对所述待加载对象以外的未被加载完成的对象,停止加载并清除所述未被加载完成的对象的缓存。
通过以上技术方案,清除无需显示的对象,等到这些对象真正显示出来的时候再进行加载;释放内存,节约内存对象。
结合第一方面,在第六种可能的实施方式中,所述方法还包括:
针对所述待加载对象以外的未被加载完成的对象,停止加载并清除所述未被加载完成的对象的缓存。
通过以上技术方案,清除无需显示的对象,等到这些对象真正显示出来的时候再进行加载;释放内存,节约内存对象。
根据本公开实施例的第二方面,提供一种页面加载装置,包括:
待加载对象确定模块,被配置为根据接收到的页面显示范围移动指令,确定feed流中的待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象;
加载模块,被配置为加载所述待加载对象。
结合第二方面,在第一种可能的实施方式中,所述待加载对象确定模块包括:
距离获取子模块,被配置为根据所述页面显示范围移动指令,获取页面移动的距离;
对象确定子模块,被配置为根据feed流中对象的高度和所述页面移动的距离,确定当前页面所包含的对象;
第一待加载对象确定子模块,被配置为根据所述预设范围的对象以及确定的所述当前页面所包含的对象,确定所述待加载对象。
结合第二方面,在第二种可能的实施方式中,所述待加载对象确定模块包括:
记录子模块,被配置为记录并存储feed流中每个对象的预设点坐标;
比较子模块,被配置为根据所述页面显示范围移动指令,在页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的预设点坐标进行比较,以确定当前页面所包含的对象;
第二待加载对象确定子模块,被配置为根据所述预设范围的对象以及获取的所述当前页面所包含的对象,确定所述待加载对象。
结合第二方面的第二种可能的实施方式,在第三种可能的实施方式中,所述预设点坐标为对象的顶点坐标;
所述比较子模块,被配置为在页面显示范围停止移动时,将当前页面的一个或多个坐标分别与存储的所述每个对象的顶点坐标坐标进行比较,以确定当前页面所包含的对象。
结合第二方面,在第四种可能的实施方式中,所述装置还包括:
替换显示模块,被配置为在页面显示范围移动过程中,采用预设图片替换所述feed流中的对象进行显示。
结合第二方面,在第五种可能的实施方式中,所述装置还包括:
第一缓存清除模块,被配置为针对所述待加载对象以外的已被加载完成的对象,清除所述已被加载完成的对象的缓存。
结合第二方面,在第六种可能的实施方式中,所述装置还包括:
第二缓存清除模块,被配置为针对所述待加载对象以外的未被加载完成的对象,则停止加载并清除所述未被加载完成的对象的缓存。
根据本公开实施例的第三方面,提供一种页面加载装置,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:根据接收到的页面显示范围移动指令,确定feed流中的待加载对象;加载所述待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象。
根据本公开实施例的第四方面,提供一种非临时性计算机可读存储介质,当所述存储介质中的指令由终端的处理器执行时,使得终端能够执行一种对象加载方法,所述方法包括:
根据接收到的页面显示范围移动指令,确定feed流中的待加载对象;加载所述待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1是根据一示例性实施例示出的一种页面加载方法的流程示意图;
图2是根据一示例性实施例示出的页面显示范围下移的示意图;
图3是根据一示例性实施例示出的待加载对象确定的示意图;
图4是根据一示例性实施例示出的待加载对象确定的流程示意图;
图5是根据一示例性实施例示出的当前页面包括对象M时的示意图;
图6是根据另一示例性实施例示出的待加载对象确定的流程示意图;
图7是根据另一示例性实施例示出的页面加载方法的流程示意图;
图8是根据一示例性实施例示出的采用预设对象进行显示的效果示意图;
图9是根据再一示例性实施例示出的页面加载方法的流程示意图;
图10是根据一示例性实施例示出的一种页面加载装置框图;
图11是根据另一示例性实施例示出的一种页面加载装置框图;
图12是根据一示例性实施例示出的一种页面加载装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
HTML5(Hypertext Transfer Protoco lversion 5),是对HTML(Hyper TextMarkup Language,超文本标记语言)的更新和修订,HTML是用于网页的主要的标记语言。HTML具备应用开发的简便特性。Html5在多媒体领域能够支持音频、视频、绘图等三方面的功能。
在一些与网络相关的应用中,终端页面展示的内容从网络侧获取,用户通过操作终端发送网络请求以从网络侧的服务器获取对象进行加载显示。
在本公开的一实施例中,采用feed流技术进行对象的显示,以能够让用户持续下拉,展现出内容的丰富,提升用户体验。Feed流的基本单位为对象(card)。每个card包括需要展示的内容,例如,文字、图片等等。为每个card设置一个序号,且每个card的高度为预设的。多个card按序排列,形成feed流。当终端与服务器交互时,服务器端以feed流的方式推送内容,以将多个card形成的feed流推送到终端进行展示。终端在进行展示时,按照终端的显示界面对feed流进行调整,以适应终端的显示界面。
由于feed流包括多个对象,为了提高终端加载页面的效率,在本公开的一实施例中,只加载已确定的待加载对象,使得加载的页面中包含的对象为待加载对象,提高加载效率。
图1是根据一示例性实施例示出的一种页面加载方法的流程示意图。参照图1,该页面加载方法包括:
在步骤S11中、根据接收到的页面显示范围移动指令,确定feed流中的待加载对象。根据页面显示范围移动指令,当页面显示范围停止移动时,可确定feed流中的待加载对象,其中,待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象。
在步骤S12中,加载待加载对象。
可通过向网络侧的服务器发送对象加载请求,以执行对待加载对象的加载。本公开实施例,仅对待加载对象进行加载,而对页面移动过程中的对象(即当前页面外预设范围外的对象)不进行加载,可提高加载速度和效率,提升用户体验。
在本公开的一个实施例中,步骤S11中的页面显示范围移动指令至少包括以下之一:页面显示范围下移指令、页面显示范围上移指令、页面显示范围左移指令和页面显示范围右移指令。当用户输入页面显示范围移动指令时,页面显示范围将进行移动。页面显示范围移动的距离与页面显示范围移动指令中所包含的滑动距离、拖动力度或按压次数等有关。例如,当通过按键(可为虚拟按键或物理实体按键)产生页面显示范围移动指令时,按压一次页面移动的距离为x,则根据按压次数即可确定页面移动的距离。而当通过触摸屏产生页面显示范围移动指令时,页面的移动距离跟滑动按压力度和滑动次数等相关。
在本公开的实施例中,页面移动的距离是经页面显示范围移动指令后,终端显示界面所显示的当前页面相对于初始显示页面的移动距离。例如,终端显示界面初始时显示的页面为包含对象1的页面,经页面显示范围移动指令后,终端的显示界面所显示的当前页面所包含的对象变为对象3,则对象3与对象1之间的距离即为页面的移动距离。
在一个实施例中,步骤S11包括:根据页面显示范围移动指令,获取页面移动的距离;根据feed流中每个对象的高度和页面移动的距离,确定当前页面所包含的对象;根据预设范围的对象以及确定的当前页面所包含的对象,确定待加载对象。由此,可实现简单快速的对待加载对象的确定。
在另一个实施例中,步骤S11包括:记录并存储feed流中每个对象的预设点坐标;当页面显示范围移动指令停止时,将当前页面的一个或多个点的坐标分别与存储的每个对象的预设点坐标进行比较,以确定当前页面所包含的对象;根据预设范围以及确定的所述当前页面所包含的对象,确定所述待加载对象。由此,可更加准确的实现待加载对象的确定。
在本公开的以下描述中,以页面显示范围移动指令为页面显示范围下移指令,对本公开进行说明。当用户对页面进行第一操作时,产生页面显示范围下移指令,页面向下移动,则页面移动的距离为页面向下移动的高度。第一操作可为触摸方向向上移动的操作,例如,上滑操作。第一操作还可为对相应按键的操作,使得页面向下移动。按键可为虚拟按键或实体按键。当第一操作停止时,页面也将停止移动,此时可确定待加载对象。
参见图2是根据一示例性实施例示出的页面显示范围下移的示意图。图2中,左边的图中,终端显示界面所显示的内容为对象1、对象2和对象3。则对象1、对象2和对象3组成当前页面。应理解,上述已描述对象(即card)包括文字、图片等,因此,终端显示界面显示的页面即包括文字、图片等。
当用户执行第一操作(例如,上滑操作)时,页面显示范围下移,即如图2右边的图所示,终端显示界面所显示的内容变为对象3、对象4和对象5。则对象3、对象4和对象5组成当前显示页面。若用户继续执行第一操作,则页面显示范围继续下移;若用户停止执行第一操作,则页面显示范围不再移动。
应理解,显示界面所显示的可为一对象的全部或部分,例如,图2中,显示界面所显示的对象5,可为对象5的部分或全部。
参见图3是根据一示例性实施例示出的待加载对象确定的示意图。图3中,feed流中每个对象的高度是固定好的。每个对象按照序号依次排列组成该总高度为H的feed流。
在一个实施例中,feed流包括的多个对象(card)可为固定的,即每个对象包括的图片、文字等内容是固定不变的。例如,在采用feed流开发的主题相关的APP中,图片、文字等都是预先设计好的,因此,每个对象中的图片、文字等是固定的。但若服务器端对对象进行更新,则相应的终端获得的对象也相应的进行更新。终端的这种更新可在后台进行,更新完成后,显示页面由更新后的对象组成。当终端中安装了这类主题相关的APP,则用户在每次使用该APP时,显示页面的对象并不进行实时的变更或刷新。
在另一些实施例中,feed流包括的多个对象(card)可实时刷新。即每个对象包括的图片、文字等内容是实时变化的。例如,对于社交类的APP,feed流中的对象是与用户的发表、新闻信息的更新等等相关的,因此,服务器端向终端发送的对象是实时变化的。当终端中安装了这类APP,则用户在每次使用该APP时,显示页面中的对象可为实时变更或刷新的。应理解,在这种对象实时变更或刷新的情况下,feed流的高度H可为不固定的,其可随着对象的变化而变化。
在本公开的一实施例中,无论显示页面中的对象是固定的,还是实时刷新的,都可采用相同的方式确定待加载对象。
参见图3,当页面显示范围不再移动时(例如,用户停止第一操作),当前页面S为显示在终端显示界面(例如,终端的LCD显示屏)的页面,其包括一个或多个对象。其中,点A2为当前页面S的左上角的点,点A3为当前页面S的左下角的点。
在一个实施例中,当页面显示范围不再移动时,可通过下述两种方式确定待加载对象。
方式一:
由于每个对象的高度是已知的,因此,可通过计算页面向下移动的高度(即移动距离)的方式,确定待加载对象。
参见图4是根据一示例性实施例示出的待加载对象确定的流程示意图。
在步骤S41中,获取页面向下移动的高度H1。
参见图3,若页面是从第一个对象(对象1)开始向下移动的,即页面的初始情况为,对象1的左上角的点A1位于终端显示界面的左上角。将A1的坐标标记为(0,0)。当页面停止移动时,A2位于终端显示界面的左上角,A2的坐标为(0,H1)(H1可设为正数),则将A2的Y轴坐标减去A1的Y轴坐标,即可得到页面向下移动的高度为H1。
在步骤S42中、根据每个对象的高度和页面向下移动的高度H1,确定当前页面所包含的对象。
在一个实施例中,由于每个对象的高度是已知的,若每个对象的高度相同,且均为h,则可通过以下公式1确定当前页面中的对象M的序号M。
M=H1/h+1 (公式1)
其中,“H1/h”代表只取商而不需要取余数,即若H1不能被h整除,则只取商。
例如,在一个具体实例中,若每个对象的高度h均为5cm,H1为73cm,则M=73/5+1=15。
若每个对象的高度不相同,则可将每个对象的高度依次进行相加后与页面向下移动的高度H1进行比较,以确定当前页面的对象的序号。例如,若将M-1个对象的高度进行相加后与H1相等,则可确定当前页面的对象的序号为M;若将M-1个对象的高度进行相加后小于H1,而将M个对象的高度相加后大于H1,则可确定当前页面的对象的序号为M。
在步骤S43、根据预设范围以及确定的当前页面所包含的对象,确定待加载对象。
计算得出对象M的序号M后,可根据预设范围,以及序号M确定待加载对象。例如,若预设范围可为2(即对象M的前两个对象和后两个对象),则将对象M-2、对象M-1、对象M、对象M+1、对象M+2作为待加载对象。
应理解,参见图5,若显示页面停止移动时,当前页面正好为对象M时,则通过该方式一可准确的确定待加载对象。而若为其它的情况,例如图3所示的,当前页面S包括了对象M和对象M+1,或在更为复杂的情况中,当显示页面停止移动时,当前页面S还可同时包括更多的对象,则可采用以下所述的方式二以更加准确的确定待加载对象。
方式二:
参见图6是根据另一示例性实施例示出的待加载对象确定的流程示意图。该待加载对象确定方法包括以下步骤:
在步骤S61中,记录并存储feed流中每个对象的顶点坐标。在该实施例中,将预设点坐标设为对象的顶点坐标(例如,左上角的顶点坐标),可实现简单、高效且准确的待加载对象的确定。表1为一示例性实施例的每个对象的顶点坐标。应理解,如上所述,多个对象按照序号排列可组成feed流,即将在终端显示的页面。因此,每个对象的坐标即其在整个页面的坐标。
表1
对象 顶点坐标
对象1 (0,0)或(x1,y1)
对象2 (x2,y2)
…… ……
对象M (x<sub>M</sub>,y<sub>M</sub>)
对象M+1 (x<sub>M+1</sub>,y<sub>M+1</sub>)
…… ……
在步骤62中,将当前页面的一个或多个点的坐标分别与存储的每个对象的顶点坐标进行比较,以确定当前页面所包含的对象。
参见图3,将当前页面的左上角点A2的坐标与表1中各个对象的顶点坐标进行比较,以及将当前页面的左下角点A3的坐标与表1中各个对象的顶点坐标进行比较,即可获知当前页面中所包括的对象和对象的序号。
在步骤S63中,根据预设范围以及确定的当前页面所包含的对象,确定待加载对象。
在本公开的一实施例中,可将显示界面所包括的对象作为待加载对象,即将图3所示的对象M和对象M+1作为待加载对象。
在另一实施例中,为了提升用户体验,可提前加载预设范围内的对象,即将显示界面所包括的对象,以及显示界面所包括对象的前后预设范围内的对象作为待加载对象。在一个实施例中,可将预设范围设为前后2个对象,则如图3所示,对象M-2、对象M-1、对象M、对象M+1、对象M+2和对象M+3将被作为待加载对象。
本公开实施例中,通过提前加载好当前显示界面前后预设范围内的对象,可将用户在向下或向上浏览时的可能浏览的对象提前加载好,避免临时加载带来的延时,进一步提升用户体验。
应理解,上述以页面向下移动作为实施例进行待加载对象的确定的描述,而页面向上、向左或向右移动的待加载对象的确定原理和向下移动是相类似的,在此不再一一举例说明。
应理解,本公开的该实施例中的顶点坐标可为对象的左上角坐标、右上角坐标、左下角坐标、右下角坐标、中心坐标等等,本公开对此不作限制。应理解,在本公开的实施例中,对象的左上角坐标是相对于图3的图面方向所示作为参考的。即当对象显示到终端的显示界面时,其对象的左上角是与终端显示界面的左上角(以图2所示的终端显示界面作为参考)相一致的。同理,左下角、右上角、右下角等也是以图2和图3所示的图面方向作为参考的。
本公开的实施例提供的技术方案可以包括以下有益效果:通过确定待加载对象,仅对待加载对象进行加载和显示,而不加载其它的对象,可提高页面加载速度和效率,提升用户体验;将待加载对象确定为当前页面内的对象以及当前页面外预设范围内的对象,可对预设范围内的对象进行预加载,从而实现提前加载好用户接下来可能浏览的对象,避免临时加载带来的延时,可进一步提升用户体验;可使得app所使用的内存更少,且在对象使用上更有效率;不会因为用户快速滚屏,导致app卡顿。
参见图7是根据另一示例性实施例示出的对象加载方法的流程示意图。如图7所示,该对象加载方法包括以下步骤:
在步骤S71中,根据接收到的页面显示范围移动指令,进行页面显示范围的移动。
在步骤S72中,在页面显示范围移动过程中,采用预设图片替换feed流中的对象进行显示。
在本公开的该实施例中,由于只加载确定的待加载对象,因此,在页面显示范围的移动过程中,经过显示界面的对象都不会被加载和显示。
在一个实施例中,在页面显示范围移动过程中,只要某一对象的任一部分(例如,上边缘或下边缘等)出现在终端显示界面中,则采用预设图片替换该对象进行显示。由此,即使不加载显示该对象,显示界面中也显示有图片,可从视觉效果上让用户看上去有内容,而不是空白的页面。
在一个实施例中,预设对象可为存储在终端本地的一张或多张图片。当引用这些预设对象替换页面中的对象进行显示时,可将引用的图片进行适应性的调整,以适应当前显示界面。这种适应性的调整可包括调整所引用图片的高度、宽度等等。
参见图8是根据一示例性实施例示出的采用预设对象进行显示的效果示意图。图8中,在页面向下移动的过程中,分别采用了预设对象图片A、图片B和图片C显示到显示界面,以使得页面移动过程中,显示界面有内容供用户查看。
在步骤S73中,当页面显示范围停止移动时,确定待加载对象。
上述实施例所描述的待加载对象的确定方式同样适用于本实施例,因此,在此不再赘述。
在步骤S74中,加载待加载对象。
本公开的实施例提供的技术方案除了可包括上述实施例的有益效果外,还可以包括以下有益效果:在页面移动的过程中,不加载显示相关的对象,而采用预设图片替换页面中的对象的方式进行显示,使得显示界面中一直显示有图片,可从视觉效果上让用户看上去有内容。
参见图9是根据再一示例性实施例示出的对象加载方法的流程示意图。如图9所示,该对象加载方法包括以下步骤:
在步骤S91中、根据接收到的页面显示范围移动指令,确定待加载对象。当页面显示范围移动指令停止时,确定待加载对象,其中,待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象。
上述实施例所描述的待加载对象的确定方式同样适用于本实施例,因此,在此不再赘述。
应理解,上述结合图7和图8所描述的实施例中,在页面移动过程中,采用预设对象进行显示的方案同样适用于本实施例,在此不再赘述。
在步骤S92中,加载待加载对象。
在步骤S93中,针对待加载对象以外的已被加载完成的对象,清除已被加载完成的对象的缓存;针对待加载对象以外的未被加载完成的对象,停止加载并清除未被加载完成的对象的缓存。
通过步骤S91可确定待加载对象的序号,由此,根据待加载对象的序号可确定不需要加载的对象的序号。若检测到有不需要加载的对象被加载,则可进行清除缓存的操作,以节约内存对象。
通过步骤S93,可清除没用的对象(即待加载对象以外的对象),释放内存。
本公开的实施例提供的技术方案除了可包括上述实施例的有益效果外,还可以包括以下有益效果:清除无需显示的对象,等到这些对象真正显示出来的时候再进行加载;释放内存,节约内存对象。
参见图10是根据一示例性实施例示出的一种对象加载装置框图。参照图10,该装置100包括待加载对象确定模块101和加载模块102。
该待加载对象确定模块101,被配置为根据接收到的页面显示范围移动指令,确定feed流中的待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象;
加载模块102,被配置为加载待加载对象确定模块101所确定的待加载对象。
参见图10,在一个实施例中,待加载对象确定模块101包括:
距离获取子模块1010,被配置为根据所述页面显示范围移动指令,获取页面移动的距离;
对象确定子模块1011,被配置为根据feed流中对象的高度和距离获取子模块1010获取的页面移动的距离,确定当前页面所包含的对象;
第一待加载对象确定子模块1012,被配置为根据所述预设范围的对象以及对象确定子模块1011确定的所述当前页面所包含的对象,确定所述待加载对象。
在一个实施例中,装置100还包括:
替换显示模块103,被配置为在页面显示范围移动过程中,采用预设图片替换所述feed流中的对象进行显示。
在一个实施例中,装置100还包括:
第一缓存清除模块104,被配置为若所述待加载对象以外有已被加载完成的对象,则清除其缓存。
在一个实施例中,装置100还包括:
第二缓存清除模块105,被配置为若所述待加载以外有未加载完成的对象,则停止加载并清除其缓存。
参见图11,是根据另一示例性实施例示出的一种对象加载装置框图,该实施例和图10所示实施例的区别仅在于,待加载对象确定模块101包括:
记录子模块1013,被配置为记录并存储feed流中每个对象的预设点坐标;
比较子模块1014,被配置为根据所述页面显示范围移动指令,在页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的预设点坐标进行比较,以确定当前页面所包含的对象。
第二待加载对象确定子模块1015,被配置为根据所述预设范围以及获取的所述当前页面所包含的对象,确定所述待加载对象。
在一个实施例中,预设点坐标为对象的顶点坐标。比较子模块1014,被配置为在页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的顶点坐标坐标进行比较,以确定当前页面所包含的对象。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图12是根据一示例性实施例示出的一种页面加载装置1200的框图。例如,装置1200可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参见图12,装置1200可以包括以下一个或多个组件:处理组件1202,存储器1204,电力组件1206,多媒体组件1208,音频组件1210,输入/输出(I/O)的接口1212,传感器组件1214,以及通信组件1216。
处理组件1202通常控制装置1200的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件1202可以包括一个或多个处理器1220来执行指令,以完成上述页面加载的全部或部分步骤。此外,处理组件1202可以包括一个或多个模块,便于处理组件1202和其他组件之间的交互。例如,处理组件1202可以包括多媒体模块,以方便多媒体组件1208和处理组件1202之间的交互。
存储器1204被配置为存储各种类型的数据以支持在装置1200的操作。这些数据的示例包括用于在装置1200上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器1204可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电力组件1206为装置1200的各种组件提供电力。电力组件1206可以包括电源管理系统,一个或多个电源,及其他与为装置1200生成、管理和分配电力相关联的组件。
多媒体组件1208包括在所述装置1200和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件1208包括一个前置摄像头和/或后置摄像头。当装置1200处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件1210被配置为输出和/或输入音频信号。例如,音频组件1210包括一个麦克风(MIC),当装置1200处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1204或经由通信组件1216发送。在一些实施例中,音频组件1210还包括一个扬声器,用于输出音频信号。
I/O接口1212为处理组件1202和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件1214包括一个或多个传感器,用于为装置1200提供各个方面的状态评估。例如,传感器组件1214可以检测到装置1200的打开/关闭状态,组件的相对定位,例如所述组件为装置1200的显示器和小键盘,传感器组件1214还可以检测装置1200或装置1200一个组件的位置改变,用户与装置1200接触的存在或不存在,装置1200方位或加速/减速和装置1200的温度变化。传感器组件1214可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1214还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件1214还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件1216被配置为便于装置1200和其他设备之间有线或无线方式的通信。装置1200可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信组件1216经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件1216还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置1200可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述页面加载方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器1204,上述指令可由装置1200的处理器1220执行以完成上述对页面加载方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
应理解,在本公开的实施例中,显示界面是指终端的显示界面,而当前页面是指终端的显示界面当前所显示的内容,其是与feed流中的对象相对应的。
流程图中或在本公开的实施例中以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本公开实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本公开的实施例所述技术领域的技术人员所理解。
本领域技术人员在考虑说明书及实践本公开后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (8)

1.一种页面加载方法,其特征在于,包括:
根据接收到的页面显示范围移动指令,当页面显示范围停止移动时,确定feed流中的待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象;
其中,所述根据接收到的页面显示范围移动指令,确定feed流中的待加载对象的步骤包括:根据所述页面显示范围移动指令,获取页面移动的距离;根据feed流中的对象的高度和所述页面移动的距离,确定当前页面所包含的对象;根据所述预设范围的对象以及确定的所述当前页面所包含的对象,确定所述待加载对象;
加载所述待加载对象;
所述方法还包括:在页面显示范围移动过程中,采用预设图片替换所述feed流中的对象进行显示。
2.根据权利要求1所述的方法,其特征在于,所述根据接收到的页面显示范围移动指令,确定feed流中的待加载对象的步骤包括:
记录并存储feed流中每个对象的预设点坐标;
根据所述页面显示范围移动指令,当页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的预设点坐标进行比较,以确定当前页面所包含的对象;
根据所述预设范围的对象以及确定的所述当前页面所包含的对象,确定所述待加载对象。
3.根据权利要求2所述的方法,其特征在于,所述预设点坐标为对象的顶点坐标;
所述根据所述页面显示范围移动指令,当页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的预设点坐标进行比较,以确定当前页面所包含的对象的步骤包括:
当页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的顶点坐标进行比较,以确定当前页面所包含的对象。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
针对所述待加载对象以外的未被加载完成的对象,停止加载并清除所述未被加载完成的对象的缓存。
5.一种页面加载装置,其特征在于,包括:
待加载对象确定模块,被配置为根据接收到的页面显示范围移动指令,当页面显示范围停止移动时,确定feed流中的待加载对象;其中,所述待加载对象包括当前页面内的对象以及当前页面外预设范围内的对象;
所述待加载对象确定模块包括:距离获取子模块,被配置为根据所述页面显示范围移动指令,获取页面移动的距离;对象确定子模块,被配置为根据feed流中对象的高度和所述页面移动的距离,确定当前页面所包含的对象;第一待加载对象确定子模块,被配置为根据所述预设范围的对象以及确定的所述当前页面所包含的对象,确定所述待加载对象;
加载模块,被配置为加载所述待加载对象;
所述装置还包括:替换显示模块,被配置为在页面显示范围移动过程中,采用预设图片替换所述feed流中的对象进行显示。
6.根据权利要求5所述的装置,其特征在于,所述待加载对象确定模块包括:
记录子模块,被配置为记录并存储feed流中每个对象的预设点坐标;
比较子模块,被配置为根据所述页面显示范围移动指令,在页面显示范围停止移动时,将当前页面的一个或多个点的坐标分别与存储的所述每个对象的预设点坐标进行比较,以确定当前页面所包含的对象;
第二待加载对象确定子模块,被配置为根据所述预设范围的对象以及获取的所述当前页面所包含的对象,确定所述待加载对象。
7.根据权利要求6所述的装置,其特征在于,所述预设点坐标为对象的顶点坐标;
所述比较子模块,被配置为在页面显示范围停止移动时,将当前页面的一个或多个坐标分别与存储的所述每个对象的顶点坐标坐标进行比较,以确定当前页面所包含的对象。
8.根据权利要求5所述的装置,其特征在于,所述装置还包括:
第二缓存清除模块,被配置为针对所述待加载对象以外的未被加载完成的对象,则停止加载并清除所述未被加载完成的对象的缓存。
CN201610617980.9A 2016-07-29 2016-07-29 页面加载方法及装置 Active CN106294609B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610617980.9A CN106294609B (zh) 2016-07-29 2016-07-29 页面加载方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610617980.9A CN106294609B (zh) 2016-07-29 2016-07-29 页面加载方法及装置

Publications (2)

Publication Number Publication Date
CN106294609A CN106294609A (zh) 2017-01-04
CN106294609B true CN106294609B (zh) 2020-06-19

Family

ID=57663583

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610617980.9A Active CN106294609B (zh) 2016-07-29 2016-07-29 页面加载方法及装置

Country Status (1)

Country Link
CN (1) CN106294609B (zh)

Families Citing this family (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107247748B (zh) * 2017-05-24 2020-08-07 北京潘达互娱科技有限公司 页面加载方法及装置
CN107066632B (zh) * 2017-06-05 2018-03-16 厦门美柚信息科技有限公司 一种网页信息预加载的方法及装置
CN109033100B (zh) * 2017-06-08 2022-05-24 阿里巴巴集团控股有限公司 提供页面内容的方法及装置
CN107273521B (zh) * 2017-06-22 2020-10-09 百度在线网络技术(北京)有限公司 Feed内容质量评价方法及装置
CN107273031B (zh) * 2017-06-23 2020-10-16 阿里巴巴(中国)有限公司 信息流页面加载方法及装置
CN107315804A (zh) * 2017-06-26 2017-11-03 北京金山安全软件有限公司 图片加载方法、装置和电子设备
CN107463313A (zh) * 2017-08-10 2017-12-12 四川长虹电器股份有限公司 一种预加载列表的方法
CN107766155A (zh) * 2017-10-23 2018-03-06 北京京东尚科信息技术有限公司 对象处理方法及系统
CN109948087B (zh) * 2017-12-05 2021-11-16 Oppo广东移动通信有限公司 网页资源的获取方法、装置及终端
CN108829809B (zh) * 2018-06-07 2021-05-07 南京尚网网络科技有限公司 一种信息展示方法及其终端设备、网络设备
CN109753328A (zh) * 2018-11-22 2019-05-14 广州市保伦电子有限公司 一种处理大批量终端展示的方法和存储介质
CN110433492A (zh) * 2019-08-09 2019-11-12 网易(杭州)网络有限公司 用户界面加载方法、装置、电子设备及介质
CN110609718A (zh) * 2019-09-23 2019-12-24 广州虎牙科技有限公司 图片加载方法、装置、电子设备及可读存储介质
CN111753235A (zh) * 2020-06-28 2020-10-09 北京小米松果电子有限公司 一种页面加载的方法、装置及存储介质
CN114546534B (zh) * 2022-02-28 2023-11-24 百果园技术(新加坡)有限公司 一种应用页面启动方法、装置、设备及介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102866993A (zh) * 2011-07-04 2013-01-09 联想(北京)有限公司 页面数据加载方法、及电子设备
CN103390014A (zh) * 2012-10-29 2013-11-13 爱乐活(北京)科技有限公司 一种社区帖子的发布方法和系统
CN103914219A (zh) * 2013-01-04 2014-07-09 深圳市金蝶中间件有限公司 页面控制方法和系统
CN104423784A (zh) * 2013-09-04 2015-03-18 腾讯科技(深圳)有限公司 一种页面显示的方法和装置
CN104933076A (zh) * 2014-03-20 2015-09-23 阿里巴巴集团控股有限公司 一种在页面中加载内容的方法及装置
CN105095200A (zh) * 2014-04-16 2015-11-25 北大方正集团有限公司 以瀑布流方式显示图片的方法和设备

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102346782A (zh) * 2011-10-25 2012-02-08 中兴通讯股份有限公司 在用户终端浏览器上按需显示图片的方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102866993A (zh) * 2011-07-04 2013-01-09 联想(北京)有限公司 页面数据加载方法、及电子设备
CN103390014A (zh) * 2012-10-29 2013-11-13 爱乐活(北京)科技有限公司 一种社区帖子的发布方法和系统
CN103914219A (zh) * 2013-01-04 2014-07-09 深圳市金蝶中间件有限公司 页面控制方法和系统
CN104423784A (zh) * 2013-09-04 2015-03-18 腾讯科技(深圳)有限公司 一种页面显示的方法和装置
CN104933076A (zh) * 2014-03-20 2015-09-23 阿里巴巴集团控股有限公司 一种在页面中加载内容的方法及装置
CN105095200A (zh) * 2014-04-16 2015-11-25 北大方正集团有限公司 以瀑布流方式显示图片的方法和设备

Also Published As

Publication number Publication date
CN106294609A (zh) 2017-01-04

Similar Documents

Publication Publication Date Title
CN106294609B (zh) 页面加载方法及装置
CN107153541B (zh) 浏览交互处理方法及装置
CN106527867B (zh) 移动悬浮层界面的方法及装置
CN109683714B (zh) 多媒体资源管理方法、装置及存储介质
EP3561691B1 (en) Method and apparatus for displaying webpage content
US11704001B2 (en) Method and device for displaying web page content
CN108108418B (zh) 图片管理方法、装置及存储介质
CN111680521A (zh) 一种翻译处理方法、装置和用于翻译处理的装置
CN112256169B (zh) 内容展示方法、装置、电子设备及存储介质
EP3364285A1 (en) Method, apparatus, computer program and storage medium for updating information
CN113542886B (zh) 一种视频播放方法、装置和用于播放视频的装置
US11474689B2 (en) Method and apparatus for obtaining content
CN105786944B (zh) 浏览器自动翻页的处理方法和装置
CN110968364B (zh) 添加快捷插件的方法、装置及智能设备
CN106504295B (zh) 渲染图片的方法及装置
CN111381737B (zh) 停靠栏显示方法、装置及存储介质
CN112584222A (zh) 视频处理方法和装置、用于视频处理的装置
CN107729098B (zh) 用户界面显示方法及装置
CN106775210B (zh) 壁纸更换的方法和装置
CN111859209A (zh) 内容显示方法、装置和存储介质
CN107179837B (zh) 输入方法及装置
CN107168969B (zh) 一种页面元素控制方法、装置及电子设备
CN107679205B (zh) 多媒体数据播放方法、装置、计算机设备及存储介质
CN106951171B (zh) 虚拟现实头盔的控制方法和装置
CN115963929A (zh) Vr显示方法、装置及存储介质

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant