Fassen Sie einige Interviewfragen basierend auf kleinen Programmen zusammen und teilen Sie sie, um sicherzustellen, dass Sie das Interview gewinnen!

Dieser Artikel fasst einige Interviewfragen basierend auf kleinen Programmen (mit Analyse) zusammen und teilt sie mit Ihnen, damit Sie das Interview mit Sicherheit gewinnen können. Ich hoffe, dass es für alle hilfreich sein wird!

Miniprogramm-Anmeldevorgang

Schritt 1: wx.login ruft den temporären Anmeldeinformationscode des Benutzers ab

Schritt 2: wx.getUserInfo ruft die verschlüsselten Daten ab, verschlüsselte Daten und Entschlüsselungsparameter iv

Schritt 3: Übertragen Sie den Code, verschlüsselte Daten und iv in den Schritten 1 und 2 auf den eigenen Server des Entwicklers Schritt 4: Nachdem der Server den Code, die verschlüsselten Daten und iv erhalten hat, verwenden Sie die Get-Methode, um das folgende persönliche WeChat-Schnittstellenprojekt anzufordern. Es gibt keine Back-End-Schnittstelle, die den Anmeldevorgang im Miniprogramm der Cloud-Entwicklung beantwortet Seitendeklarationszyklus

● onLoad() wird beim Laden der Seite ausgelöst und nur einmal aufgerufen, um die Parameter im aktuellen Seitenpfad abzurufen. ● onShow() wird ausgelöst, wenn die Seite angezeigt/in den Vordergrund gestellt wird, und wird im Allgemeinen zum Senden von Datenanfragen verwendet.

● onReady() wird ausgelöst, wenn das erste Rendern der Seite abgeschlossen ist, und zwar nur dann wird einmal aufgerufen und zeigt an, dass die Seite mit der Ansichtsebene interagieren kann

● onHide() wird ausgelöst, wenn die Seite ausgeblendet/in den Hintergrund geschaltet wird, z. B. wenn die untere Registerkarte zu anderen Seiten wechselt oder das Applet in den Hintergrund geschaltet wird, usw.

● onUnload() wird ausgelöst, wenn die Seite entladen wird, z. B. „redirectTo“ oder „navigierenZurück zu anderen Seiten“

Applet Häufig verwendete Frameworks

WeUI WeUI ist eine grundlegende Stilbibliothek, die mit dem nativen visuellen Erlebnis von WeChat übereinstimmt. Das offizielle WeChat-Designteam hat die WeChat-Webseiten und WeChat-Miniprogramme maßgeschneidert, um die Nutzungswahrnehmung der Benutzer einheitlicher zu gestalten. Es ist das am häufigsten verwendete Framework bei der Entwicklung von Miniprogrammen und erfreut sich bei Entwicklern großer Beliebtheit. Meituan Mini-Programm-Framework mpvue Offizielle Einführung: mpvue ist ein Front-End-Framework, das Vue.js zur Entwicklung kleiner Programme verwendet. Das Framework basiert auf dem Kern von Vue.js. mpvue hat die Laufzeit- und Compiler-Implementierung von Vue.js so geändert, dass es in einer Miniprogrammumgebung ausgeführt werden kann, und bietet so einen vollständigen Satz an Vue.js-Entwicklungserfahrungen für die Miniprogrammentwicklung . Komponentenentwicklungs-Framework wepy Offizielle Einführung: Die komponentenbasierte Entwicklung löst perfekt Probleme wie Komponentenisolation, Komponentenverschachtelung und Komponentenkommunikation. Sie unterstützt die Verwendung von NPM-Ressourcen von Drittanbietern, verarbeitet automatisch Abhängigkeiten zwischen NPM-Ressourcen und ist perfekt mit allen NPM-Ressourcenpaketen kompatibel Plattformabhängigkeiten. Offizieller Rahmen MINA Offizielle Einführung: Das Framework bietet seine eigenen Ansichtsschicht-Beschreibungssprachen WXML und WXSS sowie ein JavaScript-basiertes Logikschicht-Framework und stellt Datenübertragungs- und Ereignissysteme zwischen der Ansichtsschicht und der Logikschicht bereit, sodass Entwickler sich leicht konzentrieren können auf Daten und logisch.

