Heim > Artikel > WeChat-Applet > 10 empfohlene Artikel über wxss
Ich verwende vscode direkt als Editor (dasselbe gilt für andere Editoren und ich verwende weiterhin WeChat-Entwicklungstools für die Vorschau, setze wxml auf html und wxss auf css „files.associations“: {) „*.wxss“: „css“, „*.wxml“: „html“ } Sie können auch Miniprogramm-bezogene Plug-Ins installieren, um mit dem Schreiben von Code zu beginnen. Zuerst müssen Sie die Dokumentation zum WeChat-Miniprogramm (Framework, Komponenten und API) vollständig lesen, damit Sie sie bei späterer Verwendung leichter finden können. Die Ansichtskomponente entspricht ptext in HTML und spanwxss. Der Selektor unterstützt nur die Elemente #id, .className, ::after, ::before und drückt die Verzeichnisstruktur ähnlich wie seiten
1. Zusammenfassung eines Beispiels des WeChat-Entwicklungsprozesses
Einführung: Ich verwende den Editor direkt vscode (dasselbe gilt für andere Editoren, wir verwenden immer noch WeChat-Entwicklungstools für die Vorschau), setze wxml auf HTML für die Syntaxhervorhebung und setze wxss auf css
2. WeChat-Entwicklung Detaillierte Einführung in WXML, WXSS und JS
Einführung: In diesem Artikel werden hauptsächlich die Einführung in das WeChat-Applet WXML, WXSS und JS sowie ausführliche Informationen vorgestellt. Freunde in Not können auf
3 Einführung in die WeChat-Entwicklung (7) Verwendung zurückgreifen weui.wxss
Einführung: Was ist WeUI, das vom offiziellen Designteam auf Miniprogramme zugeschnitten wurde? in Übereinstimmung mit den visuellen Designspezifikationen von WeChat. Angepasste Basisstilbibliothek. Wir haben WeUI hier in die Grundlagen aufgenommen, da WeUI ein offizielles Produkt ist und die IDE nach dem IDE-Update am 28. Oktober CSS nicht mehr erkennen und referenzieren kann. Außerdem blockiert sie den Erwerb von Stildateien aus dem Netzwerk und zieht eine klare Linie mit CSS .
4. Der Flex-Layout-Modus ist für die Entwicklung von Miniprogrammen unverzichtbar
Einführung: Im Vergleich zum herkömmlichen Float-Layout ist das Flex-Layout einfach, schnell und bequem. Durch die Beherrschung des Flex-Layouts kann der WXSS-Code beim Erstellen von WeChat-Miniprogrammen reduziert werden, und es entspricht auch den Dokumentanforderungen für die WeChat-Miniprogrammentwicklung. Dieser Code umfasst vier Flex-Layoutmethoden, die jeweils unterschiedliche Attribute unterschiedlicher Flexibilität verwenden. Es wird empfohlen, die Lernreferenz am Ende dieses Artikels zu lesen, um verwandte Attribute kennenzulernen
5 Einführung eines WeChat-Miniprogramm-Entwicklungstools von Drittanbietern (WEPT)
Einführung: WeChat-Applet-Entwicklungstool, Drittanbieter-Entwicklungstool WEPT, WEPT-Hauptfunktion: Echtzeit-Update, unterstützt wxml wxss javascript json stabiler. Im Gegensatz zu offiziellen Tools gibt es keine Einschränkungen hinsichtlich häufiger Fehler, keine Verbindung zum Internet erforderlich, keine Notwendigkeit, CORS im Backend zu konfigurieren und unterstützt mobiles Surfen.
6. Detaillierte Erklärung der WXML- und WXSS-Dateien im WeChat-Miniprogramm
Einführung: WXML WXML (WeiXin Markup Language) ist eine Reihe von Tag-Sprachen für WeChat. In Kombination mit Basiskomponenten und Ereignissystemen kann es die Struktur der Seite erstellen. (Kleine Anna: Es scheint sehr mächtig zu sein. Was sind die Grundkomponenten und das Ereignissystem? Es fühlt sich noch mächtiger an, weil sie kombiniert werden müssen.) Die Grundkomponenten ähneln Tags in HTML, und das Ereignissystem ist ein Ereignis in JavaScript kann logische Reaktionen auf die Schnittstelle verarbeiten. Wenn es keine Komponenten und Ereignisse gibt, ist es nutzlos.
7. Lernen Sie, wie Sie einen Open-Source-Applet-Rechner erstellen
Einführung: Dies ist ein kleines Übungsprojekt für Anfänger (angepasst auf der Grundlage der WeChat-Schnelldemo), um einen Taschenrechner zu erstellen. Es verfügt über eine einfache Benutzeroberfläche, grundlegende Sprünge und eine einfache JS-Logik, sodass es sich sehr gut für Anfänger zum Lesen eignet. Durch das Lesen des Codes anderer Personen können Sie Ihre eigenen Programmierkenntnisse festigen. Kenntnisse im Zusammenhang mit der WeChat-Applet-Entwicklung: 1. CSS-Flexbox-Layout 2. Ereignisbindung, Seitensprung 3. Seite, Fenster, globale App-Einstellungen 4. Verwendung von WXML-, WXSSS-, JS- und JSON-Dateien 5. Ansicht, Text usw.
8. Grundlagen der Miniprogrammentwicklung – Indexseitenanalyse (5)
Einführung: Im vorherigen Tutorial ging es um einige technische Probleme, die nichts mit der WeChat-Applet-Entwicklung selbst zu tun haben. In diesem Tutorial wird hauptsächlich die standardmäßig generierte Indexseite erläutert. Wie im vorherigen Tutorial beschrieben, enthält jede Seite drei Dateien: .js (Verarbeitungslogik), .wxml (Beschreibung des Seiteninhalts) und .wxss (Konfiguration des Seitenstils). Dasselbe gilt für die Indexseite. Bevor wir es erklären, hat die Indexseite im Bild oben nicht viel Inhalt. Es gibt nur einen Benutzer-Avatar, einen Benutzernamen und „Hallo Welt“. >
9.Strukturüberblick über die Grundlagen der WeChat Mini-Programmentwicklung (2)
Einführung: WeChat Mini-Programmentwicklungs-Tutorial (Grundlagen) 1 Erste Einführung in WeChat Mini-Programme Am Ende des vorherigen Tutorials haben wir ein Miniprogramm ähnlich „Hello World“ generiert, ohne eine einzige Codezeile in das zu schreiben Verfahren. Nach dem Erstellen eines neuen Projekts generiert das WeChat-Applet ein Standardprogramm-Framework und die anschließende Programmentwicklungsarbeit wird an diesem Framework durchgeführt. Dieses Standard-Framework enthält die folgenden Teile: app.xx Jedes WeChat-Applet enthält drei Dateien: app.js, app.json und app.wxss Die app.js-Datei...
10.
Detaillierte Erläuterung des Schubladenmenü-Beispiels der WeChat-Applet-Entwicklung
Einführung: Das Schubladenmenü ist eine gängige Menüdesignmethode in der folgenden Abbildung. Im Folgenden wird gezeigt, wie ein Schubladenmenü basierend auf dem WeChat-Applet implementiert wird Die Seite enthält eine Startseite und eine Schubladenmenüseite. Die Seite verwendet ein absolutes Layout. Der Code lautet wie folgt: index.wxml index.wxss Das Programm bindet das Berührungsereignis und das Tippereignis der Startseite Verwendet CatchTouchMove, um die Übertragung des Verschiebungsereignisses zu verhindern, da die Seite automatisch auf die Folie in der realen Maschinenumgebung reagiert...
【Verwandte Q&A-Empfehlungen】:
node.js – Beim Testen des WeChat-Applets auf einem realen Gerät gab die wx.request-Anfrage kein Ergebnis zurück
Das obige ist der detaillierte Inhalt von10 empfohlene Artikel über wxss. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!