CN109298905A - Utilize the method and electronic equipment of the optimization picture lazyness load of front end programming language - Google Patents
Utilize the method and electronic equipment of the optimization picture lazyness load of front end programming language Download PDFInfo
- Publication number
- CN109298905A CN109298905A CN201810931082.XA CN201810931082A CN109298905A CN 109298905 A CN109298905 A CN 109298905A CN 201810931082 A CN201810931082 A CN 201810931082A CN 109298905 A CN109298905 A CN 109298905A
- Authority
- CN
- China
- Prior art keywords
- picture
- destination node
- target photo
- lazyness
- attribute information
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention discloses a kind of method and electronic equipment using the optimization picture lazyness load of front end programming language, and method includes: to judge whether the present node of the caching picture renders completion when loading caching picture in such a way that picture lazyness loads when webpage;When the present node of the caching picture, which renders, to be completed, caching picture predetermined is shown in webpage;The destination node of Target Photo is obtained, and judges whether destination node meets preset image attribute information and whether destination node is completed to render;When the destination node meets the image attribute information and destination node has completed rendering, then obtain the destination address of Target Photo, and Target Photo is loaded according to the destination address, and the caching picture, and the display Target Photo are replaced by Target Photo.In this way, just not needing operation of the monitoring users to webpage, the performance of picture lazyness load is improved, to improve the efficiency of Web page picture load, save the time.
Description
Technical field
The present invention relates to front end programming language fields, more particularly to utilize the side of front end programming language optimization picture lazyness load
Method and electronic equipment.
Background technique
Webpage generally comprises text and picture, and after user sends the request of load webpage to background server, webpage will
Receive text and picture that background server is sent.If the picture of webpage loads simultaneously, there are users to check webpage wherein one
The problem of a position, the picture of corresponding position does not load but, at this point, user can only check other webpage positions that picture has been displayed
It sets.
The load of picture lazyness is a kind of loading method of picture.Specifically, if webpage include hundreds of picture, when with
When family accesses these page (webpages), the time of waiting is especially long, that is to say, that after receiving the browse request of user, together
When load all pictures, cause picture load overlong time.And loaded using picture lazyness, it can preferably solve this
Problem.After user's request of loading webpage, several pages of picture is first loaded, and is shown, then operation of the monitoring users to webpage, then
Load subsequent picture.In this way, subsequent picture does not just need to load if user only browses a part of webpage,
To alleviate the pressure of server (background server).
Although picture lazyness loads the pressure that can be effectively reduced server, however, having to listen to use using the load of picture lazyness
The position of operation of the family to webpage, continual inquiry or calculating user's current accessed, if gone out during inquiry or calculating
It is now abnormal, then the loading sequence of all pictures all will be abnormal.
That is, the performance that the mode of existing picture lazyness load loads Web page picture is poor.
Therefore, the existing technology needs to be improved and developed.
Summary of the invention
In view of above-mentioned deficiencies of the prior art, the purpose of the present invention is to provide lazy using front end programming language optimization picture
The method and electronic equipment of load, it is intended to which the mode for solving the load of existing picture lazyness loads the performance of Web page picture and poor asks
Topic.
Technical scheme is as follows:
A method of it is loaded using front end programming language optimization picture lazyness comprising:
A, when loading caching picture in such a way that picture lazyness loads when webpage, judge the present node of the caching picture
Whether rendering is completed;
B, when the present node of the caching picture, which renders, to be completed, caching picture predetermined is shown in webpage
In;
C, the destination node of Target Photo is obtained, and judges whether destination node meets preset image attribute information, with
And whether destination node is completed to render;
D, it when the destination node meets the image attribute information and destination node has completed rendering, then obtains
The destination address of Target Photo, and Target Photo is loaded according to the destination address, and the caching is replaced by Target Photo
Picture, and the display Target Photo.
Preferably, the image attribute information includes reference mode, reference area, intersecting area and the one kind for intersecting ratio
Or it is several.
Preferably, in the step C, judge whether destination node meets preset image attribute information and specifically include:
Whether the position for monitoring destination node changes;
When a change, judge whether the change in location of destination node meets the image attribute information.
Preferably, in the step C, judge whether destination node is completed rendering and specifically included:
Event will be monitored and be pushed into stack memory;
Wait whether monitoring event receives notice.
Preferably, the step D is specifically included:
D1, when the destination node meets the image attribute information and destination node has completed rendering, to institute
It states stack memory and sends the instruction for obtaining destination address;
Destination address in D2, the reading stack memory, and Target Photo is loaded according to destination address;
D3, the caching picture, and the display Target Photo are replaced by Target Photo.
Preferably, include: after the step D3
E, terminate the monitoring to destination node, and discharge the destination address of stack memory storage.
The present invention also provides a kind of electronic equipment comprising:
Processor is adapted for carrying out each instruction, and
Equipment is stored, is suitable for storing a plurality of instruction, described instruction is suitable for being loaded and being executed by processor:
When webpage loads caching picture in such a way that picture lazyness loads, judge that the present node of the caching picture is
No rendering is completed;
When the present node of the caching picture, which renders, to be completed, caching picture predetermined is shown in webpage;
The destination node of Target Photo is obtained, and judges whether destination node meets preset image attribute information, and
Whether destination node, which is completed, renders;
When the destination node meets the image attribute information and destination node has completed rendering, then mesh is obtained
It marks on a map the destination address of piece, and Target Photo is loaded according to the destination address, and the caching figure is replaced by Target Photo
Piece, and the display Target Photo.
Preferably, the image attribute information includes reference mode, reference area, intersecting area and the one kind for intersecting ratio
Or it is several.
The present invention also provides a kind of computer program product, computer program product includes being stored in non-volatile computer
Computer program on readable storage medium storing program for executing, computer program include program instruction, when program instruction is executed by processor, are made
The processor executes the method described above using the optimization picture lazyness load of front end programming language.
Also a kind of non-volatile computer readable storage medium storing program for executing of the present invention, the non-volatile computer readable storage medium
Matter is stored with computer executable instructions, when which is executed by one or more processors, may make institute
It states one or more processors and executes the method using the optimization picture lazyness load of front end programming language.
The utility model has the advantages that the method provided through the invention, when user loads caching picture using the mode that picture lazyness loads
When, first judge whether the present node for caching picture renders completion, if completing rendering, the display caching figure in current web page
Piece;Then, the destination node of Target Photo is obtained, and judges whether destination node meets preset image attribute information, and
Judge whether destination node is completed to render, if destination node has rendered and destination node meets preset picture attribute letter
Breath then obtaining the destination address of Target Photo, and loads Target Photo, and displaying target picture according to destination address.In this way,
Just operation of the monitoring users to webpage is not needed, the performance of picture lazyness load is improved, to improve Web page picture load
Efficiency has saved the time.
Detailed description of the invention
Fig. 1 is the flow chart for the method preferred embodiment that the present invention optimizes the load of picture lazyness using front end programming language.
Fig. 2 is the structural block diagram of a kind of electronic equipment preferred embodiment of the present invention.
Specific embodiment
The present invention provides the method and electronic equipment using the optimization picture lazyness load of front end programming language, to make the present invention
Purpose, technical solution and effect it is clearer, clear, the present invention is described in more detail below.It should be appreciated that this place
The specific embodiment of description is only used to explain the present invention, is not intended to limit the present invention.
Referring to Fig. 1, a kind of method using the optimization picture lazyness load of front end programming language comprising:
S1, when webpage loads in such a way that picture lazyness loads caching picture, judge that the picture that caches works as prosthomere
Whether point renders completion;
S2, when it is described caching picture present node render complete when, caching picture predetermined is shown in webpage
In;
S3, the destination node for obtaining Target Photo, and judge whether destination node meets preset image attribute information, with
And whether destination node is completed to render;
S4, when the destination node meets the image attribute information and destination node has completed rendering, then obtain
The destination address of Target Photo is taken, and Target Photo is loaded according to the destination address, and described delay is replaced by Target Photo
Deposit picture, and the display Target Photo.
The method provided through the invention to judge whether destination node meets preset image attribute information, and is sentenced
The mode whether disconnected destination node renders replaces the rolling event monitoring mode in the load of original picture lazyness.In this way, only working as mesh
Mark node meets preset image attribute information and when destination node is rendered, and just acquisition destination address and loads target figure
Piece.If destination address is unsatisfactory for preset image attribute information or destination node is not rendered, it is not loaded with Target Photo.?
That is background server is not required to if destination address is unsatisfactory for preset image attribute information or destination node is not rendered
Loading processing is done, does not need to compute repeatedly.It greatly improves the efficiency;Also, when only destination node occurs abnormal, picture is lazy
Load just will appear exception, and when destination node occurs abnormal, by intercepting corresponding error reporting, and redefine target section
Point can restore normal picture lazyness load.In this way, when by electronic equipment, when browsing webpage, the performance of electronic equipment is more
Good, frame number when browsing webpage is also stabilized within the scope of one.
In the step S1, it has been discussed in detail in the background technology about the load of picture lazyness.So not repeating them here.
The caching picture refers to the picture that webpage currently loads, that is to say, that the picture that webpage is currently shown.
The present node of the caching picture refers to that caching picture corresponds to the img label that front end programming language html includes.
That is, whether the img label for judging that front end programming language html includes all executes completion.If executing completion, hold
Row step S2, if it is not, whether the img label for then continuing to judge that front end programming language html includes all executes completion.
In the step S2, if the judging result in step S1 are as follows: when the present node of the caching picture has rendered
At, that is to say, that the corresponding img label of the caching picture all executes completion, then the caching picture is shown in webpage
In.Wherein, the caching picture is user's any image predetermined.That is, user can make any one picture
For the caching picture in the present invention.Moreover, user can also be using the picture of drafting as caching picture.For example, will draw
There is the picture of text or letter as caching picture.So that caching picture has the characteristics that personalization.
In the step S3, the destination node of Target Photo is obtained, that is to say, that first obtain the corresponding front end of Target Photo
The img label that programming language html includes, then judges whether destination node meets preset image attribute information, and judgement
Whether destination node renders completion.
Preferably, the image attribute information includes reference mode, reference area, intersecting area and the one kind for intersecting ratio
Or it is several.
Wherein, the reference mode refers to user's node predetermined, that is to say, that when destination node is executed to user
When the reference mode of definition, it is possible to determine that destination node meets preset image attribute information.
Wherein, the reference area refers to user's node reference zone predetermined, that is to say, that when destination node is held
When row to user-defined reference zone, it is possible to determine that destination node meets preset image attribute information.
Wherein, the intersecting area refers to user's reference mode threshold value predetermined, that is to say, that when destination node is held
When row to user-defined intersecting area, it is possible to determine that destination node meets preset image attribute information.
Wherein, the intersection is similar than intersecting area described in illustrative phrase, so not repeating them here.
Only when destination node meets preset image attribute information, step S4 is just executed.
It should be noted that the destination node only need to meet it is one or several in the image attribute information, just
It can be determined that destination node meets image attribute information.Rather than say, destination node must satisfy the image attribute information.
Moreover, destination node must also render completion, just execute step S4.The rendering of destination node and start node
Rendering it is same or similar, so not repeating them here.
Preferably, in the step S3, judge whether destination node meets preset image attribute information and specifically include:
Whether the position for monitoring destination node changes;
When a change, judge whether the change in location of destination node meets the image attribute information.
The change in location for monitoring destination node refers to judge whether destination node occurs position or other physics become
Change.
For example, first pass through setting destination node line number, in particular to, obtain destination node belong in all codes
(being in) which row;When executing all codes, judge whether the line number of destination node changes, to judge destination node
Position whether change.
If there is a change, then the information of variation and preset image attribute information are compared, judges whether to meet
Preset image attribute information.
For example, the reference zone in preset image attribute information is 3 rows, that is to say, that when the line number of destination node becomes
Change 3 rows, just indicates that destination node meets preset image attribute information;Otherwise, it is unsatisfactory for preset image attribute information.
Preferably, in the step S3, judge whether destination node is completed rendering and specifically included:
Event will be monitored and be pushed into stack memory;
Wait whether monitoring event receives notice.
After the completion of destination node is rendered, then it will monitor accordingly in event push-in memory, that is to say, that will monitor
Event is saved into the memory of electronic equipment.
Then, user is waited to obtain the notice of monitoring event.If getting notice, then follow the steps S4, if it is not, then after
Continuation of insurance is stored in memory, and is not done and is changed.
In the step S4, browser sends the notice for obtaining destination address to memory, and memory is notified according to described by mesh
Mark address is back to browser, and the destination address that browser is returned further according to memory Loads Image, and obtains Target Photo.Then,
Target Photo is replaced to the caching picture cached in webpage, and displaying target picture.
In this way, Target Photo can be obtained, and Target Photo is shown after receiving user's notice.To significantly
Efficiency is improved, the time has been saved.
Preferably, the step S4 includes:
S41, when the destination node meets the image attribute information and destination node has completed rendering, to institute
It states stack memory and sends the instruction for obtaining destination address;
Destination address in S42, the reading stack memory, and Target Photo is loaded according to destination address;
S43, the caching picture, and the display Target Photo are replaced by Target Photo.
In the step S41, the stack memory specifically refers to the memory of electronic equipment.Target is obtained by sending to memory
The instruction of address, so that controlling memory executes corresponding instruction or movement.
In the step S42, browser reads the destination address of stack memory, then loads target figure according to destination address
Piece.
In the step S43, the Target Photo that load obtains is replaced into the caching picture in original webpage, also, in net
Displaying target picture in page.
Preferably, include: after the step S43
The monitoring of S5, end to destination node, and discharge the destination address of stack memory storage.
In the step S5, if the corresponding Target Photo of current target node has loaded completion, terminate to target
The monitoring of node is deleted or is discharged in the destination address of stack memory storage.
Referring to Fig. 2, the present invention also provides a kind of electronic equipment 10 comprising:
Processor 110 is adapted for carrying out each instruction, and
Equipment 120 is stored, is suitable for storing a plurality of instruction, described instruction is suitable for being loaded and being executed by processor:
When webpage loads caching picture in such a way that picture lazyness loads, judge that the present node of the caching picture is
No rendering is completed;
When the present node of the caching picture, which renders, to be completed, caching picture predetermined is shown in webpage;
The destination node of Target Photo is obtained, and judges whether destination node meets preset image attribute information, and
Whether destination node, which is completed, renders;
When the destination node meets the image attribute information and destination node has completed rendering, then mesh is obtained
It marks on a map the destination address of piece, and Target Photo is loaded according to the destination address, and the caching figure is replaced by Target Photo
Piece, and the display Target Photo.
The processor 110 can for general processor, digital signal processor (DSP), specific integrated circuit (ASIC),
Field programmable gate array (FPGA), single-chip microcontroller, ARM (Acorn RISC Machine) or other programmable logic device are divided
Any combination of vertical door or transistor logic, discrete hardware component or these components.In addition, processor can also be any
Conventional processors, microprocessor or state machine.Processor also may be implemented as calculating the combination of equipment, for example, DSP and Wei Chu
Manage combination, multi-microprocessor, one or more microprocessors combination DSP core, any other this configuration of device.
It stores equipment 120 and is used as a kind of non-volatile computer readable storage medium storing program for executing, can be used for storing non-volatile software
Program, non-volatile computer executable program and module, such as being optimized in the embodiment of the present invention using front end programming language
The corresponding program instruction of method of picture lazyness load.Processor is stored in the non-volatile software journey in storage equipment by operation
Sequence, instruction and unit, thereby executing based on using front end programming language optimization picture lazyness load various function application and
Data processing, i.e., the method using the optimization picture lazyness load of front end programming language in realization above method embodiment.
Preferably, the image attribute information includes reference mode, reference area, intersecting area and the one kind for intersecting ratio
Or it is several.
It about the particular technique details of above-mentioned electronic equipment 10, is described in detail in above-mentioned steps, so not repeating them here.
The present invention also provides a kind of computer program product, computer program product includes being stored in non-volatile computer
Computer program on readable storage medium storing program for executing, computer program include program instruction, when program instruction is executed by processor, are made
The processor executes the method described above using the optimization picture lazyness load of front end programming language.
Also a kind of non-volatile computer readable storage medium storing program for executing of the present invention, the non-volatile computer readable storage medium
Matter is stored with computer executable instructions, when which is executed by one or more processors, may make institute
It states one or more processors and executes the method using the optimization picture lazyness load of front end programming language.
It should be understood that the application of the present invention is not limited to the above for those of ordinary skills can
With improvement or transformation based on the above description, all these modifications and variations all should belong to the guarantor of appended claims of the present invention
Protect range.
Claims (10)
1. a kind of method using the optimization picture lazyness load of front end programming language characterized by comprising
A, when loading caching picture in such a way that picture lazyness loads when webpage, whether judge the present node for caching picture
Rendering is completed;
B, when the present node of the caching picture, which renders, to be completed, caching picture predetermined is shown in webpage;
C, the destination node of Target Photo is obtained, and judges whether destination node meets preset image attribute information and mesh
Whether mark node is completed to render;
D, when the destination node meets the image attribute information and destination node has completed rendering, then target is obtained
The destination address of picture, and Target Photo is loaded according to the destination address, and the caching picture is replaced by Target Photo,
And the display Target Photo.
2. utilizing the method for front end programming language optimization picture lazyness load according to claim 1, which is characterized in that the figure
Piece attribute information includes one kind of reference mode, reference area, intersecting area and intersection ratio or several.
3. utilizing the method for front end programming language optimization picture lazyness load according to claim 1, which is characterized in that the step
In rapid C, judge whether destination node meets preset image attribute information and specifically include:
Whether the position for monitoring destination node changes;
When a change, judge whether the change in location of destination node meets the image attribute information.
4. utilizing the method for front end programming language optimization picture lazyness load according to claim 1, which is characterized in that the step
In rapid C, judge whether destination node is completed rendering and specifically included:
Event will be monitored and be pushed into stack memory;
Wait whether monitoring event receives notice.
5. stating the method using the optimization picture lazyness load of front end programming language according to claim 4, which is characterized in that the step
D is specifically included:
D1, when the destination node meets the image attribute information and destination node has completed rendering, to the stack
Memory sends the instruction for obtaining destination address;
Destination address in D2, the reading stack memory, and Target Photo is loaded according to destination address;
D3, the caching picture, and the display Target Photo are replaced by Target Photo.
6. stating the method using the optimization picture lazyness load of front end programming language according to claim 5, which is characterized in that the step
Include: after D3
E, terminate the monitoring to destination node, and discharge the destination address of stack memory storage.
7. a kind of electronic equipment characterized by comprising
Processor is adapted for carrying out each instruction, and
Equipment is stored, is suitable for storing a plurality of instruction, described instruction is suitable for being loaded and being executed by processor:
When webpage loaded in such a way that picture lazyness loads caching picture when, judge it is described cache picture present node whether wash with watercolours
Dye is completed;
When the present node of the caching picture, which renders, to be completed, caching picture predetermined is shown in webpage;
The destination node of Target Photo is obtained, and judges whether destination node meets preset image attribute information and target
Whether node, which is completed, renders;
When the destination node meets the image attribute information and destination node has completed rendering, then target figure is obtained
The destination address of piece, and Target Photo is loaded according to the destination address, and the caching picture is replaced by Target Photo, with
And the display Target Photo.
8. electronic equipment according to claim 7, which is characterized in that the image attribute information includes reference mode, reference
It is the one kind in region, intersecting area and intersection ratio or several.
9. a kind of computer program product, computer program product includes being stored on non-volatile computer readable storage medium storing program for executing
Computer program, computer program includes program instruction, when program instruction is executed by processor, executes the processor
Method described in any one of claims 1-6 using the optimization picture lazyness load of front end programming language.
10. a kind of non-volatile computer readable storage medium storing program for executing, which is characterized in that the non-volatile computer readable storage medium
Matter is stored with computer executable instructions, when which is executed by one or more processors, may make institute
Stating one or more processors perform claim requires 1-6 is described in any item programming language optimization picture lazyness in front end is utilized to load
Method.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810931082.XA CN109298905A (en) | 2018-08-15 | 2018-08-15 | Utilize the method and electronic equipment of the optimization picture lazyness load of front end programming language |
PCT/CN2019/100386 WO2020034951A1 (en) | 2018-08-15 | 2019-08-13 | Front-end programming language-based method for optimizing image lazy-loading, and electronic apparatus |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810931082.XA CN109298905A (en) | 2018-08-15 | 2018-08-15 | Utilize the method and electronic equipment of the optimization picture lazyness load of front end programming language |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109298905A true CN109298905A (en) | 2019-02-01 |
Family
ID=65165062
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810931082.XA Pending CN109298905A (en) | 2018-08-15 | 2018-08-15 | Utilize the method and electronic equipment of the optimization picture lazyness load of front end programming language |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN109298905A (en) |
WO (1) | WO2020034951A1 (en) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110059281A (en) * | 2019-04-11 | 2019-07-26 | 腾讯科技(深圳)有限公司 | Image display method, device, terminal and computer readable storage medium |
WO2020034951A1 (en) * | 2018-08-15 | 2020-02-20 | 深圳点猫科技有限公司 | Front-end programming language-based method for optimizing image lazy-loading, and electronic apparatus |
CN111143732A (en) * | 2019-12-20 | 2020-05-12 | 贝壳技术有限公司 | Webpage rendering method and device |
CN111966844A (en) * | 2020-08-17 | 2020-11-20 | 北京像素软件科技股份有限公司 | Object loading method and device and storage medium |
CN113779068A (en) * | 2021-09-13 | 2021-12-10 | 网易(杭州)网络有限公司 | Data query method, device, equipment and storage medium |
CN113946380A (en) * | 2020-07-17 | 2022-01-18 | 西安诺瓦星云科技股份有限公司 | Picture loading method and device and video processing equipment |
CN116628272A (en) * | 2023-07-24 | 2023-08-22 | 海看网络科技(山东)股份有限公司 | Tree structure node rapid selection method based on vue framework |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111930442B (en) * | 2020-10-09 | 2021-01-01 | 北京三快在线科技有限公司 | Page view loading method and device, storage medium and electronic equipment |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103020092A (en) * | 2011-09-28 | 2013-04-03 | 深圳市金蝶中间件有限公司 | Method and system for positioning node in lazy loading tree |
CN104750863A (en) * | 2015-04-16 | 2015-07-01 | 车智互联(北京)科技有限公司 | Method and system for automatically examining webpage graphics size |
CN105468746A (en) * | 2015-11-25 | 2016-04-06 | 百度在线网络技术(北京)有限公司 | Webpage multimedia content processing method and device |
CN105871945A (en) * | 2015-01-19 | 2016-08-17 | 阿里巴巴集团控股有限公司 | Image information sending method and device, and waterfall flow layout method and device |
CN106095461A (en) * | 2016-06-21 | 2016-11-09 | 东软集团股份有限公司 | The method and device of display module in interface |
CN106649299A (en) * | 2015-07-28 | 2017-05-10 | 阿里巴巴集团控股有限公司 | Method and device for lazy loading of webpage block |
CN107038219A (en) * | 2017-03-17 | 2017-08-11 | 武汉斗鱼网络科技有限公司 | The method and device of GIF animations is loaded in iOS |
CN107463627A (en) * | 2017-07-11 | 2017-12-12 | 深圳市云领天下科技有限公司 | A kind of picture loading method and terminal |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
GB2524047A (en) * | 2014-03-12 | 2015-09-16 | Samsung Electronics Co Ltd | Improvements in and relating to rendering of graphics on a display device |
CN106886544A (en) * | 2016-06-06 | 2017-06-23 | 阿里巴巴集团控股有限公司 | A kind of data processing method and device |
CN108170497A (en) * | 2016-12-05 | 2018-06-15 | 阿里巴巴集团控股有限公司 | A kind of method and device of page rendering |
CN109298905A (en) * | 2018-08-15 | 2019-02-01 | 深圳点猫科技有限公司 | Utilize the method and electronic equipment of the optimization picture lazyness load of front end programming language |
-
2018
- 2018-08-15 CN CN201810931082.XA patent/CN109298905A/en active Pending
-
2019
- 2019-08-13 WO PCT/CN2019/100386 patent/WO2020034951A1/en active Application Filing
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103020092A (en) * | 2011-09-28 | 2013-04-03 | 深圳市金蝶中间件有限公司 | Method and system for positioning node in lazy loading tree |
CN105871945A (en) * | 2015-01-19 | 2016-08-17 | 阿里巴巴集团控股有限公司 | Image information sending method and device, and waterfall flow layout method and device |
CN104750863A (en) * | 2015-04-16 | 2015-07-01 | 车智互联(北京)科技有限公司 | Method and system for automatically examining webpage graphics size |
CN106649299A (en) * | 2015-07-28 | 2017-05-10 | 阿里巴巴集团控股有限公司 | Method and device for lazy loading of webpage block |
CN105468746A (en) * | 2015-11-25 | 2016-04-06 | 百度在线网络技术(北京)有限公司 | Webpage multimedia content processing method and device |
CN106095461A (en) * | 2016-06-21 | 2016-11-09 | 东软集团股份有限公司 | The method and device of display module in interface |
CN107038219A (en) * | 2017-03-17 | 2017-08-11 | 武汉斗鱼网络科技有限公司 | The method and device of GIF animations is loaded in iOS |
CN107463627A (en) * | 2017-07-11 | 2017-12-12 | 深圳市云领天下科技有限公司 | A kind of picture loading method and terminal |
Non-Patent Citations (2)
Title |
---|
AN祭: "小程序之图片懒加载[完美方案,你不来看看?]", 《HTTPS://WWW.JIANSHU.COM/P/5164A7BDA33D?UTM_SOURCE=OSCHINA-APP》 * |
JAYZOU: "详解性能更优越的小程序图片懒加载方式", 《HTTPS://WWW.JB51.NET/ARTICLE/144018.HTM》 * |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020034951A1 (en) * | 2018-08-15 | 2020-02-20 | 深圳点猫科技有限公司 | Front-end programming language-based method for optimizing image lazy-loading, and electronic apparatus |
CN110059281A (en) * | 2019-04-11 | 2019-07-26 | 腾讯科技(深圳)有限公司 | Image display method, device, terminal and computer readable storage medium |
CN110059281B (en) * | 2019-04-11 | 2022-11-29 | 腾讯科技(深圳)有限公司 | Picture display method, device, terminal and computer readable storage medium |
CN111143732A (en) * | 2019-12-20 | 2020-05-12 | 贝壳技术有限公司 | Webpage rendering method and device |
CN113946380A (en) * | 2020-07-17 | 2022-01-18 | 西安诺瓦星云科技股份有限公司 | Picture loading method and device and video processing equipment |
CN113946380B (en) * | 2020-07-17 | 2024-05-10 | 西安诺瓦星云科技股份有限公司 | Picture loading method and device and video processing equipment |
CN111966844A (en) * | 2020-08-17 | 2020-11-20 | 北京像素软件科技股份有限公司 | Object loading method and device and storage medium |
CN111966844B (en) * | 2020-08-17 | 2023-09-26 | 北京像素软件科技股份有限公司 | Object loading method, device and storage medium |
CN113779068A (en) * | 2021-09-13 | 2021-12-10 | 网易(杭州)网络有限公司 | Data query method, device, equipment and storage medium |
CN113779068B (en) * | 2021-09-13 | 2023-09-12 | 网易(杭州)网络有限公司 | Data query method, device, equipment and storage medium |
CN116628272A (en) * | 2023-07-24 | 2023-08-22 | 海看网络科技(山东)股份有限公司 | Tree structure node rapid selection method based on vue framework |
CN116628272B (en) * | 2023-07-24 | 2023-10-20 | 海看网络科技(山东)股份有限公司 | Tree structure node rapid selection method based on vue framework |
Also Published As
Publication number | Publication date |
---|---|
WO2020034951A1 (en) | 2020-02-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109298905A (en) | Utilize the method and electronic equipment of the optimization picture lazyness load of front end programming language | |
CN110287432A (en) | Network information processing method and device and electronic equipment | |
CN110209966B (en) | Webpage refreshing method, webpage system and electronic equipment | |
US20040201618A1 (en) | Streaming of real-time data to a browser | |
CN109684575A (en) | Processing method and processing device, storage medium, the computer equipment of web data | |
CN106570098A (en) | Page refreshing method and device | |
WO2018054170A1 (en) | Browser resources pre-pulling method, terminal and storage medium | |
CN107590275B (en) | Data query method and device | |
CN104199684B (en) | The implementation method and device of browser cold start-up | |
CN112800370A (en) | Business document processing method and device, computer equipment and storage medium | |
CN108268622A (en) | Method and device for returning page and computer readable storage medium | |
US10789262B2 (en) | Progressive chart rendering | |
CN103699674A (en) | Webpage storing method, webpage opening method, webpage storing device, webpage opening device and webpage browsing system | |
CN109840195A (en) | Webpage method for analyzing performance, terminal device and computer readable storage medium | |
CN109240568A (en) | A kind of display methods of menu page, device and storage medium | |
US7831572B1 (en) | Maintaining and displaying user ordered lists | |
CN109543127B (en) | Page refreshing method, device and equipment and readable storage medium | |
WO2021139230A1 (en) | Method and apparatus for accelerated data access based on graph database | |
CN108829828A (en) | A kind of Webpage display process, device, electronic equipment and readable storage medium storing program for executing | |
CN115629695A (en) | Application page display method, device, equipment and storage medium | |
CN115114332A (en) | Database query method, device and equipment and readable storage medium | |
JPH0426890A (en) | Character display device | |
CN107679143B (en) | Baidu map based dynamic step-by-step loading device and method and readable storage medium | |
CN112241267A (en) | Configuration tool and method for realizing form page development by using same | |
RU2471226C2 (en) | Transmitter of graphical commands and method of graphical commands transfer |
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: 20190201 |