Fragen zu Vorstellungsgesprächen im WeChat-Miniprogramm, die Sie kennen und kennen müssen

1 Bitte sprechen Sie über die Rolle der Hauptverzeichnisse und Dateien des WeChat-Miniprogramms?

• project.config.json-Projektkonfigurationsdatei, die am häufigsten verwendet wird, um zu konfigurieren, ob die https-Überprüfung aktiviert werden soll

• App.js-Einstellungen Globale Grunddaten usw.;

• App.json untere Registerkarte, Titelleiste und Routing-Einstellungen

• App.wxss öffentlicher Stil, eingeführt iconfont usw.;

• pages enthält bestimmte Seiten;

• index.json (konfigurieren Sie den aktuellen Seitentitel und stellen Sie Komponenten usw. vor) ;

• index.wxml (Seitenstruktur);

• index.wxss (Seitenstilblatt); >

  index.js (Seitenlogik, Anforderungs- und Datenverarbeitung usw.);

• 2 Bitte sprechen Sie über die Ähnlichkeiten und Unterschiede zwischen WXML und Standard-HTML.

werden alle verwendet, um die Struktur der Seite zu beschreiben;

bestehen aus Tags, Attributen usw.;
• Tags haben unterschiedliche Namen, und es gibt sie weniger Mini-Programm-Tags. Es gibt mehr einzelne Tags.
• Es gibt einige weitere Attribute wie „wx:if“ und Ausdrücke wie „{{}“. Tool, während HTML Kann im Browser in der Vorschau angezeigt werden
• Die Komponentenkapselung ist anders, WXML kapselt die Komponente neu.
• Das Miniprogramm läuft in JS Core, es gibt keinen DOM-Baum und kein DOM-Fenster Objekt und kann nicht im Miniprogrammfensterobjekt und Dokumentobjekt verwendet werden.
• 3 Bitte sprechen Sie über die Gemeinsamkeiten und Unterschiede zwischen WXSS und CSS?

werden alle verwendet, um das Erscheinungsbild der Seite zu beschreiben.

• WXSS verfügt über die meisten Funktionen von CSS und hat auch einige Erweiterungen vorgenommen und Änderungen;

• WXSS hat eine neue Größeneinheit hinzugefügt, WXSS unterstützt die neue Größeneinheit rpx auf der untersten Ebene

• WXSS unterstützt nur einige CSS-Selektoren;

• WXSS bietet globale Stile und lokale Stile

• 4 Wie kapseln Sie die Datenanforderung des WeChat-Applets?

Erstellen Sie das Utils-Verzeichnis, die Datei api.js und die Datei apiConfig.js im Stammverzeichnis.

• Kapseln Sie das grundlegende Get in apiConfig. js, Post-, Put-, Upload- und andere Anforderungsmethoden, Festlegen des Anforderungshauptteils, Bring-Token und Ausnahmebehandlung usw.

• Führen Sie die von apiConfig.js gekapselte Anforderungsmethode in die API ein , und basierend auf den Seitendaten Legen Sie die entsprechende Methode fest und exportieren Sie sie

• Importieren Sie sie in eine bestimmte Seite; >5 Was sind die Datentransfers zwischen Miniprogrammseiten?

• Verwenden Sie globale Variablen, um Daten zu übertragen

Wenn die Seite springt oder umleitet, verwenden Sie URL mit Parametern, um Daten zu übertragen

• Komponentenvorlage zum Übergeben von Parametern verwenden

• Cache zum Übergeben von Parametern verwenden

• Datenbank zum Übergeben von Daten verwenden

• 6 Bitte sprechen Sie über die Gemeinsamkeiten und Unterschiede zwischen der bidirektionalen Bindung von Miniprogrammen und Vue?
  Im Grunde das Gleiche, aber das direkte this.data-Attribut des Applets kann nicht mit der Ansicht synchronisiert werden und die Methode this.setData() muss aufgerufen werden!
• 7 Bitte sprechen Sie über die Lebenszyklusfunktion des Miniprogramms?

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

• onReady verwendet () Wenn das anfängliche Rendern der Seite abgeschlossen ist, wird es ausgelöst und nur einmal aufgerufen, was bedeutet, 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 auf andere Seiten geschaltet wird oder das Applet in den Hintergrund geschaltet wird usw.

• onUnload() wird ausgelöst, wenn die Seite entladen wird, z. B. „redirectTo“ oder „navigateBack“ zu anderen Seiten.

• 8 Beschreiben Sie kurz das Prinzip des WeChat-Miniprogramms?

• Ein Miniprogramm ist im Wesentlichen eine Einzelseitenanwendung. Das gesamte Seitenrendering und die Ereignisverarbeitung werden innerhalb einer Seite durchgeführt, aber verschiedene native Schnittstellen können über den WeChat-Client aufgerufen werden

Seine Architektur ist ein datengesteuertes Architekturmodell. Seine Benutzeroberfläche und Daten müssen durch Änderungen an den Daten erreicht werden >Technisch gesehen ähnelt es der bestehenden Front-End-Entwicklung und verwendet drei Technologien: JavaScript, WXML und WXSS für die Entwicklung

Die Funktion kann in Webview und AppService unterteilt werden;
Webview wird zum Anzeigen der Benutzeroberfläche verwendet, und appService wird zum Verarbeiten von Geschäftslogik, Daten und Schnittstellenaufrufen verwendet.
zwei Teile Es läuft in zwei Prozessen und kommuniziert über die Systemschicht JSBridge, um UI-Rendering, Ereignisverarbeitung usw. zu implementieren.
9 Bitte sprechen Sie über den Vergleich zwischen der nativen Entwicklung kleiner Programme, Wepy und MPVUE?
Ich persönlich denke, dass, wenn es sich um ein neues Projekt handelt und keine Migration des alten h5-Projekts erfolgt, die Verwendung kleiner Programme für die native Entwicklung in Betracht gezogen wird. Parteirahmen gibt es weniger Fallstricke.
Wenn es alte H5-Projekte gibt, die von Vue entwickelt wurden, oder wenn es H5-Projekte gibt, die auch eine kleine Programmentwicklung erfordern, ist es für Wepy oder MPVUE besser geeignet, kürzlich eine Migration oder Entwicklung durchzuführen , wepy wurde kaum aktualisiert, daher empfehle ich Meituans mpvue.
Und wenn das Team über ein starkes Frontend verfügt, ist es kein Problem, selbst ein Framework zu erstellen.

10 Was ist besser, Miniprogramm oder native App?

Das Miniprogramm bietet nicht nur die Vorteile niedriger Entwicklungskosten, geringer Kosten für die Kundenakquise und der Notwendigkeit, das öffentliche Konto herunterzuladen, sondern hat auch die Verzögerung bei Serviceanfragen und das Benutzererlebnis erheblich verbessert, sodass es problemlos mitgeführt werden kann komplexe Servicefunktionen und bieten Benutzern ein besseres Benutzererlebnis.

11 Beschreiben Sie kurz das Prinzip des WeChat Mini-Programms

Das WeChat Mini-Programm wird mit drei Technologien entwickelt: JavaScript, WXML und WXSS. Technisch gesehen ähnelt es der bestehenden Front-End-Entwicklung , aber wenn man tiefer gräbt, wird es wieder etwas anders sein.

JavaScript: Erstens wird JavaScript-Code in der WeChat-App und nicht im Browser ausgeführt. Daher erfordern einige H5-Technologieanwendungen die Bereitstellung entsprechender API-Unterstützung, was die Anwendung der H5-Technologie einschränkt kann nicht streng als H5 bezeichnet werden, sondern als Pseudo-H5. Ebenso werden einige von WeChat bereitgestellte einzigartige APIs von H5 nicht oder nicht besonders gut unterstützt.

WXML: WXML wird von WeChat selbst auf Basis der XML-Syntax entwickelt. Daher können während der Entwicklung nur vorhandene, von WeChat bereitgestellte Tags verwendet werden, HTML-Tags können jedoch nicht verwendet werden.

WXSS: WXSS verfügt über die meisten Funktionen von CSS, aber nicht alle werden unterstützt, und es gibt keine detaillierte Dokumentation darüber, welche unterstützt werden und welche nicht.

Die Architektur von WeChat ist ein datengesteuertes Architekturmodell. Die Benutzeroberfläche und die Daten sind getrennt. Alle Seitenaktualisierungen müssen durch Änderungen an den Daten implementiert werden.

Das Applet 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 laufen in zwei Prozessen, kommunizieren über die Systemschicht JSBridge und realisieren UI-Rendering und Ereignisverarbeitung

12 Wie unterscheidet sich die bidirektionale Bindung des WeChat-Applets von Vue

Miniprogramm Die Eigenschaften Diese Daten können nicht direkt mit der Ansicht synchronisiert werden. Sie müssen Folgendes aufrufen: this.setData({})

Empfohlenes Tutorial: „WeChat Mini-Programm“

Das obige ist der detaillierte Inhalt vonFragen zu Vorstellungsgesprächen im WeChat-Miniprogramm, die Sie kennen und kennen müssen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!