Lassen Sie uns darüber sprechen, wie Sie die JS-Bibliothek verwenden können, um das Problem der seitenübergreifenden Nachrichten- und Datenübertragung in kleinen Programmen zu lösen

Da die wx.navigateBack-Methode des WeChat-Applets die Rückgabe von Werten nicht unterstützt, kann die Seite die Daten nicht sofort nach der Rückgabe bequem aktualisieren.

1. Anforderungsanalyse

Diese Art von Anforderung bedeutet wahrscheinlich: Seite A betritt Seite B, Seite B kehrt zurück und übergibt einen Wert an A oder wenn ein Ereignis ausgelöst wird Auf Seite B gibt es auch auf Seite A ereignisgesteuerte Änderungen.

Geschäftsanalyse

Die erste Methode: Verwenden Sie wx.setStorage von WeChat, um Daten in der Miniprogramminstanz zwischenzuspeichern. Wenn Sie von Seite B zu Seite A zurückkehren, speichert Seite B zunächst die Daten im Cache. Rufen Sie dann in der Onshow-Methode von Seite A wx.getStorage auf, um den Cache zu lesen. Es birgt jedoch viele versteckte Gefahren für zukünftige Wartungsarbeiten. (Ähnlich der globalen Variablenmethode)

Die zweite Methode: Abrufen der vorherigen Seiteninstanz, diese Funktion kann ebenfalls implementiert werden. Ein Teil des Codes lautet wie folgt:

Der Nachteil dieser Methode besteht darin, dass es möglicherweise viele Eingänge zu Seite B gibt. Dies kann dazu führen, dass falsche Seiteninstanzen abgerufen werden.

2. Methodeneinführung

Kommen wir zum Hauptthema und stellen onfire.js() vor

onfire.js ist eine sehr einfache Ereignisverteilung JavaScript-Bibliothek (nur 0,9 KB), einfach und praktisch. Es kann angewendet werden auf:

1. Einfache Ereignisverteilung.

2. Wird für die einfache Implementierung komponentenübergreifender Anwendungen in React, Vue.js und Angular verwendet.

3. Abonnement und Veröffentlichung der Veranstaltung.

Verwendungsideen: (Jeder, der mobile Entwicklung gemacht hat, weiß, dass es iOS-Benachrichtigungen und Android-Broadcasts ähnelt)

a.A Die Seite abonniert zunächst ein Ereignis und definiert die Verarbeitungsmethode; >

b. Wenn Sie von Seite B zurückkehren, senden Sie eine Nachricht.

c.

Meine Verwendungsmethode ist:

A-Seitencode:

Wir können die onfire.on-Methode direkt auf der A-Seite aufrufen subscribe Eine Nachricht mit dem Namen key. Im obigen Code werden die an die Nachricht angehängten Parameter ohne Parameter übergeben.

Wenn Sie Parameter übergeben müssen, fügen Sie einfach Parameter direkt in der Funktion hinzu, zum Beispiel:

Es ist zu beachten, dass es sich in onUnload befinden muss (wenn die Seite ist geschlossene Zeit) Abonnieren Sie die Nachricht und lösen Sie die Bindung von eventObj.

Fügen Sie im Code auf Seite B den folgenden Code im Rückrufbereich hinzu:

3. Analysebibliothekscode

Aus dem Code geht hervor, dass beim Abonnieren der on-Methode tatsächlich die _bind-Methode aufgerufen wird. Diese Methode verwendet ein zweidimensionales Array zum Speichern der abonnierten Objekte.

Der Kern der Methode zum Senden von Feuernachrichten besteht darin, die Methode _fire_func aufzurufen, die Abonnenten nach Namen (Schlüssel) zu durchlaufen und dann die Abonnenten zu benachrichtigen. Rufen Sie die un-Methode auf, um die Abonnenten nach Namen (Schlüssel) zu durchsuchen und sie zu entfernen, nachdem Sie sie gefunden haben.

Empfohlen: „

Mini-Tutorial zur Programmentwicklung“

Das obige ist der detaillierte Inhalt vonLassen Sie uns darüber sprechen, wie Sie die JS-Bibliothek verwenden können, um das Problem der seitenübergreifenden Nachrichten- und Datenübertragung in kleinen Programmen zu lösen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!