Kennen Sie WeChat-Miniprogramme? Beschreiben Sie kurz die Prinzipien von Miniprogrammen.

Das WeChat-Applet wird unter Verwendung von drei Technologien entwickelt: JavaScript, WXML und WXSS. Es handelt sich im Wesentlichen um eine Einzelseitenanwendung. Das gesamte Seitenrendering und die Ereignisverarbeitung werden jedoch über eine einzige Seite durchgeführt der WeChat-Client; Die Architektur von WeChat ist ein datengesteuertes Architekturmodell. Alle Seitenaktualisierungen müssen über die Daten verarbeitet werden.

⼼Das Miniprogramm ist in zwei Teile unterteilt. Webview und AppService. Unter diesen wird Webview hauptsächlich zur Anzeige der Benutzeroberfläche verwendet, und appService wird zur Verarbeitung von Geschäftslogik, Daten und Schnittstellenaufrufen verwendet. Sie werden in zwei Prozessen ausgeführt, kommunizieren über die Systemschicht JSBridge und implementieren das UI-Rendering und die Ereignisverarbeitung. Die Hauptverzeichnisdatei des Miniprogrammprojekts dient als Konfigurationsdatei des Projekts project.config.json. Nehmen Sie einige personalisierte Konfigurationen vor als Schnittstellenfarbe, Kompilierungskonfiguration usw.; app.json ist die globale Konfiguration des aktuellen Miniprogramms, einschließlich aller Seitenpfadkonfigurationen des Miniprogramms, der Schnittstellenleistung, des Netzwerk-Timeouts, der unteren Registerkarte usw.; sitemap.json konfiguriert, ob das Miniprogramm und seine Seiten von WeChat indiziert werden dürfen; Seiten enthält bestimmte Seiten; wxml (WeiXin Markup Language) ist eine Reihe von Tag-Sprachen, die vom Framework entwickelt wurden. In Kombination mit Basiskomponenten und Ereignissystemen kann es die Struktur der Seite erstellen. wxss (WeiXin Style Sheets) ist eine Stilsprache, die zur Beschreibung von WXML-Komponentenstilen verwendet wird app.wxss gilt als globaler Stil für alle Seiten des aktuellen Applets und für lokale Seitenstile page.wxss wird nur auf der aktuellen Seite wirksam; app.js Applet-Logik js-Logikverarbeitung, Netzwerkanfragen JSON-Seitenkonfiguration

Wie unterscheidet sich die bidirektionale Bindung des Applets von Vue?

