Das WeChat Mini-Programm empfiehlt eine prägnante Entwicklungsmethode und vervollständigt schlanke Produktfunktionen durch mehrseitige Aggregation. Das Miniprogramm wird lokal als Offline-Paket heruntergeladen, über den WeChat-Client geladen und gestartet. Die Entwicklungsspezifikationen sind einfach, die Technologie ist vollständig gekapselt und verfügt über ein eigenes Entwicklungssystem. Es hat den Schatten von Native und H5 nie das Gleiche.
Was ist mpvue?
mpvue ist ein Front-End-Entwicklungsframework, das auf die Entwicklung kleiner Programme abzielt. Sein Hauptziel besteht darin, die Entwicklungseffizienz zu verbessern und die Entwicklungserfahrung zu verbessern. Mit diesem Framework müssen Entwickler lediglich ein vorläufiges Verständnis der Miniprogramm-Entwicklungsspezifikationen haben und mit der grundlegenden Syntax von Vue.js vertraut sein, um loszulegen. Das Framework bietet ein umfassendes Vue.js-Entwicklungserlebnis. Entwickler schreiben Vue.js-Code, und mpvue analysiert und konvertiert ihn in ein kleines Programm und stellt sicher, dass es korrekt ausgeführt wird. Darüber hinaus stellt das Framework Entwicklern über das Tool vue-cli einen Schnellstart-Beispielcode zur Verfügung. Entwickler müssen lediglich einen einfachen Befehl ausführen, um ein ausführbares Projekt zu erhalten.
Warum machst du mpvue?
Zu Beginn des internen Tests des Miniprogramms planen wir, schnell eine Produktimplementierung zu iterieren, die H5 misst. Die Kernanforderungen sind: schnelle Implementierung, Code-Wiederverwendung, niedrige Kosten und hohe Effizienz. .. Nachfolgende Erfahrungen Nachdem wir mehrere Miniprogramme erstellt, Geschäftsszenarien, Technologieauswahl und Miniprogramm-Entwicklungsmethoden kombiniert haben,
haben wir die Hauptprobleme, mit denen wir während der Entwicklungsphase konfrontiert waren, zusammengestellt und zusammengefasst:
Der Komponentisierungsmechanismus ist nicht perfekt
Mangelnde Fähigkeit zur Wiederverwendung von Code
Das Mini-Programm-Framework und der Team-Technologie-Stack können nicht organisch kombiniert werden
Die Lernkosten von Mini Programm ist nicht niedrig genug
Komponentenmechanismus:
Die Applet-Logik und der View-Layer-Code sind voneinander getrennt und können danach nicht in einem einzigen Dateieintrag zusammengefasst werden Komponenten müssen in der Ansichtsschicht bzw. in der Logikschicht eingeführt werden, was zu einer schlechten Wartbarkeit führt. Die Komponente verfügt über keinen Namespace-Mechanismus, Ereignisrückrufe müssen als globale Funktionen festgelegt werden und das Komponentendesign birgt das Risiko von Namenskonflikten Die Datenkapselung ist nicht stark. Entwickler benötigen eine benutzerfreundliche Code-Organisationsmethode. Der einmalige Import erfolgt über ES-Module. Komponentendaten sind gut gekapselt. Ausgereifte Komponentenmechanismen sind für die technische Entwicklung von entscheidender Bedeutung.
Mehrfachterminal-Wiederverwendung:
Es gibt zwei gängige Geschäftsszenarien, die darin bestehen, bestehende H5-Produkte in Miniprogrammanwendungen umzuwandeln oder umgekehrt. Aus Effizienzgründen hoffen Entwickler, die Entwicklung durch Wiederverwendung von Code abzuschließen, aber das Miniprogramm-Entwicklungsframework kann dies nicht leisten. Wir haben versucht, den H5-Code durch statische Codeanalyse in ein kleines Programm umzuwandeln, aber wir haben nur die Konvertierung der Ansichtsebene durchgeführt und konnten keine weiteren Vorteile bringen. Die Wiederverwendung von Code an mehreren Enden erfordert ausgereiftere Lösungen.
Einführung in Vue.js:
Die Entwicklungsmethode für kleine Programme ähnelt H5, daher ziehen wir die Wiederverwendung von Code mit H5 in Betracht. Nach der Auswahl des Technologie-Stacks durch das Team haben wir Vue.js als Miniprogramm-Entwicklungsspezifikation festgelegt.
Die Verwendung von Vue.js zur Entwicklung von Miniprogrammen führt direkt zu den folgenden Verbesserungen der Entwicklungseffizienz:
H5-Code kann mit minimalen Änderungen in Miniprogrammen wiederverwendet werden
Verwenden Sie den Komponentenmechanismus von Vue.js, um Miniprogramme zu entwickeln, mit denen die Wiederverwendung von Miniprogrammen und H5-Komponenten realisiert werden kann
Nachdem der Technologie-Stack vereinheitlicht wurde, werden die Lernkosten von Miniprogrammen reduziert, was auch für Entwickler gilt Sie müssen nicht mehr lernen, wenn Sie von H5 auf Miniprogramme umsteigen.
Der Vue.js-Code ermöglicht die direkte Beteiligung aller Frontends an der Entwicklung und Wartung.
Warum Vue.js? Dies hängt von der Auswahl des Technologie-Stacks durch das Team ab. Die Einführung neuer Auswahlmöglichkeiten steht im Widerspruch zur Vereinheitlichung des Technologie-Stacks und zur Verbesserung der Entwicklungseffizienz und widerspricht der ursprünglichen Absicht des Entwicklungstool-Dienstleistungsgeschäfts.
Das obige ist der detaillierte Inhalt vonWas ist MPVUE?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
