Heim > WeChat-Applet > Mini-Programmentwicklung > Wie entwickelt man kleine Programme effizient? Empfehlen Sie ein absolut einfach zu bedienendes Open-Source-Framework für kleine Programme

Wie entwickelt man kleine Programme effizient? Empfehlen Sie ein absolut einfach zu bedienendes Open-Source-Framework für kleine Programme

php是最好的语言
Freigeben: 2018-07-28 17:30:29
Original
12484 Leute haben es durchsucht

Dieser Artikel empfiehlt Ihnen ein Open-Source-Framework, das definitiv das beste Miniprogramm ist, das derzeit sehr beliebt ist. Wie können Sie es tun, wenn Sie nicht wissen, wie man es entwickelt? Aber die Entwicklung von WeChat-Miniprogrammen ist immer eine mühsame und mühsame Sache. Ich habe mehrere Tage gebraucht, um einen Hinweis zu finden Ich habe lange Zeit etwas Wissen zurückgehalten und kann nicht herausfinden, was los ist. Der Zweck des Schreibens dieses Artikels besteht darin, jedem eine Referenzrichtung und eine Auswahl zu geben. Lasst uns gemeinsam lernen. Apache PHP MySQL

Wie entwickelt man kleine Programme effizient? Empfehlen Sie ein absolut einfach zu bedienendes Open-Source-Framework für kleine Programme

Geben Sie einige Beispiele


1. mpvue

mpvue ist ein von Meituan Dianping entwickeltes Open-Source-Frontend-Framework, das Vue.js zur Entwicklung kleiner Programme verwendet. Das Framework basiert auf dem Kern von Vue.js. mpvue modifiziert die Laufzeit- und Compiler-Implementierungen von Vue.js, sodass es in einer Miniprogrammumgebung ausgeführt werden kann, und führt so eine vollständige Vue.js-Entwicklungserfahrung für die Miniprogrammentwicklung ein. Wenn Sie mpvue zur Entwicklung kleiner Programme verwenden, erhalten Sie die folgenden Fähigkeiten, die auf dem technischen System kleiner Programme basieren:

  • Gründliche Komponentenentwicklungsfunktionen: Verbessern Sie die Benutzerfreundlichkeit der Codeduplizierung

  • Komplette Vue.js-Entwicklungserfahrung

  • Bequeme Vuex-Datenverwaltung Lösung: Bequem zu erstellen komplexe Anwendungen

  • Schneller Webpack-Konstruktionsmechanismus: Angepasste Build-Strategie, HotReload während der Entwicklungsphase

  • Unterstützen Sie die Verwendung externer NPM-Abhängigkeiten

  • Verwenden Sie das Vue.js-Befehlszeilentool vue-cli, um das Projekt schnell zu initialisieren

  • Die Fähigkeit, H5-Code in kleinen Programmzielcode umzuwandeln

2. Tina.js

Tina.js ist ein leichtes, progressives WeChat-Applet-Framework.

Eigenschaften: Leicht und kompakt. Der Einstieg ist extrem einfach und der Großteil des API-Designs von MINA (dem offiziellen Framework der WeChat-Miniprogramme) bleibt erhalten. Unabhängig davon, ob Sie Erfahrung in der Entwicklung von Miniprogrammen haben oder nicht, können Sie problemlos mit der Umstellung beginnen. Die progressive Erweiterung umfasst sowohl die Statusmanager- als auch die Routing-Erweiterung, und Sie können auch Ihre eigenen Plug-Ins schreiben.

3. Taro

Taro ist eine Reihe von React-Syntaxspezifikationen, die von JD.com - Aolu Lab erstellt wurden. Einheitliches Entwicklungsframework für mehrere Terminals. Wenn ich mich richtig erinnere, war es kürzlich Open Source.

Mit Taro können wir nur einen Satz Code schreiben und dann das Kompilierungstool von Taro verwenden, um den Quellcode separat zu kompilieren und ihn auf verschiedenen Terminals (WeChat-Applet, H5, App-Terminal) zu kompilieren usw. ), um den Code auszuführen. Gleichzeitig bietet Taro auch sofort einsatzbereite Syntaxerkennungs- und automatische Vervollständigungsfunktionen, was die Entwicklungserfahrung und -effizienz effektiv verbessert.