Das Attribut this.data direkt im Applet kann nicht mit der Ansicht synchronisiert werden und muss aufgerufen werden: this.setData({ //Hier einstellen })

Die Lebenszyklusfunktion der Applet-Seite

onLoad wird ausgelöst, wenn die Seite geladen wird. Eine Seite wird nur einmal aufgerufen. Die Parameter zum Öffnen der aktuellen Seite können Sie im onLoad-Parameter abrufen (Überwachung des Seitenladens). onShow() wird ausgelöst, wenn die Seite angezeigt/in den Vordergrund gestellt wird (Überwachung der Seite). Anzeige)

onReady() wird ausgelöst, wenn das erste Rendern der Seite abgeschlossen ist. Eine Seite wird nur einmal aufgerufen, was bedeutet, dass die Seite bereit ist und mit der Ansichtsebene interagieren kann (wobei der Abschluss des ersten Renderns der Seite überwacht wird).

onHide() wird ausgelöst, wenn die Seite ausgeblendet/in den Hintergrund geschaltet wird . Zum Beispiel „navigateTo“ oder die untere Registerkarte, um zu anderen Seiten zu wechseln, das Applet wechselt in den Hintergrund usw. (Überwachung des Ausblendens der Seite).

onUnload() wird ausgelöst, wenn die Seite entladen wird. Wie zum Beispiel umleitenZu oder navigierenZurück zu anderen Seiten (Überwachen des Entladens der Seite)

Vor- und Nachteile des WeChat-Miniprogramms

Vorteile: Sofort einsatzbereit, keine Installation erforderlich, spart Datenverkehr, spart Installationszeit und belegt nicht den Desktop Verlassen Sie sich auf WeChat-Verkehr, natürliche Werbung und Kommunikationsvorteile Die Entwicklungskosten sind niedriger als bei Apps Mangel: Benutzerbindung und sofortige Nutzung sind von Vorteil, es gibt jedoch auch einige Probleme Der Einstieg ist viel tiefer als bei herkömmlichen Apps Es gibt viele Einschränkungen, die Seitengröße darf 2 MB nicht überschreiten und Seiten mit mehr als 10 Ebenen können nicht geöffnet werden. Was sind die Unterschiede zwischen WXSS und CSS? Ergänzungen und Änderungen

Maßeinheit rpx rpx ist ein responsives Pixel, das sich an die Breite des Bildschirms anpasst. Die angegebene Bildschirmbreite beträgt 750 rpx. Auf dem iPhone6 ​​beträgt die Bildschirmbreite beispielsweise 375 Pixel und es gibt insgesamt 750 physische Pixel. Dann ist 750 Pixel = 375 Pixel = 750 physische Pixel. Verwenden Sie die @import-Kennung, um externe Stile zu importieren. Auf @import folgt der relative Pfad des externen Stylesheets, das importiert werden muss, mit ;, um das Ende der Anweisung anzuzeigen

Welche Methoden gibt es zum Übertragen von Daten zwischen Miniprogrammseiten

(1) Verwenden Sie globale Variablen, um die Datenübertragung in app.js zu implementieren. Definieren Sie die globale Variable globalData in der Datei und speichern Sie die Informationen, die darin gespeichert werden müssen. Verwenden Sie bei Verwendung direkt getApp(), um die gespeicherten Informationen abzurufen

(2) Bei Verwendung von wx.navigateTo und wx.redirectTo können Sie einen Teil der Daten in die URL einfügen und diese initialisieren, wenn die neue Seite geladen wird Zu beachtende Probleme: wx.navigateTo und wx.redirectTo erlauben kein Springen zu der im Tab enthaltenen Seite onLoad wird nur einmal ausgeführt (3) Verwenden Sie den lokalen Cache. Speicherbezogen So ermitteln Sie die Einzigartigkeit eines Benutzers, indem Sie das Miniprogramm mit dem offiziellen WeChat-Konto verknüpfen

Wenn der Entwickler über mehrere mobile Anwendungen, Website-Anwendungen und öffentliche Konten (einschließlich) verfügt Mini-Programme), Sie können die Einzigartigkeit von Benutzern durch Unionid unterscheiden, denn solange es mobile Anwendungen, Website-Anwendungen und öffentliche Konten (einschließlich Miniprogramme) unter demselben offenen WeChat-Plattformkonto gibt, ist die Unionid des Benutzers eindeutig. Mit anderen Worten: Derselbe Benutzer hat dieselbe Unionid für verschiedene Anwendungen unter derselben offenen WeChat-Plattform. Konfigurieren Sie zunächst „enablePullDownRefresh“ im Fenster der globalen Konfiguration. Definieren Sie die Hook-Funktion onPullDownRefresh in Page. Nach Erreichen der Pulldown-Aktualisierungsbedingung wird die Hook-Funktion ausgeführt und die Anforderungsmethode initiiert. Nachdem die Anfrage zurückgegeben wurde, rufen Sie wx.stopPullDownRefresh auf, um die Pulldown-Aktualisierung zu stoppen

Was ist der Unterschied zwischen bindtap und Catchtap

Das Gleiche: Erstens handelt es sich bei beiden um Klickereignisfunktionen, die ausgelöst werden wenn darauf geklickt wird. In dieser Funktion sind sie gleich und es besteht kein Grund zur Unterscheidung: Der Hauptunterschied zwischen ihnen besteht darin, dass bindtap Bubbling-Ereignisse nicht verhindert, während Catchtap Bubbling-Ereignisse verhindert. 'wx.redirectTo()', 'wx.switchTab()', 'wx.navigateBack()', 'wx.reLaunch()' Unterschied

wx.navigateTo(): ​​​​behält die aktuelle Seite, springt Gehen Sie zu einer Seite innerhalb der App. Sie können jedoch nicht zur Tabbar-Seite springenwx.redirectTo(): ​​​​Schließen Sie die aktuelle Seite und springen Sie zu einer Seite innerhalb der Anwendung. Das Springen zur Tabbar-Seite ist jedoch nicht zulässig

