微信小程式的圖片預(yù)先載入組件
1.將 img-loader 目錄拷貝到你的專案中
2.在頁面的 WXML 檔案中加入以下程式碼，將元件模板引入
<import src="../../img-loader/img-loader.wxml"/>
<template is="img-loader" data="{{ imgLoadList }}"></template>
3.在頁面的 JS 檔案中引入元件腳本
const ImgLoader = require('../../img-loader/img-loader.js')
4.實(shí)例化一個(gè) ImgLoader 對象，將 this(當(dāng)前 Page 對象) 傳入，第二個(gè)參數(shù)可選，為預(yù)設(shè)的圖片載入完成的回調(diào)方法
this.imgLoader = new ImgLoader(this)
5.調(diào)用 ImgLoader 實(shí)例的 load 方法進(jìn)行圖片加載，第一個(gè)參數(shù)為圖片鏈接，第二個(gè)參數(shù)可選，為該張圖片加載完成時(shí)的回調(diào)方法
this.imgLoader.load(imgUrlOriginal, (err, data) => {
? ? console.log('圖片載入完成', err, data.src, data.width, data.height)
})
註：圖片載入完成的回呼方法的第一個(gè)參數(shù)為錯(cuò)誤訊息（載入成功則為 null），第二個(gè)參數(shù)為圖片訊息（Object 類型，包括 src、width 和 height）。
本站所有資源皆由網(wǎng)友貢獻(xiàn)或各大下載網(wǎng)站轉(zhuǎn)載。請自行檢查軟體的完整性！本站所有資源僅供學(xué)習(xí)參考。請不要將它們用於商業(yè)目的。否則，一切後果都由您負(fù)責(zé)！如有侵權(quán)，請聯(lián)絡(luò)我們刪除。聯(lián)絡(luò)方式：admin@php.cn
相關(guān)文章
如何使用 jQuery 在我的 Web 應(yīng)用程式中輕鬆預(yù)先載入圖片？
25 Dec 2024
使用 jQuery 簡單地預(yù)先載入映像雖然存在更複雜的預(yù)先載入方法，但本文旨在提供一種快速且...
什麼是來源映射以及為什麼 JavaScript 開發(fā)人員需要它們？
23 Oct 2024
來源映射（.map 檔案）彌合了縮小程式碼和原始程式碼之間的差距，使開發(fā)人員能夠調(diào)試神秘的縮小程式碼。它們提供從縮小程式碼到原始程式碼的映射，允許在生產(chǎn)環(huán)境中進(jìn)行有效的故障排除
如何從 .NET EXE 檔案中恢復(fù)遺失的 C# 原始碼？
17 Jan 2025
從 .NET EXE 產(chǎn)生 C# 原始程式碼當(dāng) C# 應(yīng)用程式的原始程式碼遺失時(shí)，從 EXE 檔案產(chǎn)生程式碼可能至關(guān)重要...
Python 的內(nèi)部運(yùn)作原理
04 Nov 2024
這是完整的程式碼檔案：程式碼 1. 原始碼 當(dāng)您編寫 Python 腳本時(shí)，它是人類可讀的文字。該原始碼是一切的起點(diǎn)。 您的 Python 原始碼以 .py 檔案編寫，是人類可讀的。這段程式碼
可以透過程式設(shè)計(jì)方式檢索 PHP 函數(shù)原始碼嗎？
19 Oct 2024
以程式設(shè)計(jì)方式提取 PHP 函數(shù)原始碼問題：是否可以以程式設(shè)計(jì)方式檢索給定名稱的 PHP 函數(shù)的原始程式碼？ ; } 迴音
如何存取 C 原始程式碼中的 CMake 變數(shù)？
02 Nov 2024
在 C 原始程式碼中存取 CMake 變數(shù)問題：如何在 C 原始程式碼中存取和使用 CMake 變量，例如 LIBINTERFACE_VERSION...
來源映射如何增強(qiáng)生產(chǎn)中精簡 JavaScript 和 CSS 程式碼的調(diào)試？
23 Oct 2024
來源映射（“.map”檔案）對於調(diào)試縮小的 JavaScript 和 CSS 程式碼至關(guān)重要。它們將原始的、可讀的原始程式碼連結(jié)到生產(chǎn)中使用的精簡程式碼。透過在開發(fā)工具中啟用來源映射，開發(fā)人員可以輕鬆識別
熱門工具標(biāo)籤
熱工具
微信小程式demo:仿商城
微信小程式demo：仿商城,上手簡單，對商城的一些基本的功能有很好的涉及
外帶：實(shí)現(xiàn)類似錨點(diǎn)功能
正是大家需要的類似錨點(diǎn)功能，另外也實(shí)現(xiàn)了一些外帶app的典型點(diǎn)菜功能，推薦學(xué)習(xí)研究；
微信小程式demo：樂助
微信小程式demo：樂助：類似基於地理位置的到位；助人應(yīng)用，與張小龍的小程式精神有點(diǎn)相似。
微信小程式遊戲類demo挑選不同色塊
微信小程式遊戲類demo挑選不同色塊
微信小程式demo：輪播圖變換
輪播圖樣式變換,簡單的一個(gè)用小程式實(shí)現(xiàn)的輪播圖，寫法容易