4. wepy

WePY ist ein Framework, das es kleinen Programmen ermöglicht, die Komponentenentwicklung durch Vorkompilierung zu unterstützen Mit dieser Methode können Entwickler ihren bevorzugten Entwicklungsstil wählen, um kleine Programme zu entwickeln. Die detaillierte Optimierung des Frameworks, die Einführung von Promise und Async-Funktionen sollen die Entwicklung kleiner Programmprojekte einfacher und effizienter machen.

Eigenschaften:

  • Vue-ähnlicher Entwicklungsstil

  • Unterstützung der Entwicklung benutzerdefinierter Komponenten

  • Unterstützung der Einführung von NPM-Paketen

  • Unterstützt Promise

  • Unterstützt ES2015+-Funktionen, wie z. B. Async-Funktionen

  • Unterstützt mehrere Compiler, Less/Sass/Styus, Babel/Typescript, Pug-Komprimierung, Bildkomprimierung, Inhaltsersetzung usw.

  • Unterstützung von Sourcemap, ESLint usw.

  • Kleine Programmdetailsoptimierung, wie Anforderungswarteschlange, Ereignisoptimierung usw.

  • 5. weweb

weweb ist ein Front-End-Framework, das mit der Miniprogrammsyntax kompatibel ist. Sie können Miniprogramme zum Schreiben verwenden Webanwendungen schreiben. Wenn Sie bereits ein Miniprogramm haben, können Sie Ihr Miniprogramm im Browser ausführen.

Funktionen: Plattformübergreifend, ein Codesatz läuft auf mehreren Terminals (kleine Programme, h5, direkt in Android- und iOS-Apps verpackt, in Zukunft nicht mehr). ein Traum) Kommt mit gemeinsamen Komponenten, erbt perfekt die integrierten Komponenten des Miniprogramms und ist mit der rpx-Syntax des Miniprogramms kompatibel, wodurch die Seite einfacher an verschiedene Modelle angepasst werden kann

KomponentenbibliothekEs gibt auch verschiedene Open-Source-Komponentenbibliotheken, darunter zum Beispiel die folgenden:

Es gibt zwei berühmte:

zanui -weapp und iview

.

Ich habe diese beiden Komponentenbibliotheken zuvor auf meinem offiziellen Konto empfohlen. Sie können meine vorherigen Tweets finden oder selbst danach suchen . Die Nutzung ist sehr einfach. Wichtige Punkte

Das Obige stellt 5 Open-Source-Frameworks und zwei Komponentenbibliotheken vor. Ich sage nicht, dass die oben genannten nicht gut sind. Unabhängig davon sind mehrere Open-Source-Frameworks und Komponentenbibliotheken Produkte großer Hersteller und alle sehr gut. Aber sie sind nur ein Open-Source-Framework, ein Open-Source-Framework und eine Komponentenbibliothek ist eine Komponentenbibliothek. Es hat meine Probleme mit der alleinigen Entwicklung von WeChat-Miniprogrammen nie befriedigt.

Eines der benutzerfreundlichen Open-Source-Frameworks für die Entwicklung kleiner Programme ist die umfangreiche Komponentenbibliothek. Die offiziellen Frameworks allein können unsere Anforderungen nicht erfüllen . Es löst also nicht meine Schmerzpunkte.

Das Open-Source-Framework, das ich heute empfehle, kann nicht nur ein Framework bereitstellen, sondern auch viele Komponenten bereichern und erweitern, sodass wir uns bei der Entwicklung nicht um die Kapselung der Komponenten selbst kümmern müssen .

Tatsächlich weist die oben geteilte Komponentenbibliothek einen großen Mangel auf. Ihre Komponentenbibliothek ist umfangreich genug, aber die Anpassung von Stilen ist sehr starr und unflexibel, aber die heutige ist viel flexibler . .