wx.switchTab(): Zur TabBar-Seite springen und alle anderen Nicht-TabBar-Seiten schließen

wx.navigateBack(): Aktuelle Seite schließen und zur vorherigen Seite zurückkehren oder mehrstufige Seite. Sie können den aktuellen Seitenstapel über getCurrentPages() abrufen und entscheiden, wie viele Ebenen Sie zurückgeben müssen. wx.reLaunch(): Alle Seiten schließen und eine Seite in der Anwendung öffnen. ) Der Unterschied zwischen Methoden

typeof ist ein Operator, der zum Erkennen des Datentyps verwendet wird, z. B. grundlegende Datentypen null, undefiniert, Zeichenfolge, Zahl, boolescher Wert, Sowie Referenzdatentypen wie Objekt und Funktion, aber auch Referenzdatentypen wie reguläre Ausdrücke, Datumsangaben und Arrays werden als Objekte erkannt.

instanceof ist auch ein Operator, der den spezifischen Datentyp leicht identifizieren kann . Referenztyp. Der Unterschied zwischen it und isPrototypeOf besteht darin Es wird verwendet, um zu erkennen, ob der Prototyp des Konstruktors in der Prototypenkette des angegebenen Objekts vorhanden ist. isPrototypeOf wird verwendet, um zu erkennen, ob das Objekt, das diese Methode aufruft, in der Prototypenkette des angegebenen Objekts vorhanden ist, sodass die Erkennungsziele im Wesentlichen unterschiedlich sind.

Der Unterschied zwischen call() und apply()

Tatsächlich sind die Funktionen von Apply und Call gleich, aber die Form der übergebenen Parameterliste ist unterschiedlich. apply(this object, [Parameter 1, Parameter 2,...]) Auch wenn nur ein Parameter vorhanden ist, muss dieser in das Array geschrieben werden call(this object, parameter 1, parameter 2,...) Es kann mehrere beliebige Parameter akzeptieren. Der erste Parameter ist derselbe wie apply, gefolgt von einer Liste von Parametern

Wie überträgt das WeChat-Applet Werte? zu Ereignissen

Fügen Sie das Attribut data-* zum HTML-Element hinzu, um den von uns benötigten Wert zu übergeben, und erhalten Sie ihn dann über den Parameter param von e.currentTarget.dataset oder onload. Der Datenname darf jedoch keine Großbuchstaben enthalten und kann keine Objekte speichern

Der Unterschied zwischen WeChat-Applet und Vue

• Der Lebenszyklus ist unterschiedlich und der Lebenszyklus des WeChat-Applets ist relativ einfach • Die Datenbindung ist auch anders. Die Datenbindung des WeChat-Applets muss {{}} verwenden, vue direkt: einfach • Steuern Sie die Anzeige und das Ausblenden von Elementen. Verwenden Sie in Miniprogrammen wx-if und hide, um die Anzeige und das Ausblenden von Elementen zu steuern. In Vue verwenden Sie v-if und v-show • Die Ereignisverarbeitung ist anders. Im Miniprogramm werden bindtap(bind+event) oder Catchtap(catch+event) zum Binden von Ereignissen verwendet: Verwenden Sie v-on:event zum Binden von Ereignissen. • Die bidirektionale Bindung von Daten ist auch anders. In Vue müssen Sie nur ein V-Modell zum Formularelement hinzufügen und dann einen entsprechenden Wert in den Daten binden in den Daten werden sich auch entsprechend ändern, was eine sehr schöne Sache an Vue ist. Das WeChat-Applet muss den geänderten Wert des Formularelements abrufen und den Wert dann einer in Daten deklarierten Variablen zuweisen.

Mit welchen Methoden kann die Anwendungsgeschwindigkeit von WeChat-Miniprogrammen verbessert werden?

Verbessern Sie die Seitenladegeschwindigkeit Vorhersage des Benutzerverhaltens Reduzieren Sie die Standarddatengröße Komponentenlösung

So lösen Sie das asynchrone Anforderungsproblem von Miniprogrammen

Das Miniprogramm unterstützt die meisten ES6-Syntax • Logikversprechen asynchron im Rückruf verarbeiten, der Erfolg zurückgibt

Was sind die Ähnlichkeiten und Unterschiede zwischen WXML-Applet und Standard-HTML?

