CN107515947A - 图片加载方法及其*** - Google Patents
图片加载方法及其*** Download PDFInfo
- Publication number
- CN107515947A CN107515947A CN201710794468.6A CN201710794468A CN107515947A CN 107515947 A CN107515947 A CN 107515947A CN 201710794468 A CN201710794468 A CN 201710794468A CN 107515947 A CN107515947 A CN 107515947A
- Authority
- CN
- China
- Prior art keywords
- pictures
- pagefile
- picture
- loaded
- page
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
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)
- Information Transfer Between Computers (AREA)
Abstract
本公开提供了一种图片加载方法,该方法包括:获取包含有至少一张图片的页面文件;确定至少一张图片在页面文件中的布局;以及在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片。本公开还提供了一种图片加载***以及一种非易失性存储介质和一种计算机***。
Description
技术领域
本公开涉及网络技术领域,更具体地,涉及一种图片加载方法及其***、以及一种非易失性存储介质和一种计算机***。
背景技术
互联网发展日新月异,随着智能手机的发展,通过超文本标记语言(HyperTextMarkup Language,简称为HTML)和Javascript语言,以及层叠样式表(Cascading StyleSheets,简称为CSS)进行混合编程开发的HTML5应用大行其道,用户可以很方便的通过移动客户端访问HTML5应用,随着HTML5应用功能越来越复杂,单个页面展示的信息也越来越丰富,通常包括文字、布局和图片信息以及音频、视频。
目前,相关技术中提供了多种HTML5应用图片加载的方案。然而,在实现本公开实施例的过程中,发明人发现相关技术中至少存在如下问题:在实现图片加载的过程中,图片加载的顺序不可控。
针对相关技术中的上述问题,目前还未提出有效的解决方案。
发明内容
有鉴于此,本公开提供了一种图片加载方法及图片加载***。
本公开的一方面提供了一种图片加载方法,包括:获取包含有至少一张图片的页面文件;确定上述至少一张图片在上述页面文件中的布局;以及在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,按序加载上述至少一张图片中的每张图片。
根据本公开的实施例,确定上述至少一张图片在上述页面文件中的布局包括:确定上述至少一张图片中的每张图片在上述页面文件中的显示顺序;获取上述至少一张图片中的每张图片的图片地址;以及将获取的图片地址按照上述显示顺序排列成图片地址序列。
根据本公开的实施例,在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,按序加载上述至少一张图片中的每张图片包括:在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,使用单个线程按序加载上述至少一张图片中的每张图片。
根据本公开的实施例,在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,按序加载上述至少一张图片中的每张图片包括:在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,使用多个线程按序加载上述至少一张图片中的每张图片。
根据本公开的实施例,在使用多个线程按序加载上述至少一张图片中的每张图片时:上述多个线程是同步运行的;和/或在上述多个线程中的至少一个线程中,上述至少一张图片中对应线程内的图片是按照其在上述页面文件中布局的前后顺序而先后加载到与上述页面文件对应的页面中的。
本公开的另一方面提供了一种图片加载***,包括:获取模块,用于获取包含有至少一张图片的页面文件;确定模块,用于确定上述至少一张图片在上述页面文件中的布局;以及加载模块,用于在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,按序加载上述至少一张图片中的每张图片。
根据本公开的实施例,上述确定模块包括:确定单元,用于确定上述至少一张图片中的每张图片在上述页面文件中的显示顺序;获取单元,用于获取上述至少一张图片中的每张图片的图片地址;以及排列单元,用于将获取的图片地址按照上述显示顺序排列成图片地址序列。
根据本公开的实施例,上述加载模块还用于在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,使用单个线程按序加载上述至少一张图片中的每张图片。
根据本公开的实施例,上述加载模块还用于在加载上述页面文件对应的页面的过程中,根据确定出的上述至少一张图片在上述页面文件中的布局,使用多个线程按序加载上述至少一张图片中的每张图片。
根据本公开的实施例,上述多个线程是同步运行的;和/或在上述多个线程中的至少一个线程中,上述至少一张图片中对应线程内的图片是按照其在上述页面文件中布局的前后顺序而先后加载到与上述页面文件对应的页面中的。
本公开的另一方面提供了一种非易失性存储介质,存储有计算机可执行指令,上述指令在被处理器执行时用于实现上述任一项所述的图片加载方法。
本公开的另一方面提供了一种计算机***,包括:存储器,用于存储计算机可执行指令;以及处理器,用于执行上述指令以实现上述任一项所述的图片加载方法。
根据本公开的实施例,由于在实现图片加载的过程中,采用获取包含有至少一张图片的页面文件,确定至少一张图片在页面文件中的布局,进而根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片的技术方案,可以至少部分地克服相关技术提供的方案在实现图片加载的过程中,图片加载的顺序不可控的技术问题,并因此可以实现控制图片按序加载的技术效果。
附图说明
通过以下参照附图对本公开实施例的描述,本公开的上述以及其他目的、特征和优点将更为清楚,在附图中:
图1示意性示出了根据本公开实施例的可以应用图片加载方法及其***的示例性***架构;
图2示意性示出了根据本公开实施例的图片加载方法的流程图;
图3示意性示出了根据本公开实施例的确定至少一张图片在页面文件中的布局的流程图;
图4A示意性示出了相关技术的图片加载的效果图;
图4B示意性示出了根据本公开实施例的图片加载的效果图;
图5示意性示出了根据本公开实施例的图片加载***的框图;
图6示意性示出了根据本公开实施例的确定模块的框图;以及
图7示意性示出了应用本公开实施例的适于实现图片加载方法及其***的计算机***的框图。
具体实施方式
以下,将参照附图来描述本公开的实施例。但是应该理解,这些描述只是示例性的,而并非要限制本公开的范围。此外,在以下说明中,省略了对公知结构和技术的描述,以避免不必要地混淆本公开的概念。
在此使用的术语仅仅是为了描述具体实施例,而并非意在限制本公开。这里使用的词语“一”、“一个(种)”和“该”等也应包括“多个”、“多种”的意思,除非上下文另外明确指出。此外,在此使用的术语“包括”、“包含”等表明了特征、步骤、操作和/或部件的存在,但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。
在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义,除非另外定义。应注意,这里使用的术语应解释为具有与本说明书的上下文相一致的含义,而不应以理想化或过于刻板的方式来解释。
附图中示出了一些方框图和/或流程图。应理解,方框图和/或流程图中的一些方框或其组合可以由计算机程序指令来实现。这些计算机程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,从而这些指令在由该处理器执行时可以创建用于实现这些方框图和/或流程图中所说明的功能/操作的装置。
因此,本公开的技术可以硬件和/或软件(包括固件、微代码等)的形式来实现。另外,本公开的技术可以采取存储有指令的计算机可读介质上的计算机程序产品的形式,该计算机程序产品可供指令执行***使用或者结合指令执行***使用。在本公开的上下文中,计算机可读介质可以是能够包含、存储、传送、传播或传输指令的任意介质。例如,计算机可读介质可以包括但不限于电、磁、光、电磁、红外或半导体***、装置、器件或传播介质。计算机可读介质的具体示例包括:磁存储装置,如磁带或硬盘(HDD);光存储装置,如光盘(CD-ROM);存储器,如随机存取存储器(RAM)或闪存;和/或有线/无线通信链路。
在使用类似于“A、B和C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B和C中至少一个的***”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的***等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下,一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如,“具有A、B或C中至少一个的***”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的***等)。本领域技术人员还应理解,实质上任意表示两个或更多可选项目的转折连词和/或短语,无论是在说明书、权利要求书还是附图中,都应被理解为给出了包括这些项目之一、这些项目任一方、或两个项目的可能性。例如,短语“A或B”应当被理解为包括“A”或“B”、或“A和B”的可能性。
本公开的实施例提供了一种图片加载方法及其***。该方法包括获取包含有至少一张图片的页面文件,确定至少一张图片在页面文件中的布局,进而在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片。
图1示意性示出了根据本公开实施例的可以应用图片加载方法及其***的示例性***架构。
如图1所示,根据该实施例的***架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等,在此不再赘述。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对用户利用终端设备101、102、103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理,并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。
需要说明的是,本公开实施例所提供的图片加载方法一般可以由服务器105执行。相应地,本公开实施例所提供的图片加载***一般可以设置于服务器105中。本公开实施例所提供的图片加载方法也可以由不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群执行。相应地,本公开实施例所提供的图片加载***也可以设置于不同于服务器105且能够与终端设备101、102、103和/或服务器105通信的服务器或服务器集群中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
互联网发展日新月异,随着智能手机的发展,通过HTML和Javascript语言,以及CSS进行混合编程开发的HTML5应用因其具备跨平台、无需安装、节省流量等优势而大行其道。用户可以很方便的通过手机端或PC访问HTML5应用。随着HTML5应用功能越来越复杂,单个页面所要展示的信息也越来越多,会出现以下场景:当用户打开HTML5应用时,通常希望先看到应用的第一页面(首屏)中的图片,然后再翻看除首屏之外的其他页面中的图片,即在图片加载过程中能够控制图片按序加载,避免首屏中图片加载时间过长,甚至尚未加载完成其他页面中的图片却已经加载完成等严重影响用户体验的问题。而本公开提供的技术方案可以应用到这种场景中,控制页面中的图片按序加载。
图2示意性示出了根据本公开实施例的图片加载方法的流程图。
本公开的一方面提供了一种图片加载方法。
如图2所示,该图片加载方法可以包括操作S201~S203,其中:
在操作S201,获取包含有至少一张图片的页面文件。
需要说明的是,页面可以是HTML5应用的页面,包括但不限于打开应用时位于应用首页的首屏页面和/或除首屏之外的其他页面,页面展示的内容包括但不限于文字、布局和图片信息以及音频视频信息,对至少包含一张图片的任一页面,获取与页面对应的页面文件,该页面可以是存储在服务器端的页面,用户打开HTML5应用的页面时,将存储在服务器上的图片加载到本地,实现对页面的浏览。
在操作S202,确定至少一张图片在页面文件中的布局。
需要说明的是,根据获取的页面文件,确定页面文件中各图片在页面文件中的布局,如先后顺序,获取各图片在服务器上的存储地址,如可以是统一资源定位符(UniformResource Identity简称为URL),根据该地址可以找到各图片在服务器中的位置。
在操作S203,在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片。
需要说明的是,在将存储在服务器端的页面上的图片加载到本地的过程中,根据各图片在页面文件中的布局,按顺序加载各图片,使得用户在打开HTML5应用的页面时,可以先看到首屏的图片,然后再翻看下一页中的图片。
通过本公开的实施例,由于在实现图片加载的过程中,采用获取包含有至少一张图片的页面文件,确定至少一张图片在页面文件中的布局,进而根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片的技术方案,可以至少部分地克服相关技术提供的方案在实现图片加载的过程中,图片加载的顺序不可控的技术问题,并因此可以实现控制图片按序加载的技术效果。
图3示意性示出了根据本公开实施例的确定至少一张图片在页面文件中的布局的流程图。
在该实施例中,该图片加载方法除了可以包括上文参考图2所对应的实施例中描述的操作S201~S203之外,操作S202还可以包括操作S301~S303。为了描述的简洁起见,这里省略对操作S201~S203的描述。如图3所示,其中:
在操作S301,确定至少一张图片中的每张图片在页面文件中的显示顺序。
在操作S302,获取至少一张图片中的每张图片的图片地址。
在操作S303,将获取的图片地址按照显示顺序排列成图片地址序列。
需要说明的是,确定至少一张图片在页面文件中的布局可以通过服务器或客户端编程语言(如Java,PHP等)或者网页浏览器端脚本语言(如Javascript),经过逻辑编程实现生成图片资源序列,该图片资源序列可以是编程语言的数组、Map等形式,不局限于Javascript语言以及Javascript语言的各类衍生版本,如ECMAScript以及FlashActionScript等浏览器端脚本语言,只有能实现生成图片资源序列的目的即可,在此不做限定。
通过本公开的实施例,由于采用生成图片地址序列的技术方案,克服相关技术中图片加载顺序不可控的技术问题,实现图片加载顺序可控的技术效果,使得用户体验更好。
根据本公开的实施例,在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片包括:在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,使用单个线程按序加载至少一张图片中的每张图片。
例如,用户通过手机端HTML应用对某电脑详情页面进行浏览时,在加载电脑详情页面文件对应的页面的过程中,可以使用单线程按照该详情页面中各图片的显示顺序,加载完一张图片后再加载下一张图片。
通过本公开的实施例,由于采用单线程按确定出的至少一张图片在页面文件中的布局依次加载至少一张图片中的每张图片的技术方案,可以在网络资源有限的条件下,实现加载线程数量的控制,避免由于加载线程过多并发导致的网络阻塞,从而实现了加载线程的可控,页面展示流畅,用时少,提升用户的体验。
根据本公开的实施例,在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片包括:在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,使用多个线程按序加载至少一张图片中的每张图片。
例如,用户通过手机端HTML应用对某电脑详情页面进行浏览时,在加载电脑详情页面文件对应的页面的过程中,当加载的图片数量较多,加载任务多时,单线程加载的方式显然不能满足加载的需要,可以使用多线程按照该详情页面中各图片的显示顺序,加载页面中的每张图片。
通过本公开的实施例,由于采用多线程按确定出的至少一张图片在页面文件中的布局依次加载至少一张图片中的每张图片的技术方案,可以提高图片加载的效率,克服相关技术中用户打开页面时导致等待时间过长影响用户体验的技术问题,实现提高用户体验的技术效果。
根据本公开的实施例,在使用多个线程按序加载至少一张图片中的每张图片时,多个线程是同步运行的;和/或在多个线程中的至少一个线程中,至少一张图片中对应线程内的图片是按照其在页面文件中布局的前后顺序而先后加载到与页面文件对应的页面中的。
需要说明的是,每个线程包含一个递归函数,通过递归函数可以实现一个加载图片的任务后,继续执行下一个加载图片的任务加载第二张图片,以下简称为递归任务。每个线程独立运行一套独立的递归任务,所有递归任务可以公用一个计数器,当每个递归任务开始运行时计数器会累加,并将计数器作为参数传递给下一个递归任务,从而实现多个递归任务按照图片地址序列的顺序进行加载。
例如递归逻辑简要描述如下:当加载任务开始时,初始化计数器数值,根据计数器数值,访问图片地址序列,判断该图片地址是否存在,若存在,则找到对应的图片资源加载该图片资源,此时,计数器累加,当图片资源加载完成后,继续执行下一张图片的加载任务。
考虑到递归任务中会遇到耗时,异常阻塞等问题,本公开的实施例在递归任务中通过延时回调方法(如可以是setTimeout),可以避免耗时不均或阻塞导致的加载进度缓慢的问题。
例如延时回调方法简要描述如下:通过Javascript编程语言在递归任务内注册延时,这个延时相当于给加载过程一个空档期,在空档期内递归任务可以继续加载任务,从而完成所有延时方法的注册。通过延时可以是1~10ms,回调方法内的递归任务执行加载的过程中,都是按照设定的延时周期执行的,因此对递归任务没有阻塞,部分克服了耗时不均或阻塞导致的加载进度缓慢的问题。
通过本公开的实施例,由于采用在多个线程中的至少一个线程中,至少一张图片中对应线程内的图片是按照其在页面文件中布局的前后顺序而先后加载到与页面文件对应的页面中的计算方案,实现线程内加载图片按照图片地址序列的顺序加载,达到按序加载的技术效果。
下面参考图4A和图4B,对本公开实施例的图片加载方法做进一步的说明。
图4A示意性示出了相关技术的图片加载的效果图。如图4A所示,在相关技术中,通过自然加载(即通过网页浏览器自带规则和逻辑进行图片加载)的方式来实现HTML页面上图片的加载。在时间轴上的图片资源以相对并行(多线程)的方式加载,多线程加载数据依赖网页浏览器底层的规则,线程数量在各浏览器中不是统一的,图片完全加载并呈现的方式依赖于图片文件的大小(字节数)和所在图片队列的位置,同一服务器中的图片,字节小的加载速度比字节大的加载速度快,假设一个页面有10张图片,位于首屏的第1张图片500kb,位于首屏之后的第10张图片1kb,那么会出现首屏中的图片尚未加载完成,而首屏之后的图片先加载完成的情况。用户通常希望先看到首屏图片,再翻看下一页面上的图片,而这是相关技术提供的图片自然加载方式无法实现的。
相比之下,图4B示意性示出了根据本公开实施例的图片加载的效果图。如图4B所示,通过本公开的实施例,由于在实现图片加载的过程中,在获取包含有至少一张图片的页面文件之后,确定至少一张图片在页面文件中的布局,进而根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片,实现了图片加载的顺序可控的技术效果,精准有效地控制图片加载的顺序,达到了提升用户体验的技术效果。
本公开的另一方面提供了一种图片加载***。
图5示意性示出了根据本公开实施例的图片加载的***的框图。
在该实施例中,该图片加载***500可以包括获取模块501、确定模块502、加载模块503。该图片加载***500可以执行上面参考图2~图3描述的图片加载的方法。如图5所示,其中:
获取模块501用于获取包含有至少一张图片的页面文件。
确定模块502用于确定至少一张图片在页面文件中的布局。
加载模块503用于在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片。
需要说明的是,页面可以是HTML5应用的页面,包括但不限于打开应用时位于应用首页的首屏页面和/或除首屏之外的其他页面,页面展示的内容包括但不限于文字、布局和图片信息以及音频视频信息,对至少包含一张图片的任一页面,获取与页面对应的页面文件,该页面可以是存储在服务器端的页面,用户打开HTML5应用的页面时,将存储在服务器上的图片加载到本地,实现对页面的浏览。
需要说明的是,根据获取的页面文件,确定页面文件中各图片在页面文件中的布局,如先后顺序,获取各图片在服务器上的存储地址,如可以是统一资源定位符(UniformResource Identity简称为URL),根据该地址可以找到各图片在服务器中的位置。
需要说明的是,在将存储在服务器端的页面上的图片加载到本地的过程中,根据各图片在页面文件中的布局,按顺序加载各图片,使得用户在打开HTML5应用的页面时,可以先看到首屏的图片,然后再翻看下一页中的图片。
通过本公开的实施例,由于在实现图片加载的过程中,采用获取包含有至少一张图片的页面文件,确定至少一张图片在页面文件中的布局,进而根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片的技术方案,可以至少部分地克服相关技术提供的方案在实现图片加载的过程中,图片加载的顺序不可控的技术问题,并因此可以实现控制图片按序加载的技术效果。
图6示意性示出了根据本公开实施例的确定模块的框图。
在该实施例中,该确定模块502可以包括确定单元601、获取单元602、排列单元603。如图6所示,其中:
确定单元601用于确定至少一张图片中的每张图片在页面文件中的显示顺序。
获取单元602用于获取至少一张图片中的每张图片的图片地址。
排列单元603用于将获取的图片地址按照显示顺序排列成图片地址序列。
通过本公开的实施例,由于采用生成图片地址序列的技术方案,克服相关技术中图片加载顺序不可控的技术问题,实现图片加载顺序可控的技术效果,使得用户体验更好。
根据本公开的实施例,加载模块还用于在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,使用单个线程按序加载至少一张图片中的每张图片。
通过本公开的实施例,由于采用单线程按确定出的至少一张图片在页面文件中的布局依次加载至少一张图片中的每张图片的技术方案,可以在网络资源有限的条件下,实现加载线程数量的控制,避免由于加载线程过多并发导致的网络阻塞,从而实现了加载线程的可控,页面展示流畅,用时少,提升用户的体验。
根据本公开的实施例,加载模块还用于在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,使用多个线程按序加载至少一张图片中的每张图片。
通过本公开的实施例,由于采用多线程按确定出的至少一张图片在页面文件中的布局依次加载至少一张图片中的每张图片的技术方案,可以提高图片加载的效率,克服相关技术中用户打开页面时导致等待时间过长影响用户体验的技术问题,实现提高用户体验的技术效果。
根据本公开的实施例,在使用多个线程按序加载至少一张图片中的每张图片时,多个线程是同步运行的;和/或在多个线程中的至少一个线程中,至少一张图片中对应线程内的图片是按照其在页面文件中布局的前后顺序而先后加载到与页面文件对应的页面中的。
通过本公开的实施例,由于采用在多个线程中的至少一个线程中,至少一张图片中对应线程内的图片是按照其在页面文件中布局的前后顺序而先后加载到与页面文件对应的页面中的计算方案,实现线程内加载图片按照图片地址序列的顺序加载,达到按序加载的技术效果。
根据本公开的实施例,提供了一种非易失性存储介质,存储有计算机可执行指令,指令在被处理器执行时用于实现上述任一项所述的图片加载方法。
根据本公开的实施例,提供了一种计算机***,包括:存储器,用于存储计算机可执行指令;以及处理器,用于执行指令以实现上述任一项所述的图片加载方法。
图7示意性示出了应用本公开实施例的适于实现图片加载方法及其***的计算机***的框图。图7示出的计算机***仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图7所示,根据本公开实施例的计算机***700包括处理器701,其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。处理器701例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如,专用集成电路(ASIC)),等等。处理器701还可以包括用于缓存用途的板载存储器。处理器701可以包括用于执行参考图2~图3描述的根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。
在RAM 703中,存储有***700操作所需的各种程序和数据。处理器701、ROM 702以及RAM 703通过总线704彼此相连。处理器701通过执行ROM 702和/或RAM 703中的程序来执行以上参考图2~图3描述的图片加载的各种操作。需要注意,程序也可以存储在除ROM 702和RAM 703以外的一个或多个存储器中。处理器701也可以通过执行存储在一个或多个存储器中的程序来执行以上参考图2~图3描述的图片加载的各种操作。
根据本公开的实施例,***700还可以包括输入/输出(I/O)接口705,输入/输出(I/O)接口705也连接至总线704。***700还可以包括连接至I/O接口705的以下部件中的一项或多项:包括键盘、鼠标等的输入部分706;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707;包括硬盘等的存储部分708;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器710上,以便于从其上读出的计算机程序根据需要被安装入存储部分708。
根据本公开的实施例,上文参考流程图描述的方法可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分709从网络上被下载和安装,和/或从可拆卸介质711被安装。在该计算机程序被处理器701执行时,执行本公开实施例的***中限定的上述功能。根据本公开的实施例,上文描述的***、设备、装置、模块、单元等可以通过计算机程序模块来实现。
需要说明的是,本公开所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。根据本公开的实施例,计算机可读介质可以包括上文描述的ROM 702和/或RAM 703和/或ROM 702和RAM 703以外的一个或多个存储器。
附图中的流程图和框图,图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
作为另一方面,本公开还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备执行一种图片加载方法,包括:获取包含有至少一张图片的页面文件,确定至少一张图片在页面文件中的布局以及在加载页面文件对应的页面的过程中,根据确定出的至少一张图片在页面文件中的布局,按序加载至少一张图片中的每张图片。
以上对本公开的实施例进行了描述。但是,这些实施例仅仅是为了说明的目的,而并非为了限制本公开的范围。尽管在以上分别描述了各实施例,但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围,本领域技术人员可以做出多种替代和修改,这些替代和修改都应落在本公开的范围之内。
Claims (12)
1.一种图片加载方法,包括:
获取包含有至少一张图片的页面文件;
确定所述至少一张图片在所述页面文件中的布局;以及
在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,按序加载所述至少一张图片中的每张图片。
2.根据权利要求1所述的方法,其中,确定所述至少一张图片在所述页面文件中的布局包括:
确定所述至少一张图片中的每张图片在所述页面文件中的显示顺序;
获取所述至少一张图片中的每张图片的图片地址;以及
将获取的图片地址按照所述显示顺序排列成图片地址序列。
3.根据权利要求1所述的方法,其中,在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,按序加载所述至少一张图片中的每张图片包括:
在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,使用单个线程按序加载所述至少一张图片中的每张图片。
4.根据权利要求1所述的方法,其中,在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,按序加载所述至少一张图片中的每张图片包括:
在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,使用多个线程按序加载所述至少一张图片中的每张图片。
5.根据权利要求4所述的方法,其中,在使用多个线程按序加载所述至少一张图片中的每张图片时:
所述多个线程是同步运行的;和/或
在所述多个线程中的至少一个线程中,所述至少一张图片中对应线程内的图片是按照其在所述页面文件中布局的前后顺序而先后加载到与所述页面文件对应的页面中的。
6.一种图片加载***,包括:
获取模块,用于获取包含有至少一张图片的页面文件;
确定模块,用于确定所述至少一张图片在所述页面文件中的布局;以及
加载模块,用于在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,按序加载所述至少一张图片中的每张图片。
7.根据权利要求6所述的***,其中,所述确定模块包括:
确定单元,用于确定所述至少一张图片中的每张图片在所述页面文件中的显示顺序;
获取单元,用于获取所述至少一张图片中的每张图片的图片地址;以及
排列单元,用于将获取的图片地址按照所述显示顺序排列成图片地址序列。
8.根据权利要求6所述的***,其中,所述加载模块还用于:
在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,使用单个线程按序加载所述至少一张图片中的每张图片。
9.根据权利要求6所述的***,其中,所述加载模块还用于:
在加载所述页面文件对应的页面的过程中,根据确定出的所述至少一张图片在所述页面文件中的布局,使用多个线程按序加载所述至少一张图片中的每张图片。
10.根据权利要求9所述的***,其中,在使用多个线程按序加载所述至少一张图片中的每张图片时:
所述多个线程是同步运行的;和/或
在所述多个线程中的至少一个线程中,所述至少一张图片中对应线程内的图片是按照其在所述页面文件中布局的前后顺序而先后加载到与所述页面文件对应的页面中的。
11.一种非易失性存储介质,存储有计算机可执行指令,所述指令在被处理器执行时用于实现权利要求1至5中任一项所述的图片加载方法。
12.一种计算机***,包括:
存储器,用于存储计算机可执行指令;以及
处理器,用于执行所述指令以实现权利要求1至5中任一项所述的图片加载方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710794468.6A CN107515947A (zh) | 2017-09-05 | 2017-09-05 | 图片加载方法及其*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710794468.6A CN107515947A (zh) | 2017-09-05 | 2017-09-05 | 图片加载方法及其*** |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107515947A true CN107515947A (zh) | 2017-12-26 |
Family
ID=60723913
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710794468.6A Pending CN107515947A (zh) | 2017-09-05 | 2017-09-05 | 图片加载方法及其*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107515947A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108509287A (zh) * | 2018-04-11 | 2018-09-07 | 北京知道创宇信息技术有限公司 | 请求状态管理方法、装置、电子设备及可读存储介质 |
WO2019192155A1 (zh) * | 2018-04-02 | 2019-10-10 | 北京大米科技有限公司 | 交互界面呈现方法、客户端、终端及*** |
CN112202865A (zh) * | 2020-09-25 | 2021-01-08 | 北京微步在线科技有限公司 | 一种图片下载方法及装置 |
CN117909019A (zh) * | 2024-03-19 | 2024-04-19 | 四川九阵科技股份有限公司 | 一种动态界面展示方法、装置、电子设备及介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102222062A (zh) * | 2010-04-19 | 2011-10-19 | 腾讯数码(天津)有限公司 | 即时通信***用户空间页面个性化设置方法及其装置 |
US20130018887A1 (en) * | 2011-07-11 | 2013-01-17 | Octavio Cesar Silva | Image Viewer System |
CN105023285A (zh) * | 2014-04-25 | 2015-11-04 | 腾讯科技(深圳)有限公司 | 图片拆分方法和装置、图片加载方法和装置 |
CN105608152A (zh) * | 2015-12-17 | 2016-05-25 | 无锡天脉聚源传媒科技有限公司 | 一种网页资源异步加载的方法及装置 |
CN107122402A (zh) * | 2017-03-22 | 2017-09-01 | 广东神马搜索科技有限公司 | 网页图片的提取方法、装置、客户端装置和电子设备 |
-
2017
- 2017-09-05 CN CN201710794468.6A patent/CN107515947A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102222062A (zh) * | 2010-04-19 | 2011-10-19 | 腾讯数码(天津)有限公司 | 即时通信***用户空间页面个性化设置方法及其装置 |
US20130018887A1 (en) * | 2011-07-11 | 2013-01-17 | Octavio Cesar Silva | Image Viewer System |
CN105023285A (zh) * | 2014-04-25 | 2015-11-04 | 腾讯科技(深圳)有限公司 | 图片拆分方法和装置、图片加载方法和装置 |
CN105608152A (zh) * | 2015-12-17 | 2016-05-25 | 无锡天脉聚源传媒科技有限公司 | 一种网页资源异步加载的方法及装置 |
CN107122402A (zh) * | 2017-03-22 | 2017-09-01 | 广东神马搜索科技有限公司 | 网页图片的提取方法、装置、客户端装置和电子设备 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2019192155A1 (zh) * | 2018-04-02 | 2019-10-10 | 北京大米科技有限公司 | 交互界面呈现方法、客户端、终端及*** |
CN108509287A (zh) * | 2018-04-11 | 2018-09-07 | 北京知道创宇信息技术有限公司 | 请求状态管理方法、装置、电子设备及可读存储介质 |
CN108509287B (zh) * | 2018-04-11 | 2020-09-29 | 北京知道创宇信息技术股份有限公司 | 请求状态管理方法、装置、电子设备及可读存储介质 |
CN112202865A (zh) * | 2020-09-25 | 2021-01-08 | 北京微步在线科技有限公司 | 一种图片下载方法及装置 |
CN117909019A (zh) * | 2024-03-19 | 2024-04-19 | 四川九阵科技股份有限公司 | 一种动态界面展示方法、装置、电子设备及介质 |
CN117909019B (zh) * | 2024-03-19 | 2024-06-11 | 四川九阵科技股份有限公司 | 一种动态界面展示方法、装置、电子设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107515947A (zh) | 图片加载方法及其*** | |
CN108874810B (zh) | 信息采集的方法和装置 | |
CN107656768A (zh) | 控制页面跳转的方法及其*** | |
CN107844371A (zh) | 任务处理方法、***及电子设备 | |
CN103823841B (zh) | 提高移动终端客户端浏览速度的方法及其装置 | |
CN104978358B (zh) | 桌面展示网页片段的方法及截取网页片段至桌面展示*** | |
CN109634609B (zh) | 动态弹窗的显示方法、***、设备及存储介质 | |
CN107451162A (zh) | 网络资源访问设备、混合设备及方法 | |
CN110554874A (zh) | 用于复用SaaS平台网页组件的方法和装置 | |
CN110020329A (zh) | 用于生成网页的方法、装置和*** | |
CN104995601A (zh) | 切换到本机网页应用程序及从本机网页应用程序切换离开 | |
CN110362304A (zh) | 网页显示的方法和装置 | |
CN110263279B (zh) | 页面生成方法、装置、电子设备和计算机可读存储介质 | |
CN106874519A (zh) | 页面展现方法和装置 | |
WO2020216310A1 (zh) | 用于生成应用的方法、终端设备和计算机可读介质 | |
CN109558323A (zh) | 用于调试页面的***、方法和装置 | |
CN110020376A (zh) | 数据联动方法和*** | |
CN109002282A (zh) | 一种在web页面开发中实现动画效果的方法和装置 | |
JP2023548485A (ja) | 情報表示方法、装置、電子機器及びコンピュータ可読記憶媒体 | |
CN109840116A (zh) | 一种加载资源文件的方法和装置 | |
CN109597956A (zh) | 页面显示方法和装置 | |
CN109582317A (zh) | 用于调试寄宿应用的方法和装置 | |
CN104156421B (zh) | 页面的展现方法、装置及*** | |
CN109992177A (zh) | 电子设备的用户交互方法、***、电子设备及计算机介质 | |
CN109857473A (zh) | 一种页面数据的加载方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
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: 20171226 |