CN108228816A - A kind of loading method and device of waterfall flow graph piece - Google Patents
A kind of loading method and device of waterfall flow graph piece Download PDFInfo
- Publication number
- CN108228816A CN108228816A CN201711487224.XA CN201711487224A CN108228816A CN 108228816 A CN108228816 A CN 108228816A CN 201711487224 A CN201711487224 A CN 201711487224A CN 108228816 A CN108228816 A CN 108228816A
- Authority
- CN
- China
- Prior art keywords
- image
- page
- multiple image
- image data
- row
- 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
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Abstract
An embodiment of the present invention provides a kind of loading method and device of waterfall flow graph piece, the loading method includes：The image data load request for the page is sent to server；Receive multiple image data that the server returns, for described image data load requests；According to the multiple image data and the page, position mark of the corresponding multiple image of the multiple image data in the page is determined；The position mark of the multiple image data and the multiple image is stored into memory；According to the position mark of the multiple image, the multiple image is included in the form of waterfall stream in the page.Solve the problems, such as that caching array and rendering structure of arrays are skimble-scamble, caching and rendering can use same one-dimension array, and the one-dimension array in caching need not be converted to two-dimensional array by when rendering, simplify data structure, and new array need not be generated after page zoom-in and zoom-out, saves resource.
Description
Technical field
The present invention relates to field of communication technology, loading method and a kind of waterfall stream more particularly to a kind of waterfall flow graph piece
The loading device of picture.
Background technology
With the development of network technology, user can share the information on internet, web page browsing by web browser
The major function of device is for loading web data from internet and being rendered, then show webpage in display equipment.
In the information of internet mass, a large amount of picture resource is contained, in major website, webpage is usually with waterfall
Stream mode shows the information such as various pictures, and in waterfall stream, picture is rendered by row or by row, corresponding transverse direction waterfall stream,
Keep contour per the picture in a line, the overall width do not gone together is consistent, and for row to waterfall stream, the picture in each row is protected
Hold wide, the total height of different lines is consistent.In the existing rendering to waterfall stream, picture is converted to two by calculating first
Dimension group, outer layer array are used for representing row or column, and internal layer array is used for representing often capable or each column picture, and schemes in caching
Piece is cached with one-dimension array, this results in caching array and rendering structure of arrays disunity, and when rendering has to turn
It for two-dimensional array, needs to safeguard two arrays, and when waterfall stream page zoom-in and zoom-out, original two-dimensional array not reusable needs
Another two-dimensional array is regenerated, causes the wasting of resources.
Invention content
In view of the above problems, it is proposed that the present invention overcomes the above problem in order to provide one kind or solves at least partly
State a kind of loading method of waterfall flow graph piece of problem and a kind of corresponding loading device of waterfall flow graph piece.
One side according to the present invention provides a kind of loading method of waterfall flow graph piece, including：
The image data load request for the page is sent to server；
Receive multiple image data that the server returns, for described image data load requests；
According to the multiple image data and the page, determine the corresponding multiple image of the multiple image data in institute
State the position mark in the page；
The position mark of the multiple image data and the multiple image is stored into memory；
According to the position mark of the multiple image, the multiple image is included in the form of waterfall stream in the page
In.
Optionally, described the step of sending the image data load request for being directed to the page to server, includes：
Receive searching request of the user for the image of the page；
Searching request based on user generates image data load request；
Described image data load requests are sent to the server.
Optionally, the multiple image data include the size of the multiple image, and the page is shown including image
Show region, it is described according to the multiple image data and the page, determine the corresponding multiple image of the multiple image data
The step of position mark in the page, includes：
Obtain the size of the image display area of the page；
According to the size of the multiple image and the size of the display area, determine that the multiple image exists
The position mark of described image display area.
Optionally, the position mark of the multiple image include line number of the multiple image in the waterfall stream or
Row number, it is described according to the size of the multiple image and the size of described image display area, determine the multiframe
Image includes in the step of position of described image display area：
According to the multiple image height and width and, the height and width of described image display area determine institute
State line number or row number of the multiple image in described image display area.
Optionally, the position mark by the multiple image data and the multiple image is stored into memory
Step includes：
The multiple image is stored in the form of array into the memory；
According to line number or row number of the multiple image in described image display area, to each in the array
The corresponding line number of the corresponding image identification of element or row number.
Optionally, the position mark according to the multiple image shows the multiple image in the form of waterfall stream
Show that the step in the page includes：
The array is traversed, obtains the line number or row number of the corresponding image of each array element；
Waterfall stream renderer is called, according to often row or each column are corresponding in the line number either the row number reading page
Image；
By the multiple image, it is shown in the page in the form of waterfall stream according to line number or row number.
Optionally, it is described by the multiple image, the page is shown in the form of waterfall stream according to line number or row number
Step in face includes：
According to the width dimensions size of image each in often row image, the width dimensions size of display area and default cloth
Office determines position of each image in often row image in the often row image, alternatively, according to each image in each column image
Height dimension size, the height dimension size of display area and default layout, determine each image in each column image in institute
State the position in each column image；
And, each image in the corresponding often row image of the line number is in the often row image according to the line number
Position show the multiple image, alternatively, according to the row number and, it is each in the corresponding each column image of the row number
Position of the image in each column image shows the multiple image；
Optionally, it further includes：
When detecting the page zoom-in and zoom-out, the size of the image display area after the page zoom-in and zoom-out is obtained；
According to the size of the display area after the size of the multiple image and the page zoom-in and zoom-out, institute is determined
State position mark of the multiple image in described image display area.
According to another aspect of the present invention, a kind of loading device of waterfall flow graph piece is provided, including：
Load request sending module, for sending the image data load request for the page to server；
Receiving module, for receiving multiple images that the server returns, for described image data load requests
Data；
Position mark determining module, for according to the multiple image data and the page, determining the multiple image
Position mark of the corresponding multiple image of data in the page；
Memory module, for storing the position mark of the multiple image data and the multiple image to memory
In；
Display module, for the position mark according to the multiple image, by the multiple image in the form of waterfall stream
It is shown in the page.
Optionally, the load request sending module includes：
Searching request receiving submodule, for receiving searching request of the user for the image of the page；
Load request generates submodule, for the searching request based on user, generates image data load request；
Sending submodule, for described image data load requests to be sent to the server.
Optionally, the multiple image data include the size of the multiple image, and the page is shown including image
Show region, the position mark determining module includes：
Page-size acquisition submodule, for obtaining the size of the image display area of the page；
Position mark determination sub-module, for the size according to the multiple image and the size of the display area
Size determines position mark of the multiple image in described image display area.
Optionally, the position mark of the multiple image include line number of the multiple image in the waterfall stream or
Row number, the position mark determination sub-module include：
Line number or row number determination unit, and, described image shows for the height according to the multiple image and width
The height and width in region determine line number or row number of the multiple image in described image display area.
Optionally, the memory module includes：
Sub-module stored, for being stored the multiple image in the form of array into the memory；
Labeling submodule, it is right for the line number or row number according to the multiple image in described image display area
The corresponding line number of the corresponding image identification of each element or row number in the array.
Optionally, the display module includes：
Line number or row number acquisition submodule for traversing the array, obtain the corresponding image of each array element
Line number or row number；
For calling waterfall stream renderer, the page is read according to the line number or row number for image reading submodule
In often row or the corresponding image of each column；
Display sub-module, for by the multiple image, institute to be shown in the form of waterfall stream according to line number or row number
It states in the page.
Optionally, the display sub-module includes：
Position determination unit, for according to image each in every row image width dimensions size, the width of display area
Size and default layout, determine position of each image in often row image in the often row image, alternatively, according to every
The height dimension size of each image, the height dimension size of display area and default layout, determine each column image in row image
In position of each image in each column image；
Display unit, and, each image in the corresponding often row image of the line number is in institute for according to the line number
The position stated in every row image shows the multiple image, alternatively, according to the row number and, the corresponding each column of the row number
Position of each image in each column image in image shows the multiple image.
Optionally, it further includes：
Page zoom-in and zoom-out detection module, for when detecting the page zoom-in and zoom-out, obtaining the image after the page zoom-in and zoom-out
The size of display area；
Position mark redefines module, after the size according to the multiple image and the page zoom-in and zoom-out
The size of display area determines position mark of the multiple image in described image display area.
An embodiment of the present invention provides a kind of loading equipemtns of waterfall flow graph piece, including memory, processor and are stored in
On memory and the computer program that can run on a processor, the processor realize that the present invention is implemented when performing described program
The step of example the method.
An embodiment of the present invention provides a kind of computer readable storage mediums, are stored thereon with computer program, the program
The step of the method for the embodiment of the present invention is realized when being executed by processor.
The loading method of waterfall flow graph piece according to the present invention, can according to the multiple image data and the page,
Determine position mark of the corresponding multiple image of the multiple image data in the page；By the multiple image data and
The position mark of the multiple image is stored into memory, thus solves caching array and rendering structure of arrays disunity
The problem of, caching and rendering can use same one-dimension array, and the one-dimension array in caching need not be converted to two by when rendering
Dimension group simplifies data structure, and new array need not be generated after page zoom-in and zoom-out, saves resource.
Above description is only the general introduction of technical solution of the present invention, in order to better understand the technological means of the present invention,
And it can be implemented in accordance with the contents of the specification, and in order to allow above and other objects of the present invention, feature and advantage can
It is clearer and more comprehensible, below the special specific embodiment for lifting the present invention.
Description of the drawings
By reading the detailed description of hereafter preferred embodiment, it is various other the advantages of and benefit it is common for this field
Technical staff will become clear.Attached drawing is only used for showing the purpose of preferred embodiment, and is not considered as to the present invention
Limitation.And throughout the drawings, the same reference numbers will be used to refer to the same parts.In the accompanying drawings：
Fig. 1 shows a kind of step of the embodiment 1 of the loading method of waterfall flow graph piece according to an embodiment of the invention
Rapid flow chart；
Fig. 2 shows a kind of steps of the embodiment 2 of the loading method of waterfall flow graph piece according to an embodiment of the invention
Rapid flow chart；
Fig. 3 shows a kind of schematic diagram of the position mark of lateral waterfall flow graph piece according to an embodiment of the invention；
Fig. 4 shows a kind of structure diagram of the loading device of waterfall flow graph piece according to an embodiment of the invention.
Specific embodiment
The exemplary embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although the disclosure is shown in attached drawing
Exemplary embodiment, it being understood, however, that may be realized in various forms the disclosure without should be by embodiments set forth here
It is limited.On the contrary, these embodiments are provided to facilitate a more thoroughly understanding of the present invention, and can be by the scope of the present disclosure
Completely it is communicated to those skilled in the art.
With reference to Fig. 1, a kind of loading method embodiment 1 of waterfall flow graph piece according to an embodiment of the invention is shown
Flow chart of steps specifically may include steps of：
Step 101, the image data load request for the page is sent to server.
The embodiment of the present invention can be applied in electronic equipment of various, for example, PC, smart television etc..The electricity
The operating system of sub- equipment can include Android (Android), IOS, Windows etc., and can be equipped with, which can connect search, draws
The application held up, such as browser, the application of built-in miniature browser, search engine client.
In practical applications, can be by the application on electronic equipment, it such as can be by browser by request header information
By HTTP (Hypertext transfer protocol, hypertext transfer protocol) agreement to the service where search engine
Device initiates image data load request, for example, user can be sent out by being directed to some object search in the webpage of search engine
Rise image data load request or browser search plug-in unit (plug-ins, can by with browser, search engine
Etc. interacting, increase function of search in a browser) etc. modes initiate image data load request for some object search
Etc..
Step 102, multiple image data that the server returns, for described image data load requests are received.
In practical applications, search engine can search for distributed clothes according to the keyword in image data load request
The image data being engaged on device, obtain with the relevant image data of search key, and image data is returned into browser, browser
Web portal receive multiple image data.
Step 103, according to the multiple image data and the page, the corresponding multiframe of the multiple image data is determined
Position mark of the image in the page.
Image data, which can include image datas, the current pages such as size, the resolution ratio of picture and picture, to wrap
Include the data of waterfall stream in the page, such as size of waterfall stream display area etc..Can according to the size of picture and
The size of waterfall stream display area, the default layout of waterfall stream determine position mark of the multiple image in waterfall stream, example
Such as line number or image row number in from row to waterfall stream of the image in lateral waterfall stream.
Step 104, the position mark of the multiple image data and the multiple image is stored into memory.
It, can be by multiple image data and multiple image in order to accelerate the speed of page rendering in the rendering of the page
Position mark is stored into memory, such as can be stored in the buffer, so as to directly be read from caching when rendering
Data are rendered, and specifically, can be stored multiple image data in the buffer in the form of array, and are every in array
A image point of addition label, such as after image is stored in caching with one-dimension array, establish image in waterfall stream line number or
The mapping relations of row number and image.
Step 105, the position mark according to the multiple image includes the multiple image in the form of waterfall stream
In the page.
When being rendered to waterfall stream, the position mark of multiple image can be read from caching, and according to multiframe figure
The position mark of picture renders multiple image, and multiple image is plotted in waterfall stream according to position mark and Show Styles
In, so as to which the display in electronic equipment is shown.
The embodiment of the present invention can determine the corresponding multiple image of multiple image data according to multiple image data and the page
Position mark in the page stores the position mark of multiple image data and multiple image into memory, thus
Solving the problems, such as that caching array and rendering structure of arrays are skimble-scamble, caching and rendering can use same one-dimension array,
Image data directly is read from the one-dimension array in caching during rendering, without the one-dimension array in caching is converted to two-dimemsional number
Group simplifies data structure, and new array need not be generated after page zoom-in and zoom-out, saves resource.
With reference to Fig. 2, a kind of loading method embodiment 2 of waterfall flow graph piece according to an embodiment of the invention is shown
Flow chart of steps specifically may include steps of：
Step 201, the image data load request for the page is sent to server.
The embodiment of the present invention can be by the application on electronic equipment, such as can be led to request header information by browser
HTTP (Hypertext transfer protocol, hypertext transfer protocol) agreement is crossed to the server where search engine
Image data load request is initiated, specifically, step 201 can include following sub-step：
Sub-step S11 receives searching request of the user for the image of the page.
Sub-step S12, the searching request based on user generate image data load request；
Described image data load requests are sent to the server by sub-step S13.
In practical applications, object search can be search key, when receiving search key in the electronic device,
Image data load request is generated based on search key, image data load request is sent to server, request server
Search and the relevant image data of the search key.
In another way of search, object search is picture/mb-type, and user can click picture/mb-type, such as automobile, wind
When detecting that picture/mb-type is triggered in the electronic device, image load request is generated based on picture/mb-type for scape, star etc.,
Image load request is sent to server, request server searches the image data for belonging to the picture/mb-type.
Step 202, multiple image data that the server returns, for described image data load requests are received.
In practical applications, search engine can search for distributed clothes according to the keyword in image data load request
The image data being engaged on device, obtain with the relevant image data of search key, and image data is returned into browser, browser
Web portal receive multiple image data.
Step 203, the size of the image display area of the page is obtained.
In the embodiment of the present invention, the image display area of the page can refer to the image display area in the waterfall stream page,
Image display area domain sizes can by being obtained after parsing CSS (cascading style sheets, Cascading Style Sheets) information,
CSS defines the display mode of element in the page, such as position, color, the font of element in the page etc., the viewing area of image
Domain may be considered an element, and the information such as position, color are defined again by CSS.For example, in the HTML progress to the page
CSS information is obtained during parsing generation dom tree or external connection CSS information is loaded by hyperlink, can pass through CSS acquisition of information
The size of the image display area, such as obtain the height of image display area and broadband size.
Step 204, it according to the size of the multiple image and the size of the display area, determines described more
Frame image is in the position mark of described image display area.
In embodiments of the present invention, it needs to be laid out the multiple image in waterfall stream, determines multiframe figure in waterfall
Position mark in stream, in lateral waterfall stream, position mark can be line number, then step 204 can include following sub-step：
Sub-step S21, according to the multiple image width and, the width of described image display area determines described
Line number of the multiple image in described image display area.
Specifically, in lateral waterfall stream, often the height of the image in row image is equal, often the overall width phase of row image
Together, therefore it can determine that often row image exists according to the spacing between the width of every frame image, image and the every overall width of row image
Line number where in lateral waterfall stream.
If waterfall stream is arranges to waterfall stream, position mark can be row number, then step 204 can include following sub-step
Suddenly：
Sub-step S22, according to the multiple image height and, the height of described image display area determines described
Row number of the multiple image in described image display area.
Specifically, arranging into waterfall stream, the width of the image in each column image is equal, the total height phase of each column image
Together, therefore it can determine that each column image exists according to the spacing and the total height of each column image between the height of every frame image, image
Row number where arranging into waterfall stream.
Step 205, the multiple image is stored in the form of array into the memory.
In the embodiment of the present invention, multiple image can be stored in the form of one-dimension array into memory, such as can be with
Storage is in the buffer.One-dimension array is by the single array of the digital structure arranged with simple ordering structure formed, element
For tool in one-dimension array there are one subscript, program can pass through any one element in subscript reference one-dimension array, array
The value of middle element can be directed to the address in caching, which can be the address for storing image, and the element in array may be used also
To be a parameter, pass through the corresponding image of the parameter call.
Step 206, the line number or row number according to the multiple image in described image display area, to the array
In the corresponding line number of the corresponding image identification of each element or row number.
It after image is stored, needs to store the line number of image or row number, each element as in array
The corresponding line number of corresponding image identification or row number, specifically, can establish each array element figure corresponding with the element
Mapping relations between the line number or row number of picture, line number and row number can be back to element after being determined in step 204
In lower target mapping value, for example, mapping relations either between row number of element subscript and line number can be established or by element
Subscript returns to the line number or row number of the corresponding image of the element when calling the parameter as a parameter, and line number and row
Number by being returned after being determined in step 204 by mapping relations, then pass through rowIndex () and obtain element subscript and correspond to
Line number or row number.
It is illustrated in figure 3 a kind of schematic diagram of the position mark of lateral waterfall flow graph piece of one embodiment of the invention；
As shown in figure 3, represent line number of the image in lateral waterfall stream by r, the first row then r=1, and so on progress
Mark, if four frame images of the first row in one-dimension array be respectively a [0], a [1], a [2], a [3], then subscript i=0,1,
2nd, 3 }, then r (0)=1, r (1)=1, r (2)=1, r (3)=1, and line number 1 can then calculate indirect assignment after determining line number, example
Such as determine that first frame image after the first row, then can be assigned to r (0), i.e. r (0)=1 by 1.
It is to be illustrated using lateral waterfall stream as example above, lateral waterfall stream is referred to for arranging to waterfall stream,
It is no longer illustrated herein.
Step 207, the array is traversed, obtains the line number or row number of the corresponding image of each array element.
When rendering, array can be traversed, obtain the line number or row number of the corresponding image of each array element,
Specifically, the corresponding line number of each array element or row number can be obtained by rowIndex (), such as when r (0)=1
When, illustrate the first row of the corresponding images of a [0] in waterfall stream.
Step 208, waterfall stream renderer is called, according to often capable or every in the line number either the row number reading page
Arrange corresponding image.
In the electronic device, since different searching request characterizes different search intentions, for different search results,
With different rendering modes, therefore, different searching requests can be directed to, different waterfall stream renderers is set.
When searching request is generated and search key is not the word (such as word of expression class) specified based on search key
When, lateral waterfall stream renderer can be searched.
When searching request is based on picture/mb-type generation, row can be searched to waterfall stream renderer.
Therefore can corresponding figure be read from memory by different modes according to different waterfall stream renderers
Picture, for example, corresponding transverse direction waterfall stream loader, then read image, respective column is to waterfall stream loader, then according to row according to line number
Number read image.
Data buffer storage and rendering use same array in the embodiment of the present invention, do not need to two sets of arrays of additional maintenance, number
It is simplified according to structure, and the operation difficulty of one-dimension array improves rendering efficiency far below two-dimensional array.
Step 209, by the multiple image, the page is shown in the form of waterfall stream according to line number or row number
In.
In embodiments of the present invention, when waterfall stream renderer is lateral waterfall stream renderer, i.e., the page is lateral waterfall
It is that step 209 can include following sub-step to flow the page：
Sub-step S31, width dimensions size, the width dimensions size of display area according to image each in often row image
With default layout, position of each image in often row image in the often row image is determined.
Sub-step S32, and, each image in the corresponding often row image of the line number is described according to the line number
Often the position in row image shows the multiple image.
Specifically, for lateral waterfall stream：
Position of the lateral waterfall stream renderer according to the multiple image of waterfall stream in every row is called, then according to determining
Position renders multiple image in the result of page searching of electronic equipment.
Wherein, when determining position, it is possible to specify the often frame pitch in row image, frame, frame width etc. among frame, knot
It is determined after closing default layout per position of the frame image in every row image.
In embodiments of the present invention, when waterfall stream renderer is arranges to waterfall stream renderer, i.e., the page is arranges to waterfall
It is that step 209 can include following sub-step to flow the page：
Sub-step S33, height dimension size, the height dimension size of display area according to image each in each column image
With default layout, position of each image in each column image in each column image is determined；
Sub-step S34, and, each image in the corresponding each column image of the row number is described according to the row number
Position in each column image shows the multiple image.
Row are called to position of the waterfall stream renderer according to the multiple image of waterfall stream in each column, then according to determining
Position renders multiple image in the result of page searching of electronic equipment.
Wherein, when determining position, it is possible to specify frame, frame height etc., knot among the frame pitch, frame in each column image
It is determined after closing default layout per position of the frame image in each column image.
In the embodiment of the present invention, calculate image position and image in waterfall stream rendering separation, independently of each other, without
It is rendered during calculating, and only operation data, rendering module can utilize DOM when rendering in storage for calculating
Fragment disposably operates DOM, and performance is increased dramatically, and due to simplifying data structure and calculating and render
Separation so that service logic significantly simplifies, and has significantly simplified code.
In an embodiment of the present invention, when detecting page zoom-in and zoom-out, the image display area after page zoom-in and zoom-out is obtained
The size in domain；According to the size of the display area after the size and page zoom-in and zoom-out of multiple image, multiframe is determined
Image is in the position mark of image display area.
Specifically, after the size for obtaining the image display area after scaling, return to step 204 redefines more
The line number of frame image either row number and update line number either row number mark for example updated line number or row number are assigned again
It is worth to r (i), is then rendered refresh page again.
In the embodiment of the present invention, when the page zooms in and out, the one-dimension array in memory can be multiplexed, without giving birth to again
Into the array of rendering, rendering efficiency is improved.
For embodiment of the method, in order to be briefly described, therefore it is all expressed as to a series of combination of actions, but this field
Technical staff should know that the embodiment of the present invention is not limited by described sequence of movement, because implementing according to the present invention
Example, certain steps may be used other sequences or are carried out at the same time.Secondly, those skilled in the art should also know, specification
Described in embodiment belong to preferred embodiment, necessary to the involved action not necessarily embodiment of the present invention.
With reference to Fig. 4, a kind of loading device embodiment of waterfall flow graph piece according to an embodiment of the invention is shown
Structure diagram can specifically include following module：
Load request sending module 301, for sending the image data load request for the page to server；
Receiving module 302, for receiving multiframe figures that the server returns, for described image data load requests
As data；
Position mark determining module 303, for according to the multiple image data and the page, determining the multiframe figure
As position mark of the corresponding multiple image of data in the page；
Memory module 304, for storing the position mark of the multiple image data and the multiple image to storage
In device；
Display module 305, for the position mark according to the multiple image, by the multiple image with the shape of waterfall stream
Formula is shown in the page.
Preferably, the load request sending module 301 includes：
Searching request receiving submodule, for receiving searching request of the user for the image of the page；
Load request generates submodule, for the searching request based on user, generates image data load request；
Sending submodule, for described image data load requests to be sent to the server.
Preferably, the multiple image data include the size of the multiple image, and the page is shown including image
Show region, the position mark determining module 303 includes：
Page-size acquisition submodule, for obtaining the size of the image display area of the page；
Position mark determination sub-module, for the size according to the multiple image and the size of the display area
Size determines position mark of the multiple image in described image display area.
Preferably, the position mark of the multiple image include line number of the multiple image in the waterfall stream or
Row number, the position mark determination sub-module include：
Line number or row number determination unit, and, described image shows for the height according to the multiple image and width
The height and width in region determine line number or row number of the multiple image in described image display area.
Preferably, the memory module 304 includes：
Sub-module stored, for being stored the multiple image in the form of array into the memory；
Labeling submodule, it is right for the line number or row number according to the multiple image in described image display area
The corresponding line number of the corresponding image identification of each element or row number in the array.
Preferably, the display module 305 includes：
Line number or row number acquisition submodule for traversing the array, obtain the corresponding image of each array element
Line number or row number；
For calling waterfall stream renderer, the page is read according to the line number or row number for image reading submodule
In often row or the corresponding image of each column；
Display sub-module, for by the multiple image, institute to be shown in the form of waterfall stream according to line number or row number
It states in the page.
Preferably, the display sub-module includes：
Position determination unit, for according to image each in every row image width dimensions size, the width of display area
Size and default layout, determine position of each image in often row image in the often row image, alternatively, according to every
The height dimension size of each image, the height dimension size of display area and default layout, determine each column image in row image
In position of each image in each column image；
Display unit, and, each image in the corresponding often row image of the line number is in institute for according to the line number
The position stated in every row image shows the multiple image, alternatively, according to the row number and, the corresponding each column of the row number
Position of each image in each column image in image shows the multiple image.
Preferably, described device further includes：
Page zoom-in and zoom-out detection module, for when detecting the page zoom-in and zoom-out, obtaining the image after the page zoom-in and zoom-out
The size of display area；
Position mark redefines module, after the size according to the multiple image and the page zoom-in and zoom-out
The size of display area determines position mark of the multiple image in described image display area.
An embodiment of the present invention provides a kind of rendering apparatus of waterfall flow graph piece, including memory, processor and are stored in
On memory and the computer program that can run on a processor, the processor realized when performing described program embodiment 1 and/
Or the step of 2 the method for embodiment.
An embodiment of the present invention provides a kind of computer readable storage mediums, are stored thereon with computer program, the program
The step of 2 the method for embodiment 1 and/or embodiment is realized when being executed by processor.
For device embodiment, since it is basicly similar to embodiment of the method, so description is fairly simple, it is related
Part illustrates referring to the part of embodiment of the method.
Algorithm and display be not inherently related to any certain computer, virtual system or miscellaneous equipment provided herein.
Various general-purpose systems can also be used together with teaching based on this.As described above, required by constructing this kind of system
Structure be obvious.In addition, the present invention is not also directed to any certain programmed language.It should be understood that it can utilize various
Programming language realizes the content of invention described herein, and the description done above to language-specific is to disclose this hair
Bright preferred forms.
In the specification provided in this place, numerous specific details are set forth.It is to be appreciated, however, that the implementation of the present invention
Example can be put into practice without these specific details.In some instances, well known method, structure is not been shown in detail
And technology, so as not to obscure the understanding of this description.
Similarly, it should be understood that in order to simplify the disclosure and help to understand one or more of each inventive aspect,
Above in the description of exemplary embodiment of the present invention, each feature of the invention is grouped together into single implementation sometimes
In example, figure or descriptions thereof.However, the method for the disclosure should be construed to reflect following intention：I.e. required guarantor
Shield the present invention claims the more features of feature than being expressly recited in each claim.More precisely, as following
Claims reflect as, inventive aspect is all features less than single embodiment disclosed above.Therefore,
Thus the claims for following specific embodiment are expressly incorporated in the specific embodiment, wherein each claim is in itself
Separate embodiments all as the present invention.
Those skilled in the art, which are appreciated that, to carry out adaptively the module in the equipment in embodiment
Change and they are arranged in one or more equipment different from the embodiment.It can be the module or list in embodiment
Member or component be combined into a module or unit or component and can be divided into addition multiple submodule or subelement or
Sub-component.Other than such feature and/or at least some of process or unit exclude each other, it may be used any
Combination is disclosed to all features disclosed in this specification (including adjoint claim, abstract and attached drawing) and so to appoint
Where all processes or unit of method or equipment are combined.Unless expressly stated otherwise, this specification is (including adjoint power
Profit requirement, abstract and attached drawing) disclosed in each feature can be by providing the alternative features of identical, equivalent or similar purpose come generation
It replaces.
In addition, it will be appreciated by those of skill in the art that although some embodiments described herein include other embodiments
In included certain features rather than other feature, but the combination of the feature of different embodiments means in of the invention
Within the scope of and form different embodiments.For example, in the following claims, embodiment claimed is appointed
One of meaning mode can use in any combination.
The all parts embodiment of the present invention can be with hardware realization or to be run on one or more processor
Software module realize or realized with combination thereof.It will be understood by those of skill in the art that it can use in practice
Microprocessor or digital signal processor (DSP) are realized in the loading equipemtn of waterfall flow graph piece according to embodiments of the present invention
Some or all components some or all functions.The present invention is also implemented as performing side as described herein
The some or all equipment or program of device (for example, computer program and computer program product) of method.It is such
Realizing the program of the present invention can may be stored on the computer-readable medium or can have the shape of one or more signal
Formula.Such signal can be downloaded from internet website to be obtained either providing or with any other shape on carrier signal
Formula provides.
It should be noted that the present invention will be described rather than limits the invention, and ability for above-described embodiment
Field technique personnel can design alternative embodiment without departing from the scope of the appended claims.In the claims,
Any reference mark between bracket should not be configured to limitations on claims.Word "comprising" does not exclude the presence of not
Element or step listed in the claims.Word "a" or "an" before element does not exclude the presence of multiple such
Element.The present invention can be by means of including the hardware of several different elements and being come by means of properly programmed computer real
It is existing.If in the unit claim for listing equipment for drying, several in these devices can be by same hardware branch
To embody.The use of word first, second, and third does not indicate that any sequence.These words can be explained and run after fame
Claim.
The invention discloses A1, a kind of loading method of waterfall flow graph piece, including：
The image data load request for the page is sent to server；
Receive multiple image data that the server returns, for described image data load requests；
According to the multiple image data and the page, determine the corresponding multiple image of the multiple image data in institute
State the position mark in the page；
The position mark of the multiple image data and the multiple image is stored into memory；
According to the position mark of the multiple image, the multiple image is included in the form of waterfall stream in the page
In.
A2, the method as described in claim A1, which is characterized in that the picture number sent to server for the page
Include according to the step of load request：
Receive searching request of the user for the image of the page；
Searching request based on user generates image data load request；
Described image data load requests are sent to the server.
A3, such as claim A1-A2 any one of them method, which is characterized in that the multiple image data include institute
The size of multiple image is stated, the page includes image display area, described according to the multiple image data and described
The page, the step of determining position mark of the corresponding multiple image of the multiple image data in the page, include：
Obtain the size of the image display area of the page；
According to the size of the multiple image and the size of the display area, determine that the multiple image exists
The position mark of described image display area.
A4, such as claim A1-A3 any one of them method, which is characterized in that the position mark of the multiple image
Including the multiple image line number or row number in the waterfall stream, the size according to the multiple image and
The size of described image display area determines that the multiple image is wrapped in the step of position of described image display area
It includes：
According to the multiple image height and width and, the height and width of described image display area determine institute
State line number or row number of the multiple image in described image display area.
A5, such as claim A1-A4 any one of them method, which is characterized in that described by the multiple image data
The step into memory is stored with the position mark of the multiple image to include：
The multiple image is stored in the form of array into the memory；
According to line number or row number of the multiple image in described image display area, to each in the array
The corresponding line number of the corresponding image identification of element or row number.
A6, such as claim A1-A5 any one of them method, which is characterized in that described according to the multiple image
The multiple image is included the step in the page in the form of waterfall stream and included by position mark：
The array is traversed, obtains the line number or row number of the corresponding image of each array element；
Waterfall stream renderer is called, according to often row or each column are corresponding in the line number either the row number reading page
Image；
By the multiple image, it is shown in the page in the form of waterfall stream according to line number or row number.
A7, such as claim A1-A6 any one of them method, which is characterized in that it is described by the multiple image, according to
The step that line number or row number are shown in the form of waterfall stream in the page includes：
According to the width dimensions size of image each in often row image, the width dimensions size of display area and default cloth
Office determines position of each image in often row image in the often row image, alternatively, according to each image in each column image
Height dimension size, the height dimension size of display area and default layout, determine each image in each column image in institute
State the position in each column image；
And, each image in the corresponding often row image of the line number is in the often row image according to the line number
Position show the multiple image, alternatively, according to the row number and, it is each in the corresponding each column image of the row number
Position of the image in each column image shows the multiple image；
A8, such as claim A1-A7 any one of them method, which is characterized in that further include：
When detecting the page zoom-in and zoom-out, the size of the image display area after the page zoom-in and zoom-out is obtained；
According to the size of the display area after the size of the multiple image and the page zoom-in and zoom-out, institute is determined
State position mark of the multiple image in described image display area.
B9, a kind of loading device of waterfall flow graph piece, including：
Load request sending module, for sending the image data load request for the page to server；
Receiving module, for receiving multiple images that the server returns, for described image data load requests
Data；
Position mark determining module, for according to the multiple image data and the page, determining the multiple image
Position mark of the corresponding multiple image of data in the page；
Memory module, for storing the position mark of the multiple image data and the multiple image to memory
In；
Display module, for the position mark according to the multiple image, by the multiple image in the form of waterfall stream
It is shown in the page.
B10, the device as described in claim B9, which is characterized in that the load request sending module includes：
Searching request receiving submodule, for receiving searching request of the user for the image of the page；
Load request generates submodule, for the searching request based on user, generates image data load request；
Sending submodule, for described image data load requests to be sent to the server.
B11, such as claim B9-B10 any one of them device, which is characterized in that the multiple image data include
The size of the multiple image, the page include image display area, and the position mark determining module includes：
Page-size acquisition submodule, for obtaining the size of the image display area of the page；
Position mark determination sub-module, for the size according to the multiple image and the size of the display area
Size determines position mark of the multiple image in described image display area.
B12, such as claim B9-B11 any one of them device, which is characterized in that the position mark of the multiple image
Note includes line number or row number of the multiple image in the waterfall stream, and the position mark determination sub-module includes：
Line number or row number determination unit, and, described image shows for the height according to the multiple image and width
The height and width in region determine line number or row number of the multiple image in described image display area.
B13, such as claim B9-B12 any one of them device, which is characterized in that the memory module includes：
Sub-module stored, for being stored the multiple image in the form of array into the memory；
Labeling submodule, it is right for the line number or row number according to the multiple image in described image display area
The corresponding line number of the corresponding image identification of each element or row number in the array.
B14, such as claim B9-B13 any one of them device, which is characterized in that the display module includes：
Line number or row number acquisition submodule for traversing the array, obtain the corresponding image of each array element
Line number or row number；
For calling waterfall stream renderer, the page is read according to the line number or row number for image reading submodule
In often row or the corresponding image of each column；
Display sub-module, for by the multiple image, institute to be shown in the form of waterfall stream according to line number or row number
It states in the page.
B15, such as claim B9-B14 any one of them device, which is characterized in that the display sub-module includes：
Position determination unit, for according to image each in every row image width dimensions size, the width of display area
Size and default layout, determine position of each image in often row image in the often row image, alternatively, according to every
The height dimension size of each image, the height dimension size of display area and default layout, determine each column image in row image
In position of each image in each column image；
Display unit, and, each image in the corresponding often row image of the line number is in institute for according to the line number
The position stated in every row image shows the multiple image, alternatively, according to the row number and, the corresponding each column of the row number
Position of each image in each column image in image shows the multiple image.
B16, such as claim B9-B15 any one of them device, which is characterized in that further include：
Page zoom-in and zoom-out detection module, for when detecting the page zoom-in and zoom-out, obtaining the image after the page zoom-in and zoom-out
The size of display area；
Position mark redefines module, after the size according to the multiple image and the page zoom-in and zoom-out
The size of display area determines position mark of the multiple image in described image display area.
C17, a kind of loading equipemtn of waterfall flow graph piece, including memory, processor and storage on a memory and can be
The computer program run on processor, the processor are realized when performing described program described in claim A1 to any one of A8
The step of method.
D18, a kind of computer readable storage medium, are stored thereon with computer program, when which is executed by processor
The step of realizing any one of claim A1 to A8 the methods.
Claims (10)
1. a kind of loading method of waterfall flow graph piece, including：
The image data load request for the page is sent to server；
Receive multiple image data that the server returns, for described image data load requests；
According to the multiple image data and the page, determine the corresponding multiple image of the multiple image data in the page
Position mark in face；
The position mark of the multiple image data and the multiple image is stored into memory；
According to the position mark of the multiple image, the multiple image is included in the form of waterfall stream in the page.
2. the method as described in claim 1, which is characterized in that the image data loading sent to server for the page
The step of request, includes：
Receive searching request of the user for the image of the page；
Searching request based on user generates image data load request；
Described image data load requests are sent to the server.
3. such as claim 1-2 any one of them methods, which is characterized in that the multiple image data include the multiframe figure
The size of picture, the page includes image display area, described according to the multiple image data and the page, determines
The step of position mark of the corresponding multiple image of the multiple image data in the page, includes：
Obtain the size of the image display area of the page；
According to the size of the multiple image and the size of the display area, determine the multiple image described
The position mark of image display area.
4. such as claim 1-3 any one of them methods, which is characterized in that the position mark of the multiple image includes described
Line number or row number of the multiple image in the waterfall stream, the size and described image according to the multiple image
The size of display area determines that the multiple image includes in the step of position of described image display area：
According to the multiple image height and width and, the height and width of described image display area determine described more
Line number or row number of the frame image in described image display area.
5. such as claim 1-4 any one of them methods, which is characterized in that described by the multiple image data and described more
The step that the position mark of frame image is stored into memory includes：
The multiple image is stored in the form of array into the memory；
According to line number or row number of the multiple image in described image display area, to each element in the array
The corresponding line number of corresponding image identification or row number.
6. such as claim 1-5 any one of them methods, which is characterized in that mark the position according to the multiple image
The multiple image is included the step in the page in the form of waterfall stream and included by note：
The array is traversed, obtains the line number or row number of the corresponding image of each array element；
Waterfall stream renderer is called, either row number reads in the page often row or the corresponding figure of each column according to the line number
Picture；
By the multiple image, it is shown in the page in the form of waterfall stream according to line number or row number.
7. such as claim 1-6 any one of them methods, which is characterized in that it is described by the multiple image, according to line number or
The step that person's row number is shown in the form of waterfall stream in the page includes：
According to the width dimensions size of image each in often row image, the width dimensions size of display area and layout is preset, really
Position of each image in the often row image in fixed often row image, alternatively, the height according to image each in each column image
Size, the height dimension size of display area and default layout are spent, determines each image in each column image described every
Position in row image；
According to the line number and, position of each image in the often row image in the corresponding often row image of the line number
Put the display multiple image, alternatively, according to the row number and, each image in the corresponding each column image of the row number
Position in each column image shows the multiple image.
8. such as claim 1-7 any one of them methods, which is characterized in that further include：
When detecting the page zoom-in and zoom-out, the size of the image display area after the page zoom-in and zoom-out is obtained；
According to the size of the display area after the size of the multiple image and the page zoom-in and zoom-out, determine described more
Frame image is in the position mark of described image display area.
9. a kind of loading device of waterfall flow graph piece, including：
Load request sending module, for sending the image data load request for the page to server；
Receiving module, for receiving multiple image data that the server returns, for described image data load requests；
Position mark determining module, for according to the multiple image data and the page, determining the multiple image data
Position mark of the corresponding multiple image in the page；
Memory module, for storing the position mark of the multiple image data and the multiple image into memory；
For the position mark according to the multiple image, the multiple image is shown in the form of waterfall stream for display module
In the page.
10. device as claimed in claim 9, which is characterized in that the load request sending module includes：
Searching request receiving submodule, for receiving searching request of the user for the image of the page；
Load request generates submodule, for the searching request based on user, generates image data load request；
Sending submodule, for described image data load requests to be sent to the server.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711487224.XA CN108228816A (en) | 2017-12-29 | 2017-12-29 | A kind of loading method and device of waterfall flow graph piece |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711487224.XA CN108228816A (en) | 2017-12-29 | 2017-12-29 | A kind of loading method and device of waterfall flow graph piece |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108228816A true CN108228816A (en) | 2018-06-29 |
Family
ID=62646502
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711487224.XA Pending CN108228816A (en) | 2017-12-29 | 2017-12-29 | A kind of loading method and device of waterfall flow graph piece |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108228816A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110706321A (en) * | 2019-09-30 | 2020-01-17 | 北京金山安全软件有限公司 | Dynamic image processing method and device and electronic equipment |
| CN110727893A (en) * | 2019-10-11 | 2020-01-24 | 北京齐尔布莱特科技有限公司 | Waterfall flow picture loading method and device and mobile terminal |
| CN111125571A (en) * | 2018-10-11 | 2020-05-08 | 杭州海康存储科技有限公司 | Picture display method and device |
| CN111258682A (en) * | 2020-02-20 | 2020-06-09 | 四川长虹电器股份有限公司 | Method for optimizing WebApp memory and nodes |
| CN111294635A (en) * | 2018-12-06 | 2020-06-16 | Tcl集团股份有限公司 | Method and device for arranging desktop layout and server |
| CN111459480A (en) * | 2020-03-20 | 2020-07-28 | 成都卓影科技股份有限公司 | Method for realizing infinite waterfall flow of TV large screen |
| CN113779352A (en) * | 2021-07-27 | 2021-12-10 | 浙江大学 | Mobile terminal application page automatic traversal method oriented to barrier-free detection |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279902A (en) * | 2013-05-15 | 2013-09-04 | 深圳市沃德荣威科技有限公司 | Electronic menu display method |
| CN105373632A (en) * | 2015-12-18 | 2016-03-02 | 北京奇虎科技有限公司 | Method and device for loading waterfall flow based on mobile search |
| CN105488218A (en) * | 2015-12-18 | 2016-04-13 | 北京奇虎科技有限公司 | Method and device for loading waterfall flows based on search |
-
2017
- 2017-12-29 CN CN201711487224.XA patent/CN108228816A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103279902A (en) * | 2013-05-15 | 2013-09-04 | 深圳市沃德荣威科技有限公司 | Electronic menu display method |
| CN105373632A (en) * | 2015-12-18 | 2016-03-02 | 北京奇虎科技有限公司 | Method and device for loading waterfall flow based on mobile search |
| CN105488218A (en) * | 2015-12-18 | 2016-04-13 | 北京奇虎科技有限公司 | Method and device for loading waterfall flows based on search |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111125571A (en) * | 2018-10-11 | 2020-05-08 | 杭州海康存储科技有限公司 | Picture display method and device |
| CN111125571B (en) * | 2018-10-11 | 2024-02-20 | 杭州海康存储科技有限公司 | Picture display method and device |
| CN111294635A (en) * | 2018-12-06 | 2020-06-16 | Tcl集团股份有限公司 | Method and device for arranging desktop layout and server |
| CN110706321A (en) * | 2019-09-30 | 2020-01-17 | 北京金山安全软件有限公司 | Dynamic image processing method and device and electronic equipment |
| CN110706321B (en) * | 2019-09-30 | 2024-02-09 | 北京金山安全软件有限公司 | Dynamic image processing method and device and electronic equipment |
| CN110727893A (en) * | 2019-10-11 | 2020-01-24 | 北京齐尔布莱特科技有限公司 | Waterfall flow picture loading method and device and mobile terminal |
| CN110727893B (en) * | 2019-10-11 | 2022-03-18 | 北京齐尔布莱特科技有限公司 | Waterfall flow picture loading method and device and mobile terminal |
| CN111258682A (en) * | 2020-02-20 | 2020-06-09 | 四川长虹电器股份有限公司 | Method for optimizing WebApp memory and nodes |
| CN111459480A (en) * | 2020-03-20 | 2020-07-28 | 成都卓影科技股份有限公司 | Method for realizing infinite waterfall flow of TV large screen |
| CN113779352A (en) * | 2021-07-27 | 2021-12-10 | 浙江大学 | Mobile terminal application page automatic traversal method oriented to barrier-free detection |
| CN113779352B (en) * | 2021-07-27 | 2023-11-24 | 浙江大学 | Mobile terminal application page automatic traversing method for barrier-free detection |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108228816A (en) | A kind of loading method and device of waterfall flow graph piece | |
| JP6091579B2 (en) | Method and apparatus for handling nested fragment caching of web pages | |
| US8225197B1 (en) | Rendering approximate webpage screenshot client-side | |
| US8543713B2 (en) | Computing environment arranged to support predetermined URL patterns | |
| US11127186B2 (en) | Systems and methods for transmitting and rendering 3D visualizations over a network | |
| US9690568B2 (en) | Client-side script bundle management system | |
| CN107066631A (en) | Display methods, device and the electronic equipment of the page | |
| CN106462582A (en) | Batch-optimized render and fetch architecture | |
| CN104572968B (en) | A kind of method for updating pages and device | |
| US11811853B2 (en) | Systems and methods for content delivery acceleration of virtual reality and augmented reality web pages | |
| CN103955475B (en) | A kind of display methods, device and the browser of web page tag information | |
| CN107040584B (en) | Method and device for downloading picture by client | |
| CN104798094B (en) | Determine the configuration of content item display environment | |
| CN110096660A (en) | Method, apparatus and electronic equipment for loading page picture | |
| US11023558B1 (en) | Executing functions on-demand on a server utilizing web browsers | |
| CN109284454A (en) | Page rendering method, apparatus, computer equipment and storage medium | |
| CN109165357A (en) | Picture Generation Method, server, electronic equipment and readable storage medium storing program for executing | |
| CN105141678B (en) | The method and apparatus that a kind of pair of file is managed | |
| CN104484386A (en) | Information sharing method and browser client terminal | |
| CN108256014A (en) | Page display method and device | |
| CN105183890B (en) | Webpage loading method based on browser and browser device | |
| CN102929952B (en) | Web page image display device and method | |
| CN111079048B (en) | Page loading method and device | |
| CN105488218A (en) | Method and device for loading waterfall flows based on search | |
| CN108958855A (en) | The method, apparatus and system of page jump |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180629 |