Gleiches wie: • Sie werden verwendet, um die Struktur der Seite zu beschreiben; • Sie bestehen aus Tags, Attributen usw.; anders: • Die Labelnamen sind unterschiedlich und es gibt weniger Miniprogrammlabels und mehr Einzellabels; • Es gibt weitere Attribute wie wx:if und Ausdrücke wie {{ }}; • WXML kann nur in den WeChat-Applet-Entwicklertools in der Vorschau angezeigt werden, während HTML im Browser in der Vorschau angezeigt werden kann; • Die Komponentenkapselung ist anders, WXML kapselt die Komponenten neu; • Das Miniprogramm läuft in JS Core und hat keinen DOM-Baum und kein Fensterobjekt. Das Fensterobjekt und das Dokumentobjekt können im Miniprogramm nicht verwendet werden.

Das Applet stellt kurz die Attributliste der drei Ereignisobjekte vor?

Basisereignis (BaseEvent) • Typ: Ereignistyp • timeStamp: Zeitstempel, wann das Ereignis generiert wurde • Ziel: eine Sammlung von Eigenschaftswerten der Komponente, die das Ereignis ausgelöst hat • currentTarget: eine Sammlung von Eigenschaften der aktuellen Komponente Benutzerdefiniertes Ereignis (CustomEvent) • Detail Touch-Ereignis (TouchEvent) • Berührungen • Wie versteht das changesTouches

-Applet die Verwendung von wx:if und versteckt?

• wx:if hat höhere Umstellungskosten. • Ausgeblendet hat höhere anfängliche Rendering-Kosten. • Wenn häufiges Umschalten erforderlich ist, ist es besser, versteckt zu verwenden. Wenn sich die Bedingungen während der Laufzeit wahrscheinlich nicht ändern, ist wx:if besser.

Der Unterschied zwischen WeChat-Applet und H5 Betriebsumgebung: Die herkömmliche HTML5-Betriebsumgebung ist ein Browser, einschließlich Webview, während die Betriebsumgebung von WeChat-Miniprogrammen kein vollständiger Browser ist. Es handelt sich um einen integrierten Parser, der vom WeChat-Entwicklungsteam vollständig auf der Grundlage des Browserkernels rekonstruiert wurde ist speziell für Miniprogramme konzipiert. Die Optimierung verbessert in Verbindung mit selbstdefinierten Entwicklungssprachenstandards die Leistung kleiner Programme. • Unterschiedliche Entwicklungskosten: Es läuft nur auf WeChat, sodass Sie sich keine Sorgen über Browserkompatibilität oder unvorhersehbare Fehler in der Produktionsumgebung machen müssen. • Der Unterschied beim Erhalten von Berechtigungen auf Systemebene

app.json ist die globale Konfiguration des aktuellen Applets. Welche Bedeutung haben die einzelnen drei Konfigurationselemente?

• Seitenfeld – wird verwendet, um den Pfad aller Seiten des aktuellen Miniprogramms zu beschreiben. Dies dient dazu, dem WeChat-Client mitzuteilen, in welchem ​​Verzeichnis Ihre Miniprogrammseite derzeit definiert ist. • Fensterfeld – die oberste Hintergrundfarbe aller Seiten des Miniprogramms, hier wird die Textfarbe definiert • Tab-Feld – der globale obere oder untere Tab des Miniprogramms

Was sollte ich beachten, wenn ich die onPageScroll-Methode des Miniprogramms verwende?

Da diese Methode häufig aufgerufen wird, kann sie entfernt werden, wenn sie nicht benötigt wird. Versuchen Sie bei der Verwendung von onPageScroll die Verwendung von setData() zu vermeiden und die Häufigkeit der Verwendung von setData() zu minimieren.

Mini-Programmansicht-Rendering-End-Rückruf?

Verwenden Sie setData(data, callback) und fügen Sie den nachfolgenden Operationscode in der Callback-Methode hinzu

Was sollten Sie bei der Verwendung der synchronen API und der asynchronen API des Miniprogramms beachten?

wx.setStorageSync ist eine API, die mit Sync endet, einer Synchronisierungs-API. Verwenden Sie try-catch, um bei der Verwendung Ausnahmen anzuzeigen. Wenn festgestellt wird, dass die API asynchron ist, können Sie den nächsten Schritt in den Rückrufmethoden „success“, „fail“ und „complete“ ausführen.

