the official document says: the picture is loaded lazily. It is only valid for image under page and scroll-view. Then I only wrote a few image tags on the page, set lazy-load, and then scrolling the page didn"t feel effective. What should be the effect of lazy loading brought by Mini Program? Did mine work in the end? Ask for advice
the effect is usually not felt, when the network is very slow, it is obvious that the picture is blank when scrolling down, and it will take a while to come out.
I use it very well in scroll-view. Without scroll-view, it doesn't seem to work.
I don't understand the official instructions very much. The outermost layer of every page is page. Where else can image be if it's not in page?
lz can be tested with larger pictures, such as 4 or 5m pictures taken by mobile phones.
Open the page and wait more than ten seconds, then scroll down.
if lazy-load takes effect, you should see the blank image load slowly; if it doesn't, you will see the picture directly.
it is important to note that lazy-load will load two or three more images in order to improve the user experience. If you scroll slowly, you can't see the effect.
it's a pity that Network can't see the records loaded by image resources in Mini Program's IDE. Otherwise, you can verify lazy-load. in Network
.what is your expected effect and actual effect?
Mini Program lazy loading needs to start loading when the picture enters a certain range (three screens up and down). This means that when your images are less than three screens, such as when all the images are not loaded at first, the image nodes are in the visual range, which is likely to be loaded all at once.
you can set a large blank node in the visual range to "squeeze" all the image nodes out of the visual range, and then see if there is lazy loading.
set the click event for a button to call wx.authorize,. If the user clicks the rejection of the authorization pop-up box for the first time, won t the authorization pop-up box be adjusted the next time the button is clicked? ...
according to the title, my Mini Program mainly has a form submission to get the user unionid to get through Mini Program and the official account. Do I need to maintain my login status? When it comes to the login state, it makes me feel dizzy. ...
when Mini Program sends template messages to obtain access_token, appsecret, needs to be passed in the API parameters, but what we are doing is a third-party platform for saas service. How can we get the merchant s appsecret? Can merchants get appsecret...
I bound the same click event to the button tags of some child pages, such as getFormID, so I put getFormID in app.js. Sub-page button binding click event when the direct bindtap= "getFormID " can not be executed, prompting that there is no getFormID met...
because I want to collect formid (multiple pushes of template messages), I put layers button and form around each navigator ...
the official document says: "in order to facilitate developers of third-party platforms to introduce extAppid development and debugging work, it is necessary to introduce the concept of ext.json. Ext.json is a configuration file that is placed in the r...
I found that when I wrote Mini Program, I tested it on my ios mobile phone. The map on the first page can not be opened by writing wx.openLocation directly, while the map in the other sub-page can be opened by writing wx.openLocation directly. Why? (neit...
does Mini Program, a template developed by a third-party platform, need to be checked and launched like a normal Mini Program? Or only third-party platforms can only replace merchants to audit their Mini Program online? ...
my wx.showLoading is placed in the onload lifecycle function, and the wx.hideLoading is written in the request callback function, but it will be displayed when the simulator first enters the page. Why does it not appear on the phone? ...
I set the width of the picture, and then set the mode= "widthfix ", but I found that on some phones, the moment when I first enter the page to load the image, the picture will be pulled very long, and then return to normal. Then if I set the height of t...
I see that the official document only says that web-view requires a basic library of at least 1.6.4, so how much is the basic library needed for web-view to open official account articles? Do you need to be compatible? ...
I have heard an elder say that request should be put in onReady and then request after rendering dom. I don t know what advantage this will bring. Won t it be slower than putting it in onload? Ask for answers from seniors ...
setting hover-class for navigator and button does not work, but setting for view does. My navigator and button both have background colors. Does that have anything to do with this? ...
it is found that after setting the background color of Mini Program s button component (without setting the type type), the default button-hover when clicked does not take effect. Is there any solution? ...
large text should be better to use text, after all, text can be selected, so small text such as only a few words, view or text is better? ...
Mini Program comes with a rich-text component, but what s the difference between seeing that some people introduce wxparse to parse rich text? Isn t it more convenient to bring your own rich-text? Or does rich-text have many shortcomings? ...