


Das Folgende ist eine Zusammenfassung der Woche der WeChat-Applet-Entwicklung. Ich hoffe, dass sie für Studenten auf der chinesischen PHP-Website hilfreich sein wird.
Editor
Ich verwende vscode direkt (dasselbe gilt für andere Editoren, ich verwende immer noch WeChat-Entwicklungstools für die Vorschau), Syntaxhervorhebung wird Stellen Sie wxml auf HTML und wxss auf CSS ein
"files.associations":?{ ??"*.wxss":?"css", ??"*.wxml":?"html" }
Sie k?nnen auch Miniprogramm-bezogene Plug-Ins installieren
und mit dem Schreiben von Code beginnen
Zun?chst müssen Sie das WeChat-Applet-Dokument (Framework, Komponenten und API) vollst?ndig lesen, um sp?ter die Suche zu erleichtern.
Ansichtskomponente entspricht p
Text entspricht span
wxss-Selektor Unterstützt nur Elemente , #id, .className, ::after, ::before
Projekt Neue Komponenten erstellen Folgen Sie im Verzeichnis einer Verzeichnisstruktur ?hnlich den Seiten und legen Sie die Vorlagen, Stile und JS-Dateien jeder Komponente im selben Ordner ab
Die Vorlage kann direkt
verwendet werden oder bei Bedarf den Stil verwenden Um einen Wert zu übergeben, importiert @import
-
js mit require, um ihn in die Seite einzuführen, und verwendet dann die folgende mergePage, um ihn in die Seite zu laden Objekt .
mergePage
Laden von Komponenten
const?ErrorMsg?=?require('../../../components/error-msg/error-msg'); Page(util.mergePage({ ??//?頁面?Page?方法... ??onLoad()?{ ????//?可以直接在頁面方法中調(diào)用?showErrorMsg?方法 ??} },?ErrorMsg/*?更多組件也可以*/));
Verwenden Sie die Methode mergePage, um alle Komponentenmethoden und Seitenereignisse im Seitenobjekt
- So schreiben Sie Komponenten
var?errorTimer; module.exports?=?{ ??showErrorMsg(msg,?cb)?{ ????clearTimeout(errorTimer); ????this.setData({ ??????errorMsg:?msg ????}); ????errorTimer?=?setTimeout(?()?=>?{ ??????this.setData({ ????????errorMsg:?false ??????}); ??????cb?&&?cb(); ????},?2000); ??} ??//?可以在這里注冊?`onLoad`,`onShow`等頁面事件 }
Sie k?nnen this.setData in der Komponente verwenden, um Seitendaten zu aktualisieren, oder sich bei onLoad, onShow und registrieren andere Seitenereignisse, mergePage Das Ereignis mit dem letzten Parameter wird zuerst aufgerufen.
- Der Quellcode von mergePage
/** ?*?合并?Page?對象所有的方法及事件 ?*?子對象不能使用?data?屬性,請在?onLoad?中使用?setData?方法設(shè)置 ?*/ function?mergePage(dest,?...src)?{ ??let?args?=?arguments; ??let?eventsStack?=?{ ????onLoad:?[], ????onReady:?[], ????onShow:?[], ????onHide:?[], ????onUnload:?[], ????onPullDownRefresh:?[], ????onReachBottom:?[], ??}; ??//?保存所有的事件,最后一個參數(shù)的事件會最先調(diào)用。 ??for(let?name?in?eventsStack)?{ ????for(let?i?=?args.length?-?1;?i?>=?0;?i--)?{ ??????args[i][name]?&&?eventsStack[name].push(args[i][name]) ????} ??} ??Object.assign(...args); ??for(let?name?in?eventsStack)?{ ????dest[name]?=?function()?{ ??????for(let?i?=?0;?i?< eventsStack[name].length; i++) { eventsStack[name][i].apply(this, arguments); } } } return dest; }es 6
Pfeilfunktionen,
FunktionsparameterStandardwerte und analytische Strukturen
wx.request({ complete: ({data= {}}) =>?{ ????//?1.?因為?wx.request?返回的接口數(shù)據(jù)是在?data?屬性里,這里我們只要?data?屬性就行了,所以直接參數(shù)解析構(gòu) ????//?2.?如果?failed,無?data?時,data?將為默認(rèn)值?{} ????if(data.code?!==?0)?{ ??????//?do?something?if?request?failed ??????return; ????} ????//?請求正常處理代碼 ????//?3.?因為用的箭頭函數(shù),回調(diào)里可以正常使用?this,?訪問?Page?對象的方法 ????//?比如?this.setData(...) ??} })
Einige Funktionsparameter k?nnen Standardparameter auch direkt verwenden .
Erweiterter-Operator und Objektattributabkürzung Beim übergeben von Datenparametern an die Vorlage k?nnen Sie Objektattributabkürzungen wie
<template is="..." data="{{...obj, id: otherIdVariable, name}}"></template>Auf diese Weise kann die
-Variable
in der Vorlage alsSchlüssel des obj-Objekts sowie als ID verwendet werden und NameVorlage
StringSie k?nnen die es 6-Vorlagenzeichenfolge direkt und bequem im Applet
verwenden
let?url?=?`${app.globalData.API_PREFIX}/cart/add`;
Weitere es 6 Funktionen
Andere Hinweise
Das wx.showToast-Symbol unterstützt nur ?Erfolg“. ? und ?loading“, und die Fehlermeldung kommt von Definition
- Wenn die Variablen in der Vorlage keinen Wert haben, überprüfen Sie bitte, ob die Daten übergeben werden.
- Das Entwicklungstool (v0.10.102800) kann die folgende Methode verwenden, um eine Schnittstelle zum Anfordern eines Dom?nennamens hinzuzufügen, aber leider kann sie nicht in WeChat verwendet werden.
//?放到?app.js?前面 ?wxConfig.projectConfig.Network.RequestDomain.push('https://weapp.juanpi.com');Der JS aller Seiten wird sofort beim Start ausgeführt, und nicht beim ?ffnen der Seite, wie es bei einigen der Fall ist Global geschrieben Der Code sollte so oft wie m?glich nach onLoad platziert werden. Das Folgende ist der geladene Code aus der
Das obige ist der detaillierte Inhalt vonEine Woche Zusammenfassung der Entwicklung des WeChat-Miniprogramms. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Das Kopieren von Comics ist zweifellos ein Schatz, der nicht übersehen werden kann. Hier finden Sie Basketball -Comics in verschiedenen Stilen, von leidenschaftlichen und inspirierenden Wettbewerbsgeschichten bis hin zu entspannten und humorvollen t?glichen Kom?dien. Unabh?ngig davon, ob Sie die Klassiker noch einmal erleben oder neue Werke entdecken m?chten, kann das Kopieren von Comics Ihre Bedürfnisse erfüllen. Durch das authentische Online-Leseportal, das von Copy Comics bereitgestellt wird, verabschieden Sie sich von der Mühe von Rabour-Ressourcen, genie?en Sie eine hochaufl?sende und reibungslose Leseerfahrung und k?nnen Ihre bevorzugten Comic-Autoren unterstützen und zur Entwicklung authentischer Comics beitragen.

Die Auswahl des UC -Browsers oder der QQ -Browser h?ngt von Ihren Anforderungen ab: 1. UC -Browser ist für Benutzer geeignet, die schnelle Lade- und reichhaltige Unterhaltungsfunktionen verfolgen. 2. QQ Browser eignet sich für Benutzer, die Stabilit?t und nahtlose Verbindung mit Tencent -Produkten ben?tigen.

Die Kombination der neuesten Branchentrends und mehrdimensionalen Bewertungsdaten im Jahr 2025 sind die folgenden Top-Ten-Empfehlungen für KI.

Nice Comics, eine immersive Leserfahrungsplattform, die sich der Erstellung von Comicliebhabern widmet, vereint eine gro?e Anzahl hochwertiger Comic-Ressourcen im In- und Ausland. Es ist nicht nur eine Comic -Leseplattform, sondern auch eine Community, die Comic -Künstler und Leser verbindet und die Comic -Kultur teilt. Mit einfachem und intuitivem Schnittstellendesign und leistungsstarken Suchfunktionen k?nnen Sie mit NES Comics Ihre Lieblingswerke problemlos finden und ein reibungsloses und komfortables Leseerlebnis genie?en. Verabschieden Sie sich von den langen Warten und mühsamen Operationen, betreten Sie sofort die Welt der netten Comics und beginnen Sie Ihre Comic -Reise!

Frogman Comics ist die erste Wahl für viele Comicliebhaber mit seinen reichen und vielf?ltigen Comic -Ressourcen und einem bequemen und reibungslosen Online -Leseerlebnis. Es ist wie ein pulsierender Teich, mit frischen und interessanten Geschichten, die st?ndig auftauchen und darauf warten, dass Sie entdecken und erkunden. Frog Man Comics berichten von einer Vielzahl von Themen, von leidenschaftlichen Abenteuern bis hin zu sü?er Liebe, von Fantasie und Science -Fiction bis hin zu Spannung, egal welches Genre Sie m?gen, Sie finden Ihre Lieblingswerke hier. Mit seinem einfachen und intuitiven Schnittstellendesign k?nnen Sie leicht loslegen, schnell die Comics finden, die Sie lesen m?chten, und sich in die aufregende Comic -Welt eintauchen.

Hier k?nnen Sie den riesigen Ozean der Comics genie?en und Werke verschiedener Themen und Stile erkunden, von leidenschaftlichen jungen Mann-Comics bis hin zu zarten und bewegenden M?dchen-Comics, von spannend und hirnverbrennenden Mystery-Comics bis hin zu entspannten und lustigen t?glichen Comics, alles, und es gibt immer eine, die Ihre Herzstrings berühren kann. Wir haben nicht nur eine gro?e Menge echter Comic -Ressourcen, sondern auch die neuesten Arbeiten st?ndig vor, um sicherzustellen, dass Sie Ihre Lieblingscomics so schnell wie m?glich lesen k?nnen.

Die neueste offizielle Website von 2025b Anhui ist: https://www.marketwebb.co/zh-cn/join?ref=507720986&type=wenzi; Binance Exchange ist ein globaler Kryptow?hrungsaustausch, der 180 L?nder und Regionen, einschlie?lich Nordamerika, Europa, Taiwan, dem Nahen Osten, Hongkong und Malaysia, dient. Es liefert mehr als 600 Kryptow?hrungen und verfügt über 270 Millionen registrierte Benutzer weltweit.

Benutzer von Android Mobiltelefonen k?nnen die Huobi/Huobi -App in den folgenden Schritten herunterladen und installieren: 1. Stellen Sie sicher, dass das Netzwerk stabil ist und der Speicherplatz ausreicht; 2. Laden Sie die App über die offizielle Website von Huobi/Huobi herunter, greifen Sie mit dem Browser auf die offizielle Website zu und klicken Sie auf den Link Download oder scannen Sie den QR-Code. Suchen Sie und laden Sie sie über Anwendungsgesch?fte von Drittanbietern wie AppTreasure und Huawei-App-Markt herunter und laden Sie sie herunter. 3. Suchen Sie die heruntergeladene .APK -Datei, aktivieren Sie die Berechtigung "Unbekannte Quell -App", befolgen Sie die Eingabeaufforderungen, um die Installation abzuschlie?en usw.
