CN107515947A - picture loading method and its system - Google Patents
picture loading method and its system 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
Abstract
Present disclose provides a kind of picture loading method, this method includes：Obtain the pagefile for including an at least pictures；It is determined that layout of at least pictures in pagefile；And during the page corresponding to loading page file, according to layout of at least pictures in pagefile determined, sequentially load every pictures in an at least pictures.The disclosure additionally provides a kind of picture loading system and a kind of non-volatile memory medium and a kind of computer system.
Description
Technical field
This disclosure relates to network technique field, more particularly, to a kind of picture loading method and its system and one kind
Non-volatile memory medium and a kind of computer system.
Background technology
Internet development is maked rapid progress, and with the development of smart mobile phone, passes through HTML (HyperText
Markup Language, referred to as HTML) and Javascript language, and CSS (Cascading Style
Sheets, referred to as CSS) carry out hybrid programming exploitation HTML5 application propagate its belief on a large scale, user can very easily pass through movement
Client accesses HTML5 applications, and as HTML5 application functions become increasingly complex, the information of single page presentation is also more and more richer
Richness, generally include word, layout and pictorial information and audio, video.
At present, the scheme of a variety of HTML5 applications picture loadings is provided in correlation technique.However, realizing disclosure reality
During applying example, inventor has found that at least there are the following problems in correlation technique：During picture loading is realized, picture
The order of loading is uncontrollable.
For the above mentioned problem in correlation technique, effective solution is not proposed also at present.
The content of the invention
In view of this, present disclose provides a kind of picture loading method and picture loading system.
The one side of the disclosure provides a kind of picture loading method, including：Obtain the page for including an at least pictures
Face file；Determine above-mentioned layout of at least pictures in above-mentioned pagefile；It is and corresponding loading above-mentioned pagefile
The page during, according to above-mentioned layout of at least pictures in above-mentioned pagefile determined, sequentially in loading
State every pictures in an at least pictures.
In accordance with an embodiment of the present disclosure, determine that above-mentioned layout of at least pictures in above-mentioned pagefile includes：Really
Display order of every pictures in above-mentioned pagefile in a fixed above-mentioned at least pictures；Obtain an above-mentioned at least pictures
In every pictures picture address；And the picture address of acquisition is arranged in picture address sequence according to above-mentioned display order
Row.
In accordance with an embodiment of the present disclosure, during the page corresponding to above-mentioned pagefile is loaded, according to what is determined
Above-mentioned layout of at least pictures in above-mentioned pagefile, sequentially loads every pictures bag in an above-mentioned at least pictures
Include：During the page corresponding to above-mentioned pagefile is loaded, according to the above-mentioned at least pictures determined in above-mentioned page
Layout in the file of face, every pictures in an above-mentioned at least pictures are sequentially loaded using single thread.
In accordance with an embodiment of the present disclosure, during the page corresponding to above-mentioned pagefile is loaded, according to what is determined
Above-mentioned layout of at least pictures in above-mentioned pagefile, sequentially loads every pictures bag in an above-mentioned at least pictures
Include：During the page corresponding to above-mentioned pagefile is loaded, according to the above-mentioned at least pictures determined in above-mentioned page
Layout in the file of face, every pictures in an above-mentioned at least pictures are sequentially loaded using multiple threads.
In accordance with an embodiment of the present disclosure, every pictures in an above-mentioned at least pictures are sequentially loaded using multiple threads
When：Above-mentioned multiple threads are synchronous operation；And/or at least one thread in above-mentioned multiple threads, above-mentioned at least one
Corresponded in pictures the picture in thread be according to the tandem that it is laid out in above-mentioned pagefile and successively be loaded into
In the page corresponding to above-mentioned pagefile.
Another aspect of the present disclosure provides a kind of picture loading system, including：Acquisition module, for obtain include to
The pagefile of few pictures；Determining module, for determining above-mentioned layout of at least pictures in above-mentioned pagefile；
And load-on module, for during the page corresponding to above-mentioned pagefile is loaded, according to above-mentioned at least one determined
Layout of the pictures in above-mentioned pagefile, sequentially load every pictures in an above-mentioned at least pictures.
In accordance with an embodiment of the present disclosure, above-mentioned determining module includes：Determining unit, for determining an above-mentioned at least pictures
In display order of every pictures in above-mentioned pagefile；Acquiring unit, for obtaining in an above-mentioned at least pictures
Picture address per pictures；And arrangement units, for the picture address of acquisition to be arranged in into figure according to above-mentioned display order
Piece address sequence.
In accordance with an embodiment of the present disclosure, above-mentioned load-on module is additionally operable to loading the mistake of the page corresponding to above-mentioned pagefile
Cheng Zhong, according to above-mentioned layout of at least pictures in above-mentioned pagefile determined, sequentially loaded using single thread
Every pictures in an above-mentioned at least pictures.
In accordance with an embodiment of the present disclosure, above-mentioned load-on module is additionally operable to loading the mistake of the page corresponding to above-mentioned pagefile
Cheng Zhong, according to above-mentioned layout of at least pictures in above-mentioned pagefile determined, sequentially loaded using multiple threads
Every pictures in an above-mentioned at least pictures.
In accordance with an embodiment of the present disclosure, above-mentioned multiple threads are synchronous operation；And/or in above-mentioned multiple threads extremely
In a few thread, the picture corresponded in an above-mentioned at least pictures in thread is laid out according to it in above-mentioned pagefile
Tandem and successively be loaded into the page corresponding with above-mentioned pagefile.
Another aspect of the present disclosure provides a kind of non-volatile memory medium, is stored with computer executable instructions, on
Instruction is stated when being executed by processor for realizing the picture loading method described in any of the above-described.
Another aspect of the present disclosure provides a kind of computer system, including：Memory, it can perform for storing computer
Instruction；And processor, for performing above-mentioned instruction to realize the picture loading method described in any of the above-described.
In accordance with an embodiment of the present disclosure, due to during picture loading is realized, including at least one using acquisition
The pagefile of picture, it is determined that layout of at least pictures in pagefile, and then according at least one figure determined
Layout of the piece in pagefile, the technical scheme of every pictures in an at least pictures is sequentially loaded, can be at least partly
Ground overcomes the scheme that correlation technique provides, and the uncontrollable technology of order of picture loading is asked during picture loading is realized
Topic, and therefore can realize the technique effect that control picture sequentially loads.
Brief description of the drawings
By the description to the embodiment of the present disclosure referring to the drawings, the above-mentioned and other purposes of the disclosure, feature and
Advantage will be apparent from, in the accompanying drawings：
Fig. 1 diagrammatically illustrates can apply the exemplary of picture loading method and its system according to the embodiment of the present disclosure
System architecture；
Fig. 2 diagrammatically illustrates the flow chart of the picture loading method according to the embodiment of the present disclosure；
Fig. 3 is diagrammatically illustrated according to layout of the determination at least pictures in pagefile of the embodiment of the present disclosure
Flow chart；
Fig. 4 A diagrammatically illustrate the design sketch of the picture loading of correlation technique；
Fig. 4 B diagrammatically illustrate the design sketch loaded according to the picture of the embodiment of the present disclosure；
Fig. 5 diagrammatically illustrates the block diagram of the picture loading system according to the embodiment of the present disclosure；
Fig. 6 diagrammatically illustrates the block diagram of the determining module according to the embodiment of the present disclosure；And
Fig. 7 diagrammatically illustrates is adapted for carrying out picture loading method and its computer of system using the embodiment of the present disclosure
The block diagram of system.
Embodiment
Hereinafter, it will be described with reference to the accompanying drawings embodiment of the disclosure.However, it should be understood that these descriptions are simply exemplary
, and it is not intended to limit the scope of the present disclosure.In addition, in the following description, the description to known features and technology is eliminated, with
Avoid unnecessarily obscuring the concept of the disclosure.
Term as used herein is not intended to limit the disclosure just for the sake of description specific embodiment.Used here as
Word " one ", " one (kind) " and "the" etc. should also include " multiple ", the meaning of " a variety of ", unless context clearly refers in addition
Go out.In addition, term " comprising " as used herein, "comprising" etc. indicate the presence of feature, step, operation and/or part, still
It is not precluded from existing or adds one or more other features, step, operation or parts.
All terms (including technology and scientific terminology) as used herein have what those skilled in the art were generally understood
Implication, unless otherwise defined.It should be noted that term used herein should be interpreted that with consistent with the context of this specification
Implication, without should by idealization or it is excessively mechanical in a manner of explain.
Shown in the drawings of some block diagrams and/or flow chart.It should be understood that some sides in block diagram and/or flow chart
Frame or its combination can be realized by computer program instructions.These computer program instructions can be supplied to all-purpose computer,
The processor of special-purpose computer or other programmable data processing units, so as to which these instructions can be with when by the computing device
Create the device for realizing function/operation illustrated in these block diagrams and/or flow chart.
Therefore, the technology of the disclosure can be realized in the form of hardware and/or software (including firmware, microcode etc.).Separately
Outside, the technology of the disclosure can take the form of the computer program product on the computer-readable medium for being stored with instruction, should
Computer program product is available for instruction execution system use or combined command execution system to use.In the context of the disclosure
In, computer-readable medium can be the arbitrary medium that can include, store, transmit, propagate or transmit instruction.For example, calculate
Machine computer-readable recording medium can include but is not limited to electricity, magnetic, optical, electromagnetic, infrared or semiconductor system, device, device or propagation medium.
The specific example of computer-readable medium includes：Magnetic memory apparatus, such as tape or hard disk (HDD)；Light storage device, such as CD
(CD-ROM)；Memory, such as random access memory (RAM) or flash memory；And/or wire/wireless communication link.
, in general should be according to this using in the case of being similar to that " in A, B and C etc. at least one " is such and stating
Art personnel are generally understood that the implication of the statement to make an explanation (for example, " having system at least one in A, B and C "
Should include but is not limited to individually with A, individually with B, individually with C, with A and B, with A and C, with B and C, and/or
System with A, B, C etc.).Using in the case of being similar to that " in A, B or C etc. at least one " is such and stating, it is general come
Say be generally understood that the implication of the statement to make an explanation (for example, " having in A, B or C at least according to those skilled in the art
The system of one " should include but is not limited to individually with A, individually with B, individually with C, with A and B, with A and C, with
B and C, and/or system etc. with A, B, C).It should also be understood by those skilled in the art that substantially arbitrarily represent two or more
The adversative conjunction and/or phrase of optional project, either in specification, claims or accompanying drawing, shall be construed as
Give including one of these projects, the possibility of these projects either one or two projects.For example, " A or B " should for phrase
It is understood to include " A " or " B " or " A and B " possibility.
Embodiment of the disclosure provides a kind of picture loading method and its system.This method includes at least including acquisition
The pagefile of one pictures, it is determined that layout of at least pictures in pagefile, and then it is corresponding in loading page file
The page during, according to layout of at least pictures in pagefile determined, sequentially load at least one figure
Every pictures in piece.
Fig. 1 diagrammatically illustrates can apply the exemplary of picture loading method and its system according to the embodiment of the present disclosure
System architecture.
As shown in figure 1, terminal device 101,102,103, network can be included according to the system architecture 100 of the embodiment
104 and server 105.Network 104 is to the offer communication link between terminal device 101,102,103 and server 105
Medium.Network 104 can include various connection types, such as wired, wireless communication link or fiber optic cables etc..
User can be interacted with using terminal equipment 101,102,103 by network 104 with server 105, to receive or send out
Send message etc..Various telecommunication customer end applications, such as the application of shopping class, net can be installed on terminal device 101,102,103
The application of page browsing device, searching class application, JICQ, mailbox client, social platform software etc., will not be repeated here.
Terminal device 101,102,103 can have a display screen and a various electronic equipments that supported web page browses, bag
Include but be not limited to smart mobile phone, tablet personal computer, pocket computer on knee and desktop computer etc..
Server 105 can be to provide the server of various services, such as utilize terminal device 101,102,103 to user
The website browsed provides the back-stage management server (merely illustrative) supported.Back-stage management server can be to the use that receives
The data such as family request analyze etc. processing, and by result (such as according to user's acquisition request or the webpage of generation, believe
Breath or data etc.) feed back to terminal device.
It should be noted that the picture loading method that the embodiment of the present disclosure is provided can typically be performed by server 105.
Correspondingly, the picture loading system that the embodiment of the present disclosure is provided can be typically arranged in server 105.The embodiment of the present disclosure
The picture loading method provided can also by different from server 105 and can with terminal device 101,102,103 and/or clothes
The server or server cluster that business device 105 communicates perform.Correspondingly, the picture loading system that the embodiment of the present disclosure is provided
It can be arranged at different from server 105 and the service that can be communicated with terminal device 101,102,103 and/or server 105
In device or server cluster.
It should be understood that the number of the terminal device, network and server in Fig. 1 is only schematical.According to realizing need
Will, can have any number of terminal device, network and server.
Internet development is maked rapid progress, with the development of smart mobile phone, by HTML and Javascript language, and
CSS carry out hybrid programming exploitation HTML5 apply because it possess it is cross-platform, without installation, save the advantage such as flow and big row its
Road.User very easily can be applied by mobile phone terminal or pc access HTML5.It is single as HTML5 application functions become increasingly complex
The individual page information to be shown is also more and more, it may appear that following scene：When user opens HTML5 applications, it is often desirable that
First see the picture in the first page (head screen) of application, the picture in other pages then leafed through again in addition to first shield, i.e.,
In picture loading procedure picture can be controlled sequentially to load, avoid the picture load time in first shield long, or even not yet load
Complete the picture in other pages and but load the problem of completion etc. has a strong impact on Consumer's Experience.And the technology that the disclosure provides
Scheme may apply in this scene, control the picture in the page sequentially to load.
Fig. 2 diagrammatically illustrates the flow chart of the picture loading method according to the embodiment of the present disclosure.
The one side of the disclosure provides a kind of picture loading method.
As shown in Fig. 2 the picture loading method can include operation S201~S203, wherein：
In operation S201, the pagefile for including an at least pictures is obtained.
It should be noted that the page can be the page of HTML5 applications, positioned at application when including but not limited to opening application
The first screen page and/or other pages in addition to first shield of homepage, the content of page presentation include but is not limited to word, layout and
Pictorial information and audio and video information, to any page including at least a pictures, obtain page text corresponding with the page
Part, the page can be stored in the page of server end, when user opens the page of HTML5 applications, will be stored in server
On picture be loaded into local, realize and the page browsed.
S202 is being operated, it is determined that layout of at least pictures in pagefile.
It should be noted that according to the pagefile of acquisition, cloth of each picture in pagefile in pagefile is determined
Office, such as sequencing obtains the storage address of each picture on the server, such as can be URL (Uniform
Resource Identity are referred to as URL), the position of each picture in the server can be found according to the address.
S203 is being operated, during the page corresponding to loading page file, according at least pictures determined
Layout in pagefile, sequentially load every pictures in an at least pictures.
It should be noted that during the picture being stored on the page of server end is loaded into local, according to
Layout of each picture in pagefile, loads each picture in order so that user, can when opening the page of HTML5 applications
First to see the picture of first screen, the picture in lower one page of then leafing through again.
By embodiment of the disclosure, due to during picture loading is realized, including at least one using acquisition
The pagefile of picture, it is determined that layout of at least pictures in pagefile, and then according at least one figure determined
Layout of the piece in pagefile, the technical scheme of every pictures in an at least pictures is sequentially loaded, can be at least partly
Ground overcomes the scheme that correlation technique provides, and the uncontrollable technology of order of picture loading is asked during picture loading is realized
Topic, and therefore can realize the technique effect that control picture sequentially loads.
Fig. 3 is diagrammatically illustrated according to layout of the determination at least pictures in pagefile of the embodiment of the present disclosure
Flow chart.
In this embodiment, the picture loading method is except that can include retouching above with reference in the embodiment corresponding to Fig. 2
Outside the operation S201~S203 stated, operation S202 can also include operation S301~S303.For description for purpose of brevity, this
In omit to operate S201~S203 description.As shown in figure 3, wherein：
S301 is being operated, it is determined that display order of the every pictures in an at least pictures in pagefile.
The picture address of every pictures in operation S302, an acquisition at least pictures.
In operation S303, the picture address of acquisition is arranged in picture address sequence according to display order.
It should be noted that determine that layout of at least pictures in pagefile can pass through server or client
Programming language (such as Java, PHP etc.) or web browser end script (such as Javascript), are realized by programming in logic
Picture resource sequence is generated, the picture resource sequence can be the forms such as the array of programming language, Map, be not limited to
All kinds of derived versions of Javascript language and Javascript language, such as ECMAScript and Flash
The browser end script such as ActionScript, the purpose of generation picture resource sequence can be only realized, is not done herein
Limit.
By embodiment of the disclosure, due to the technical scheme using generation picture address sequence, overcome in correlation technique
The uncontrollable technical problem of picture loading sequence, realize the controllable technique effect of picture loading sequence so that Consumer's Experience is more preferable.
In accordance with an embodiment of the present disclosure, during the page corresponding to loading page file, according to determining at least
Layout of one pictures in pagefile, the every pictures sequentially loaded in an at least pictures include：In loading page text
During the page corresponding to part, according to layout of at least pictures in pagefile determined, single thread is used
Sequentially load every pictures in an at least pictures.
For example, user is applied by mobile phone terminal HTML when being browsed to certain computer details page, in loading computer details
During the page corresponding to pagefile, single thread can be used to add according to the display order of each picture in the details page
Next pictures are reloaded after having carried a pictures.
By embodiment of the disclosure, due to using single thread by least pictures determined in pagefile
Layout loads the technical scheme of every pictures in an at least pictures successively, can be real under conditions of Internet resources are limited
The control of number of threads is now loaded, is avoided due to the excessive concurrent caused network congestion of loading thread, it is achieved thereby that loaded line
Journey it is controllable, page presentation is smooth, and the used time is few, lifts the experience of user.
In accordance with an embodiment of the present disclosure, during the page corresponding to loading page file, according to determining at least
Layout of one pictures in pagefile, the every pictures sequentially loaded in an at least pictures include：In loading page text
During the page corresponding to part, according to layout of at least pictures in pagefile determined, multiple threads are used
Sequentially load every pictures in an at least pictures.
For example, user is applied by mobile phone terminal HTML when being browsed to certain computer details page, in loading computer details
During the page corresponding to pagefile, when the picture number of loading is more, when loading tasks are more, the mode of single thread loading
Obviously the needs of loading can not be met, multithreading can be used according to the display order of each picture in the details page, loaded page
Every pictures in face.
By embodiment of the disclosure, due to using multithreading by least pictures determined in pagefile
Layout loads the technical scheme of every pictures in an at least pictures successively, can improve the efficiency of picture loading, overcome phase
Cause the stand-by period long technical problem for influenceing Consumer's Experience when user opens the page in the technology of pass, realize and improve Consumer's Experience
Technique effect.
In accordance with an embodiment of the present disclosure, in every pictures during an at least pictures are sequentially loaded using multiple threads,
Multiple threads are synchronous operation；And/or at least one thread in multiple threads, thread is corresponded in an at least pictures
Interior picture is successively to be loaded into according to the tandem that it is laid out in pagefile in the page corresponding with pagefile
's.
It should be noted that each thread includes a recursive function, a loading figure can be realized by recursive function
After the task of piece, continue executing with next Loading Image for task and load the second pictures, hereinafter referred to as recurrence task.Each
The a set of independent recurrence task of thread independent operating, all recurrence tasks can be with a public counters, when each recurrence task
The hour counter that brings into operation can add up, and pass to next recurrence task using counter as parameter, so as to realize multiple pass
Task is returned to be loaded according to the order of picture address sequence.
Such as recurrence logic is briefly described below：When loading tasks start, initialization counter numerical value, according to counter
Numerical value, access picture address sequence, judge that the picture address whether there is, if in the presence of, find corresponding to picture resource loading
The picture resource, now, counter adds up, and after the completion of picture resource loading, continues executing with the loading tasks of next pictures.
Time-consuming in view of that can be run into recurrence task, abnormal the problems such as blocking, embodiment of the disclosure is in recurrence task
By the callback method that is delayed (such as can be setTimeout), load progress caused by can avoiding time-consuming uneven or obstruction be slow
The problem of.
Such as delay callback method is briefly described below：Registered and prolonged in recurrence task by Javascript programming languages
When, this delay is equivalent to one neutral gear phase of loading procedure, and recurrence task can continue loading tasks within the neutral gear phase, so as to
Complete the registration of all time-delay methods.Can be 1~10ms by delay, the mistake of the recurrence tasks carrying loading in callback method
Cheng Zhong, performed according to the delay cycle of setting, therefore recurrence task do not blocked, partly overcome it is time-consuming uneven or
The problem of load progress is slow caused by obstruction.
Pass through embodiment of the disclosure, due to using at least one thread in multiple threads, an at least pictures
Picture in middle corresponding thread is successively loaded into and pagefile pair according to the tandem that it is laid out in pagefile
Numerical procedure in the page answered, the order loading to be Loaded Image in thread according to picture address sequence is realized, reaches and sequentially adds
The technique effect of load.
Below with reference to Fig. 4 A and Fig. 4 B, the picture loading method of the embodiment of the present disclosure is described further.
Fig. 4 A diagrammatically illustrate the design sketch of the picture loading of correlation technique.As shown in Figure 4 A, in the related art, lead to
Realized by way of crossing nature loading (carry rule web browser and logic carries out picture loading) on html page
The loading of picture.Picture resource on a timeline is loaded in a manner of relatively parallel (multithreading), multithreading load data according to
Rely the rule of web browser bottom, number of threads is not side unified, that picture is loaded and presented completely in each browser
Formula is dependent on the size (byte number) of picture file and the position of place picture queue, the picture in same server, and byte is small
Loading velocity it is bigger than byte loading velocity it is fast, it is assumed that a page has 10 pictures, positioned at head screen the 1st pictures
500kb, the 10th pictures 1kb after first shield, then occur that the picture in first screen not yet loads completions, and head screens
Picture afterwards first loads the situation of completion.User it is generally desirable to first see first screen picture, then the picture on next page of leafing through, and
This is that the picture nature load mode that correlation technique provides can not be realized.
By contrast, Fig. 4 B diagrammatically illustrate the design sketch loaded according to the picture of the embodiment of the present disclosure.Such as Fig. 4 B institutes
Show, by embodiment of the disclosure, due to during picture loading is realized, including the page of an at least pictures in acquisition
After the file of face, it is determined that layout of at least pictures in pagefile, and then existed according at least pictures determined
Layout in pagefile, every pictures in an at least pictures are sequentially loaded, the order for realizing picture loading is controllable
Technique effect, the order of picture loading is precisely efficiently controlled, reached the technique effect of lifting Consumer's Experience.
Another aspect of the present disclosure provides a kind of picture loading system.
Fig. 5 diagrammatically illustrates the block diagram of the system loaded according to the picture of the embodiment of the present disclosure.
In this embodiment, the picture loading system 500 can include acquisition module 501, determining module 502, loading mould
Block 503.The picture loading system 500 can perform the method loaded above with reference to Fig. 2~Fig. 3 pictures described.Such as Fig. 5 institutes
Show, wherein：
Acquisition module 501 is used to obtain the pagefile for including an at least pictures.
Determining module 502 is used to determine layout of at least pictures in pagefile.
Load-on module 503 is used for during the page corresponding to loading page file, according at least one determined
Layout of the picture in pagefile, sequentially load every pictures in an at least pictures.
It should be noted that the page can be the page of HTML5 applications, positioned at application when including but not limited to opening application
The first screen page and/or other pages in addition to first shield of homepage, the content of page presentation include but is not limited to word, layout and
Pictorial information and audio and video information, to any page including at least a pictures, obtain page text corresponding with the page
Part, the page can be stored in the page of server end, when user opens the page of HTML5 applications, will be stored in server
On picture be loaded into local, realize and the page browsed.
It should be noted that according to the pagefile of acquisition, cloth of each picture in pagefile in pagefile is determined
Office, such as sequencing obtains the storage address of each picture on the server, such as can be URL (Uniform
Resource Identity are referred to as URL), the position of each picture in the server can be found according to the address.
It should be noted that during the picture being stored on the page of server end is loaded into local, according to
Layout of each picture in pagefile, loads each picture in order so that user, can when opening the page of HTML5 applications
First to see the picture of first screen, the picture in lower one page of then leafing through again.
By embodiment of the disclosure, due to during picture loading is realized, including at least one using acquisition
The pagefile of picture, it is determined that layout of at least pictures in pagefile, and then according at least one figure determined
Layout of the piece in pagefile, the technical scheme of every pictures in an at least pictures is sequentially loaded, can be at least partly
Ground overcomes the scheme that correlation technique provides, and the uncontrollable technology of order of picture loading is asked during picture loading is realized
Topic, and therefore can realize the technique effect that control picture sequentially loads.
Fig. 6 diagrammatically illustrates the block diagram of the determining module according to the embodiment of the present disclosure.
In this embodiment, the determining module 502 can include determining that unit 601, acquiring unit 602, arrangement units
603.As shown in fig. 6, wherein：
Display order of every pictures in pagefile that determining unit 601 is used to determine in an at least pictures.
Acquiring unit 602 is used for the picture address for obtaining every pictures in an at least pictures.
Arrangement units 603 are used to the picture address of acquisition being arranged in picture address sequence according to display order.
By embodiment of the disclosure, due to the technical scheme using generation picture address sequence, overcome in correlation technique
The uncontrollable technical problem of picture loading sequence, realize the controllable technique effect of picture loading sequence so that Consumer's Experience is more preferable.
In accordance with an embodiment of the present disclosure, load-on module is additionally operable to during the page corresponding to loading page file, root
According to layout of at least pictures in pagefile determined, sequentially loaded in an at least pictures using single thread
Per pictures.
By embodiment of the disclosure, due to using single thread by least pictures determined in pagefile
Layout loads the technical scheme of every pictures in an at least pictures successively, can be real under conditions of Internet resources are limited
The control of number of threads is now loaded, is avoided due to the excessive concurrent caused network congestion of loading thread, it is achieved thereby that loaded line
Journey it is controllable, page presentation is smooth, and the used time is few, lifts the experience of user.
In accordance with an embodiment of the present disclosure, load-on module is additionally operable to during the page corresponding to loading page file, root
According to layout of at least pictures in pagefile determined, sequentially loaded in an at least pictures using multiple threads
Per pictures.
By embodiment of the disclosure, due to using multithreading by least pictures determined in pagefile
Layout loads the technical scheme of every pictures in an at least pictures successively, can improve the efficiency of picture loading, overcome phase
Cause the stand-by period long technical problem for influenceing Consumer's Experience when user opens the page in the technology of pass, realize and improve Consumer's Experience
Technique effect.
In accordance with an embodiment of the present disclosure, in every pictures during an at least pictures are sequentially loaded using multiple threads,
Multiple threads are synchronous operation；And/or at least one thread in multiple threads, thread is corresponded in an at least pictures
Interior picture is successively to be loaded into according to the tandem that it is laid out in pagefile in the page corresponding with pagefile
's.
Pass through embodiment of the disclosure, due to using at least one thread in multiple threads, an at least pictures
Picture in middle corresponding thread is successively loaded into and pagefile pair according to the tandem that it is laid out in pagefile
Numerical procedure in the page answered, the order loading to be Loaded Image in thread according to picture address sequence is realized, reaches and sequentially adds
The technique effect of load.
In accordance with an embodiment of the present disclosure, there is provided a kind of non-volatile memory medium, computer executable instructions are stored with,
Instruction is when being executed by processor for realizing the picture loading method described in any of the above-described.
In accordance with an embodiment of the present disclosure, there is provided a kind of computer system, including：Memory, can for storing computer
Execute instruction；And processor, for execute instruction to realize the picture loading method described in any of the above-described.
Fig. 7 diagrammatically illustrates is adapted for carrying out picture loading method and its computer of system using the embodiment of the present disclosure
The block diagram of system.Computer system shown in Fig. 7 is only an example, to the function of the embodiment of the present disclosure and should not use model
Shroud carrys out any restrictions.
As shown in fig. 7, including processor 701 according to the computer system 700 of the embodiment of the present disclosure, it can be according to storage
Program in read-only storage (ROM) 702 is loaded into random access storage device (RAM) 703 from storage part 708
Program and perform various appropriate actions and processing.Processor 701 can for example include general purpose microprocessor (such as CPU), refer to
Make set processor and/or related chip group and/or special microprocessor (for example, application specific integrated circuit (ASIC)), etc..Processing
Device 701 can also include being used for the onboard storage device for caching purposes.Processor 701 can include being used to perform with reference to 2~Fig. 3 of figure
Single treatment unit either multiple processing units of the different actions of the method flow according to the embodiment of the present disclosure of description.
In RAM 703, it is stored with system 700 and operates required various programs and data.Processor 701, ROM 702 with
And RAM 703 is connected with each other by bus 704.Processor 701 is held by performing the program in ROM 702 and/or RAM 703
The various operations that row loads above with reference to Fig. 2~Fig. 3 pictures described.It is noted that program can also be stored in except ROM 702
In one or more memories beyond RAM 703.Processor 701 can also be stored in one or more storages by performing
Program in device performs the various operations loaded above with reference to Fig. 2~Fig. 3 pictures described.
In accordance with an embodiment of the present disclosure, system 700 can also include input/output (I/O) interface 705, input/output
(I/O) interface 705 is also connected to bus 704.System 700 can also include be connected to I/O interfaces 705 with one in lower component
Item is multinomial：Importation 706 including keyboard, mouse etc.；Including such as cathode-ray tube (CRT), liquid crystal display (LCD)
Deng and loudspeaker etc. output par, c 707；Storage part 708 including hard disk etc.；And including such as LAN card, modulatedemodulate
Adjust the communications portion 709 of the NIC of device etc..Communications portion 709 performs communication process via the network of such as internet.
Driver 710 is also according to needing to be connected to I/O interfaces 705.Detachable media 711, such as disk, CD, magneto-optic disk, semiconductor
Memory etc., it is arranged on as needed on driver 710, in order to which the computer program read from it is pacified as needed
Load storage part 708.
In accordance with an embodiment of the present disclosure, it may be implemented as computer software journey above with reference to the method for flow chart description
Sequence.For example, embodiment of the disclosure includes a kind of computer program product, it includes carrying meter on a computer-readable medium
Calculation machine program, the computer program include the program code for being used for the method shown in execution flow chart.In such embodiments,
The computer program can be downloaded and installed by communications portion 709 from network, and/or be pacified from detachable media 711
Dress.When the computer program is performed by processor 701, the above-mentioned function of being limited in the system of the embodiment of the present disclosure is performed.Root
According to embodiment of the disclosure, system as described above, unit, module, unit etc. can by computer program module come
Realize.
It should be noted that the computer-readable medium shown in the disclosure can be computer-readable signal media or meter
Calculation machine readable storage medium storing program for executing either the two any combination.Computer-readable recording medium for example can be --- but not
Be limited to --- electricity, magnetic, optical, electromagnetic, system, device or the device of infrared ray or semiconductor, or it is any more than combination.Meter
The more specifically example of calculation machine readable storage medium storing program for executing can include but is not limited to：Electrical connection with one or more wires, just
Take formula computer disk, hard disk, random access storage device (RAM), read-only storage (ROM), erasable type and may be programmed read-only storage
Device (EPROM or flash memory), optical fiber, portable compact disc read-only storage (CD-ROM), light storage device, magnetic memory device,
Or above-mentioned any appropriate combination.In the disclosure, computer-readable recording medium can any include or store journey
The tangible medium of sequence, the program can be commanded the either device use or in connection of execution system, device.And at this
In open, computer-readable signal media can be included in a base band or the data-signal as carrier wave part propagation,
Wherein carry computer-readable program code.The data-signal of this propagation can take various forms, including but unlimited
In electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be that computer can
Any computer-readable medium beyond storage medium is read, the computer-readable medium, which can send, propagates or transmit, to be used for
By instruction execution system, device either device use or program in connection.Included on computer-readable medium
Program code can be transmitted with any appropriate medium, be included but is not limited to：Wirelessly, electric wire, optical cable, RF etc., or it is above-mentioned
Any appropriate combination.In accordance with an embodiment of the present disclosure, computer-readable medium can include above-described ROM 702
And/or one or more memories beyond RAM 703 and/or ROM 702 and RAM 703.
Flow chart and block diagram in accompanying drawing, it is illustrated that according to the system of the various embodiments of the disclosure, method and computer journey
Architectural framework in the cards, function and the operation of sequence product.At this point, each square frame in flow chart or block diagram can generation
The part of one module of table, program segment or code, a part for above-mentioned module, program segment or code include one or more
For realizing the executable instruction of defined logic function.It should also be noted that some as replace realization in, institute in square frame
The function of mark can also be with different from the order marked in accompanying drawing generation.For example, two square frames succeedingly represented are actual
On can perform substantially in parallel, they can also be performed in the opposite order sometimes, and this is depending on involved function.Also
It is noted that the combination of each square frame and block diagram in block diagram or flow chart or the square frame in flow chart, can use and perform rule
Fixed function or the special hardware based system of operation are realized, or can use the group of specialized hardware and computer instruction
Close to realize.
As on the other hand, the disclosure additionally provides a kind of computer-readable medium, and the computer-readable medium can be
Included in equipment described in above-described embodiment；Can also be individualism, and without be incorporated the equipment in.Above-mentioned calculating
Machine computer-readable recording medium carries one or more program, when said one or multiple programs are performed by the equipment, makes
Obtain the equipment and perform a kind of picture loading method, including：The pagefile for including an at least pictures is obtained, it is determined that at least one
Layout of the pictures in pagefile and during the page corresponding to loading page file, according to determining at least
Layout of one pictures in pagefile, sequentially load every pictures in an at least pictures.
Embodiment of the disclosure is described above.But the purpose that these embodiments are merely to illustrate that, and
It is not intended to limit the scope of the present disclosure.Although respectively describing each embodiment more than, but it is not intended that each reality
Use can not be advantageously combined by applying the measure in example.The scope of the present disclosure is defined by the appended claims and the equivalents thereof.Do not take off
From the scope of the present disclosure, those skilled in the art can make a variety of alternatives and modifications, and these alternatives and modifications should all fall at this
Within scope of disclosure.
Claims (12)
1. a kind of picture loading method, including：
Obtain the pagefile for including an at least pictures；
It is determined that the layout of at least pictures in the pagefile；And
During the page corresponding to the pagefile is loaded, an at least pictures are in the page according to determining
Layout in the file of face, sequentially every pictures described in loading in an at least pictures.
2. according to the method for claim 1, wherein it is determined that the layout of at least pictures in the pagefile
Including：
It is determined that display order of the every pictures in an at least pictures in the pagefile；
The picture address of every pictures in an at least pictures described in obtaining；And
The picture address of acquisition is arranged in picture address sequence according to the display order.
3. the method according to claim 11, wherein, during the page corresponding to the pagefile is loaded, according to
The layout of at least pictures in the pagefile determined, it is sequentially every in an at least pictures described in loading
Pictures include：
During the page corresponding to the pagefile is loaded, an at least pictures are in the page according to determining
Layout in the file of face, every pictures in an at least pictures are sequentially loaded using single thread.
4. the method according to claim 11, wherein, during the page corresponding to the pagefile is loaded, according to
The layout of at least pictures in the pagefile determined, it is sequentially every in an at least pictures described in loading
Pictures include：
During the page corresponding to the pagefile is loaded, an at least pictures are in the page according to determining
Layout in the file of face, every pictures in an at least pictures are sequentially loaded using multiple threads.
5. the method according to claim 11, wherein, in an at least pictures are sequentially loaded using multiple threads
During per pictures：
The multiple thread is synchronous operation；And/or
In at least one thread in the multiple thread, the picture that is corresponded in an at least pictures in thread be according to
Its tandem being laid out in the pagefile and successively be loaded into the page corresponding with the pagefile.
6. a kind of picture loading system, including：
Acquisition module, the pagefile of an at least pictures is included for obtaining；
Determining module, for determining the layout of at least pictures in the pagefile；And
Load-on module, for during the page corresponding to the pagefile is loaded, at least one according to determining
Layout of the pictures in the pagefile, sequentially every pictures described in loading in an at least pictures.
7. system according to claim 6, wherein, the determining module includes：
Determining unit, for determining display order of the every pictures in an at least pictures in the pagefile；
Acquiring unit, for obtaining the picture address of every pictures in an at least pictures；And
Arrangement units, for the picture address of acquisition to be arranged in into picture address sequence according to the display order.
8. system according to claim 6, wherein, the load-on module is additionally operable to：
During the page corresponding to the pagefile is loaded, an at least pictures are in the page according to determining
Layout in the file of face, every pictures in an at least pictures are sequentially loaded using single thread.
9. system according to claim 6, wherein, the load-on module is additionally operable to：
During the page corresponding to the pagefile is loaded, an at least pictures are in the page according to determining
Layout in the file of face, every pictures in an at least pictures are sequentially loaded using multiple threads.
10. system according to claim 9, wherein, in an at least pictures are sequentially loaded using multiple threads
Every pictures when：
The multiple thread is synchronous operation；And/or
In at least one thread in the multiple thread, the picture that is corresponded in an at least pictures in thread be according to
Its tandem being laid out in the pagefile and successively be loaded into the page corresponding with the pagefile.
11. a kind of non-volatile memory medium, is stored with computer executable instructions, the instruction is used when being executed by processor
In realizing the picture loading method any one of claim 1 to 5.
12. a kind of computer system, including：
Memory, for storing computer executable instructions；And
Processor, for performing described instruct to realize the picture loading method any one of claim 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710794468.6A CN107515947A (en) | 2017-09-05 | 2017-09-05 | picture loading method and its system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710794468.6A CN107515947A (en) | 2017-09-05 | 2017-09-05 | picture loading method and its system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107515947A true CN107515947A (en) | 2017-12-26 |
Family
ID=60723913
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710794468.6A Pending CN107515947A (en) | 2017-09-05 | 2017-09-05 | picture loading method and its system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107515947A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108509287A (en) * | 2018-04-11 | 2018-09-07 | 北京知道创宇信息技术有限公司 | Solicited status management method, device, electronic equipment and readable storage medium storing program for executing |
| WO2019192155A1 (en) * | 2018-04-02 | 2019-10-10 | 北京大米科技有限公司 | Interactive interface presenting method, client, terminal, and system |
| CN112202865A (en) * | 2020-09-25 | 2021-01-08 | 北京微步在线科技有限公司 | Picture downloading method and device |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102222062A (en) * | 2010-04-19 | 2011-10-19 | 腾讯数码（天津）有限公司 | User space page personalized setting method and device for instant messaging system |
| US20130018887A1 (en) * | 2011-07-11 | 2013-01-17 | Octavio Cesar Silva | Image Viewer System |
| CN105023285A (en) * | 2014-04-25 | 2015-11-04 | 腾讯科技（深圳）有限公司 | Image splitting method and device, image loading method and device |
| CN105608152A (en) * | 2015-12-17 | 2016-05-25 | 无锡天脉聚源传媒科技有限公司 | Method and device for asynchronously loading webpage resources |
| CN107122402A (en) * | 2017-03-22 | 2017-09-01 | 广东神马搜索科技有限公司 | Extracting method, device, client terminal device and the electronic equipment of Web page picture |
-
2017
- 2017-09-05 CN CN201710794468.6A patent/CN107515947A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102222062A (en) * | 2010-04-19 | 2011-10-19 | 腾讯数码（天津）有限公司 | User space page personalized setting method and device for instant messaging system |
| US20130018887A1 (en) * | 2011-07-11 | 2013-01-17 | Octavio Cesar Silva | Image Viewer System |
| CN105023285A (en) * | 2014-04-25 | 2015-11-04 | 腾讯科技（深圳）有限公司 | Image splitting method and device, image loading method and device |
| CN105608152A (en) * | 2015-12-17 | 2016-05-25 | 无锡天脉聚源传媒科技有限公司 | Method and device for asynchronously loading webpage resources |
| CN107122402A (en) * | 2017-03-22 | 2017-09-01 | 广东神马搜索科技有限公司 | Extracting method, device, client terminal device and the electronic equipment of Web page picture |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019192155A1 (en) * | 2018-04-02 | 2019-10-10 | 北京大米科技有限公司 | Interactive interface presenting method, client, terminal, and system |
| CN108509287A (en) * | 2018-04-11 | 2018-09-07 | 北京知道创宇信息技术有限公司 | Solicited status management method, device, electronic equipment and readable storage medium storing program for executing |
| CN108509287B (en) * | 2018-04-11 | 2020-09-29 | 北京知道创宇信息技术股份有限公司 | Request state management method and device, electronic equipment and readable storage medium |
| CN112202865A (en) * | 2020-09-25 | 2021-01-08 | 北京微步在线科技有限公司 | Picture downloading method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104995601B (en) | It is switched to the machine Web page application program and is switched away from from the machine Web page application program | |
| CN107656768A (en) | Control the method and its system of page jump | |
| CN103823841B (en) | Improve the method and its device of mobile terminal client terminal surfing | |
| CN110020329B (en) | Method, device and system for generating webpage | |
| CN106339414A (en) | Webpage rendering method and device | |
| CN109634609B (en) | Dynamic popup display method, system, equipment and storage medium | |
| CN110554874A (en) | Method and device for reusing webpage components of SaaS platform | |
| CN110362304A (en) | The method and apparatus of web displaying | |
| CN108021666A (en) | Page adaptation method and apparatus | |
| CN107515947A (en) | picture loading method and its system | |
| CN108874810A (en) | The method and apparatus of information collection | |
| CN107656911A (en) | Form processing method and its system | |
| CN109002282A (en) | A kind of method and apparatus for realizing animation effect in web page exploitation | |
| JP2023548485A (en) | Information display method, device, electronic device and computer readable storage medium | |
| WO2020216310A1 (en) | Method used for generating application, terminal device, and computer readable medium | |
| CN109582317A (en) | Method and apparatus for debugging boarding application | |
| CN108241689A (en) | Page resource acquisition methods, device and client device | |
| CN104156421B (en) | The page shows method, apparatus and system | |
| CN107766106A (en) | The method and apparatus for generating configuration file | |
| CN110263279B (en) | Page generation method and device, electronic equipment and computer readable storage medium | |
| CN109992177A (en) | User interaction approach, system, electronic equipment and the computer media of electronic equipment | |
| CN109840116A (en) | A kind of method and apparatus loading resource file | |
| CN106649299A (en) | Method and device for lazy loading of webpage block | |
| CN109597956A (en) | Page display method and device | |
| CN109857473A (en) | A kind of loading method and device of page data |
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 |