Wie kapsele ich die Datenanforderung des WeChat-Applets?

1. Fügen Sie alle Schnittstellen in eine einheitliche js-Datei ein und exportieren Sie sie.

2. Erstellen Sie eine Methode zum Kapseln der Anforderungsdaten in app.js.

3. Rufen Sie die gekapselte Methode auf der Unterseite auf, um Daten anzufordern.

Was ist besser, Miniprogramm oder native App?

Zusätzlich zu den Vorteilen niedriger Entwicklungskosten, geringer Kosten für die Kundenakquise und der fehlenden Notwendigkeit, das öffentliche Konto herunterzuladen, hat das Miniprogramm die Verzögerung bei Serviceanfragen und das Benutzererlebnis erheblich verbessert. Dadurch ist es in der Lage, komplexe Servicefunktionen zu übernehmen und Benutzern ein besseres Benutzererlebnis zu bieten.

Wie springe ich von einer Seite in der Webansicht zurück zum Miniprogramm?

Zuerst müssen wir die neueste Version von jweixin-x.x.x.js vorstellen und dann

wx.miniProgram.navigateTo({
url: '/pages/login/login'+'$params'
})

Wie springe ich von der Webview-Seite zur Miniprogramm-Navigationsseite?

Die vom Applet navigierte Seite kann umgeschaltet werdenTab, aber die Daten werden standardmäßig nicht neu geladen. Wenn Sie neue Daten laden müssen, fügen Sie einfach den folgenden Code zum Erfolgsattribut hinzu:

Auf welche Probleme stoßen die Miniprogramme beim Aufruf der Hintergrundschnittstelle?

1. Die Überschreitung des Bereichs führt direkt zum Absturz des gesamten Miniprogramms.

2. Das Miniprogramm kann den HTML-Textinhalt nicht direkt rendern Wenn die Seite mit dem Artikelinhalt angezeigt werden muss, müssen Sie das Plug-In verwenden. Das Rendern des Plug-Ins führt jedoch zu einer Verlangsamung des Ladens der Seite. Daher ist es am besten, den HTML-Code des Artikelinhalts im Hintergrund zu filtern und direkt zu verarbeiten Ersetzen Sie p-Tags und div-Tags stapelweise im Hintergrund durch View-Tags und lassen Sie dann das Plug-in die Front-End-Zeit erledigen.

Was sind die Vor- und Nachteile von WeChat-Miniprogrammen?

Vorteile:

1. Kein Download erforderlich, Sie können es durch Suchen und Scannen öffnen.

2. Gute Benutzererfahrung: schnelle Öffnungsgeschwindigkeit.

3. Die Entwicklungskosten sind niedriger als die von App.

4. Es kann dem Desktop auf Android hinzugefügt werden, ähnlich wie die native App.

5. Bieten Sie Benutzern gute Sicherheit. WeChat verfügt über einen strengen Überprüfungsprozess für die Veröffentlichung von Miniprogrammen. Miniprogramme, die die Überprüfung nicht bestehen, können nicht online veröffentlicht werden.

Nachteile:

1. Weitere Einschränkungen. Die Seitengröße darf 1 MB nicht überschreiten. Seiten mit mehr als 5 Ebenen können nicht geöffnet werden.

2. Einzelstil. Einige Komponenten des Miniprogramms sind bereits erstellt und die Stile können nicht geändert werden. Zum Beispiel: Diashow, Navigation.

3. Der Aktionsumfang ist begrenzt und kann nicht im Freundeskreis geteilt werden. Er kann nur durch Teilen mit Freunden und Miniprogrammen in der Nähe beworben werden. Unter anderem werden auch Miniprogramme in der Nähe durch WeChat eingeschränkt.

4. Mit WeChat ist es unmöglich, Backend-Verwaltungsfunktionen zu entwickeln.

【Verwandte Lernempfehlungen: Mini-Tutorial zur Programmentwicklung】

Das obige ist der detaillierte Inhalt vonFassen Sie einige Interviewfragen basierend auf kleinen Programmen zusammen und teilen Sie sie, um sicherzustellen, dass Sie das Interview gewinnen!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!