in sharing some html pages, there are multiple pictures, which causes the page to load very slowly. The effect of loading a picture from top to bottom also makes the customer experience bad. When you see the loading effect of the article in Wechat"s official account, the size of the picture is different, and the space-occupying picture is also corresponding.
how to do this effect?
ask for sharing, ask for solutions-
the picture is not loaded when it is loaded for the first time. It is a document parsed by js. The size and address of the picture are taken as some parameter of the tag. When the page scrolls and the relative position of the picture appears in the view area, the real picture src is used to replace the src of the bitmap with the real picture.
it's not that hard. From the very beginning, he knows how big the picture is, or what the scale is, through the return of the server.
Previous: What is the time after the interaction mode of python is turned on?
Next: How does js determine the same element in two strings and output the same element?
description: a regular match is given to the content of an input box, and the matching content is the product activation code. looks like this: "0C31-0B81-BB32-3094-0C31-0B81-BB32-3094 " Code: $( -sharplicenseCode ).keyup(function () { le...
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...
A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can t find the reason. ...
how can the data looped out by vue change color to the current one when clicked? this is what my page says <ol v-if="tooglezhi" class="ol_one"> <li v-for="(item,key) in arr" ...
my Q starts from scratch, but I want him to write ti+= < p claqss= "title-count " > has answered 8 questions + Q claqss= "title-count " > answered 1 question correctly; wrote like this: ti+= < p claqss= "title-count " > answered 8 questions + Q...
the number of digits in the input box is controlled. When this value echoes the maximum number of digits, the input can only be deleted and the input cannot be overridden directly. who knows what attributes the input has to control this ...
Baidu didn t find the reason for it for a while-the error message thrown by the browser was Uncaught Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead or wr...
shouldn t vue use vue-router? Why can it only be put into devDependencies (development dependency)? ...
try the events and methods of jqgrid api, are useless, ask the boss what good methods are available ...
the new project found that testing the drop-down on chrome will refresh the page look at Mobile Taobao s implementation of the drop-down and do not know how to achieve it ...
...
does the use of font-family in the pc page css cause font infringement ...
editable div settings contentEditable= "plaintext-only " cursor can appear anywhere, items as long as the cursor appears on the first line set to true copy paste will be rich text and editable div words limit of 500excess cannot be re-entered do not kno...
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...
use location.hash = "- sharpfooter " to navigate to the DOM node on the page where id is footer, then scroll to the click location and click again, it will not jump to the-sharpfooter position again, only the first click is valid ...
I used Wechat developer tool to debug the official account of the web page, but suddenly the page did not display, there was nothing in div-sharpapp, there were all those routes, and other colleagues could run this project, but I couldn t. It was a blan...
...
the demand is like this, the left menu bar, the right content area, click a button to load an iframe page, click the next to load another iframe page, how to achieve? I don t know much about iframe pages, thank you! ...
recent interviews have been asked about the new features of HTML5 and its use in the project. I feel that the interviewer is not satisfied with my answer. how should I answer this kind of question? what answer does the interviewer expect? what aspects...
recently read the front-end https: www.w3cplus.com mobil. this article, feel very troublesome, why not learn Android ...