Lassen Sie uns über das WXS-Modul im WeChat-Applet sprechen und seine Verwendung vorstellen.

Dieser Artikel wird Ihnen das WXS-Modul im WeChat-Applet näher bringen und die Verwendung von WXS vorstellen. Ich hoffe, dass er für alle hilfreich ist!

Vorher geschrieben, einige Gedanken:

Ich entwickle seit einiger Zeit WeChat-Miniprogramme. Ich muss sagen, dass die API und die verschiedenen Paketkomponenten von WeChat-Miniprogrammen tatsächlich sehr leistungsfähig sind, und zwar weitgehend Das spart den Entwicklern Zeit, aber ich bevorzuge es, alles selbst mit den von WeChat gepackten Komponenten und APIs zu entwickeln.

Obwohl kleine Programme auch in einer Schicht gekapselt sind, gibt es immer einen Unterschied zwischen der Verwendung vorgefertigter Programme und dem Selbstschreiben. Wenn Sie sich beispielsweise vollständig auf die offizielle Verpackung von WeChat und die Eigenentwicklung auf der Basis nativer Miniprogramme verlassen, ist dies der Unterschied zwischen der Dekoration eines Hardcover-Raums und eines rauen Raums. Sie müssen lediglich Möbel in den Hardcover-Raum verlegen Das ist großartig. Natürlich lehne ich die von WeChat bereitgestellte API nicht ab. Ich hoffe nur, dass sie in gewissem Maße besser ist Ich werde meine Fähigkeit, von Grund auf zu entwickeln, nicht verlieren. Schließlich besteht das Frontend nicht nur aus kleinen Programmen.

Text:

Seit kurzem ist es erforderlich, einen Schieberegler auf einer Seite zu haben. Sie können den Schieberegler mit Ihrem Finger an eine beliebige Position auf der Seite ziehen, und wenn Sie ihn loslassen, kann der Schieberegler die Kante automatisch absorbieren.

Da DOM-Elemente in Miniprogrammen nicht direkt manipuliert werden können, kann der Stil nicht direkt über js festgelegt werden. Wenn Sie möchten, dass der Schieberegler schnell auf das Gleiten Ihres Fingers reagiert, ist das Auffinden der Elementposition über die Daten der Seite gleichbedeutend mit setData auf Millisekundenebene, eine setData-Antwort erfordert zwei Kommunikationen zwischen der Logikschicht und der Rendering-Schicht und eine Rendering, und die Kommunikation ist relativ zeitaufwändig. Darüber hinaus blockiert das Rendern von setData auch die Ausführung anderer SetData-Skripte in dieser Häufigkeit, was leicht zu Verzögerungen führen kann, sodass diese Lösung nicht realisierbar ist.

Im WeChat-Applet gibt es einen offiziellen Ansichtscontainer namens „movable-view“. Dieser sollte die Anforderungen jedoch lösen können, wenn der Leistungsunterschied nicht groß ist dient als Alternative.

Verwendung von WXS

Mit anderen Worten, wxs wird speziell für WXML-Seiten verwendet. Es implementiert die Funktion zum Aufrufen von Funktionen auf der Ansichtsebene

Obwohl In der WeChat-Dokumentation wird angegeben, dass wxs eine Skriptsprache für kleine Programme ist und über eine eigene Syntax verfügt. Die Syntax unterscheidet sich größtenteils nicht wesentlich von js. Wenn Sie interessiert sind, können Sie die Dokumentation selbst lesen. Das WeChat-Applet bietet zwei Aufrufmethoden. Ich werde hier nicht zu sehr ins Detail gehen. Fügen Sie den Code einfach direkt ein Video, weil es Zhihu ist Es wurde direkt verschoben, also nicht in GIF konvertiert. Wenn Sie sich das Video ansehen möchten, können Sie zum Zhihu-Artikel gehen (Über die Verwendung des WeChat-Applets wxs sprechen)

Die grundlegende Verwendung von wxs ist wahrscheinlich so, da ich derselbe bin. Dies ist das erste Mal, dass ich wxs verwende. Wenn es Mängel oder Fehler gibt, können Sie mich gerne korrigieren.

【Verwandte Lernempfehlungen:

Mini-Tutorial zur Programmentwicklung

】

Das obige ist der detaillierte Inhalt vonLassen Sie uns über das WXS-Modul im WeChat-Applet sprechen und seine Verwendung vorstellen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!