Das Open-Source-Framework, das ich jedem empfehle, ist:

touchwx.

Touch WX ist ein völlig kostenloses WeChat-Applet-Entwicklungsframework, das umfangreiche UI-Steuerelemente zur Ergänzung offizieller Komponenten enthält. Die Funktionen sind wie folgt:

1. Komponentenerweiterung:

Mehr als 30 häufig verwendete Komponenten für Beamte hinzugefügt Bestandteile der Nahrungsergänzung.

2. Funktionserweiterung:

Kompatibel mit der Iconfont-Icon-Bibliothek von Alibaba können umfangreiche Vektorsymbole nach Belieben verwendet werden ; häufig verwendete Stilbibliotheken hinzugefügt, unterstützt weniger Syntax, unterstützt die globale Konfiguration von Designfarben usw.

3. Verbesserung der Entwicklungserfahrung:

Die Vier-Dateien-Methode wurde in eine Einzeldatei-Methode geändert, die mit dem VSCode-Editor + Plug-in entwickelt wurde und über Erfahrung in der Webentwicklung verfügt

4 . Mini-Programmkonvertierung Für H5-Anwendungen:

kann in das H5-Entwicklungsframework Touch UI-Projekt konvertiert und in einer WebApp veröffentlicht werden. Entwickeln Sie einen Codesatz und verfügen Sie über zwei Anwendungssätze.

Das Prinzip dieses Frameworks ist:

Kompilieren Sie den im Touch WX-Projekt geschriebenen Code und geben Sie ihn direkt aus ist der Originalcode des WeChat-Applet-Projekts. Die erweiterten mehr als 30 Komponenten werden vollständig basierend auf dem offiziellen benutzerdefinierten Komponentenmechanismus des Miniprogramms implementiert (außer row&col).

Es unterstützt also die gesamte Syntax von Miniprogrammen. So entwickeln Sie Miniprogramme wie Touch WX.

Da es sich jedoch um eine Einzeldatei-Entwicklungsmethode handelt, unterscheidet sich die Codestruktur der Datei geringfügig. Bitte beachten Sie dies.

Die Vorteile davon sind:

1. Die Migrationskosten für Entwickler sind sehr gering.

Sie können vorhandene kleine Programme problemlos in Touch WX-Projekte übertragen, um deren Erweiterungsmöglichkeiten zu nutzen

2 um Fehler zu beheben.

Wenn ein Problem auftritt, können Entwickler auch jederzeit den ausgegebenen Originalcode des Miniprogramms einsehen, um das Problem zu lokalisieren. Sie werden nicht verwirrt sein, ob es ein Problem mit dem Framework oder Ihrem eigenen Code ist;

3 Da Miniprogramme Größenbeschränkungen haben, werden bei der Entwicklung mit einem Framework nur die verwendeten Komponenten kompiliert und als Miniprogramm-Quellcode ausgegeben. Nicht verwendete werden nicht ausgegeben.

Keine Abhängigkeit vom Framework.

Wenn Sie dieses Framework in Zukunft nicht mehr verwenden möchten, können Sie das Ausgabe-Miniprogrammprojekt direkt pflegen.

Derzeit denke ich, dass dieses Open-Source-Framework allein für die Entwicklung kleiner Programme für uns am besten geeignet und am effizientesten ist.

Endlich kann es jeder ausprobieren.

Die heutigen Beiträge werden für Sie zusammengestellt, nachdem ich sie verwendet habe. Sie können sie weiterleiten, um mehr Leute darüber zu informieren. Verwandte Artikel:

Die zehn besten Open-Source-Frameworks für die Android-Anwendungsentwicklung

Einführung in das Labrador-Framework für die komponentenbasierte Entwicklung von WeChat-Miniprogrammen

Ähnliche Videos:

Video-Tutorial zur praktischen Entwicklung des WeChat Mini-Programms

Das obige ist der detaillierte Inhalt vonWie entwickelt man kleine Programme effizient? Empfehlen Sie ein absolut einfach zu bedienendes Open-Source-Framework für kleine Programme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage