Die drei großen Frameworks Angular, Vue und React sind 2018 in vollem Gange

Die drei wichtigsten Frameworks, die für das Frontend im Jahr 2018 heiß begehrt sind, sind: Angular, Vue und React. Lassen Sie uns über mein Verständnis dieser drei Hauptframeworks sprechen.

Zu Beginn des Zeitraums, vor drei oder vier Jahren oder früher, schien es nicht elegant zu sein, die Front-End-Seite mit nativem JS zu entwickeln Es war wie der Bau eines Hauses Stein für Stein, was sehr zeitaufwändig war und nicht bequem zu warten war. Das Aufkommen der jQuery-Bibliothek hat die Effizienz der Entwickler verbessert und die Browserkompatibilität verringert Einige alte Projekte werden noch verwendet, aber es gibt weder MVC noch MVVM. Die Architektur muss selbst konfiguriert werden.

Später erschien Angular im MVC-Framework, das relativ ineffizient war, und die Berechnung musste erneut durchlaufen werden.

Dann erschien das virtuelle DOM von React DOM-Operationen reduzieren die Kosten und verbessern die Effizienz und Programmleistung. Es muss jedoch mit einigen anderen Frameworks wie Flux, Redux usw. zusammenarbeiten Vue ist relativ kompliziert zu verwenden. Anweisungen sind zum Beispiel umständlich zu durchlaufen. Im Vergleich zu React ist Vue nicht so flexibel und einfach anzupassen, aber sehr effizient zu entwickeln Die Plug-Ins, Komponenten und das Ökosystem von Vue reichen für unsere allgemeinen Projekte aus. Obwohl Vue von Einzelpersonen geleitet wird, wird React vom Facebook-Team verwaltet und die Community ist relativ erfolgreich, aber Vue ist für viele Projekte geeignet und langsam expandiert, und auch die Aussichten sind sehr gut.

Angular

Als Veteran Angular hat es Angular1, Angular2 und Angular4 durchlaufen. Jede Version scheint ein neues Framework zu sein.

ng-if in Angular1 ist v-if in Vue sehr ähnlich, da das Befehlssystem von Vue von Angular1 inspiriert ist und viele Probleme in Angular1 in Vue gelöst werden kommt zu Angular2, es ist ein brandneues Framework im Vergleich zu Angular1. Es hat beispielsweise ein besseres Komponentensystem, die API hat sich auch stark verändert usw. Obwohl es stark verbessert wurde, ist es immer noch sehr aufgebläht >

Im Vergleich zu Angular2 wurden der Funktionsliste von Angular4 viele neue Funktionen hinzugefügt, außerdem wurden einige Verbesserungen an alten Funktionen vorgenommen. Programme, die Angular4 verwenden, verbrauchen weniger Speicherplatz und werden schneller ausgeführt als frühere Versionen.

Nutzungsszenarien

• Wenn das Projekt keine hohen Leistungsanforderungen hat, können Sie Angular verwenden, oder einige Projekte, die Angular1 verwendet haben, umfassen Es ist ein Upgrade erforderlich, und es gibt keine Projekte, die keine Leistung erfordern. Daher prüft Angular sorgfältig einige neue Projekte ... (Wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website

  AngularJS-Entwicklungshandbuch

  zu lernen)

React

Offiziell wurde React erstellt, weil Facebook mit den MVC-Frameworks auf dem Markt unzufrieden war und ein eigenes Framework zum Erstellen der Instagram-Website schrieb. Weil es einfach zu verwenden war. Es wurde im Mai 2013 als Open Source bereitgestellt. Ende 2017 wurde React auf 16.2 aktualisiert, das Routing React-Router3 wurde auf React-Router4 und React-Router-Dom aktualisiert

virtueller Dom

• React muss den virtuellen DOM (Virtual DOM) erwähnen. Wenn die Seite zum ersten Mal geladen wird, wird ein DOM-Baum generiert. und ein Renderbaum wird im Speicher generiert, der geänderte Inhalt und die Speicherung werden durchgeführt. Vergleichen Sie die Renderbäume, um den optimalen Algorithmus zu finden, ändern Sie dann den Renderbaum und generieren Sie schließlich den DOM-Baum der Seite neu Durch das virtuelle DOM wird die Leistung des Frontends erheblich verbessert.

Komponentisierung

• Der Komponentisierungsgedanke von ​​react spiegelt sich insbesondere in der Ansichtsschicht wider, die in unabhängige Komponenten unterteilt ist, um den Grad zu reduzieren Durch die Komponentisierung können Komponenten kombiniert, wiederverwendet und gewartet werden, wodurch die Entwicklungseffizienz erheblich verbessert wird

Die Reaktion basiert auf dem Ansichtsebene. Um seine Rolle zu spielen, müssen Sie mit einigen Plug-Ins wie Flux, Redux usw. zusammenarbeiten. Natürlich können Sie mit mehr Bibliotheken zusammenarbeiten, um bessere Ergebnisse zu erzielen

• Einsatzszenarien

Der Einsatz von React ist grundsätzlich die erste Wahl für große Projekte. Komponentisierung und Flexibilität sind Voraussetzungen für große Projekte. Zweitens ermöglicht React Native die Ausführung auf mobilen Geräten.

Vue

• Vue wurde im Februar 2014 als Open Source bereitgestellt. Es wurde von You Daniu geschrieben und bisher auf Vues Familien-Bucket Vue-Router, Vuex, Service Side Rendering, aktualisiert , sowie der virtuelle Dom, die Komponentisierung und die Leistung von Vue sind nicht schlechter als React. Für Teams ohne Angular- und React-Erfahrung und für Front-End-Projekte, die nicht sehr groß sind, ist Vue eine gute Wahl
  Zusammenfassung

Die Auswahl eines Frameworks hängt nicht nur vom Projekt selbst ab, sondern auch vom Team des Unternehmens. Der Technologie-Stack des Teams kann direkt zur Auswahl des Projekt-Frameworks führen

Okay, das war's Für diesen Artikel ist dies vorbei (wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website

AngularJS-Benutzerhandbuch

, um mehr zu erfahren. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen).

Das obige ist der detaillierte Inhalt vonDie drei großen Frameworks Angular, Vue und React sind 2018 in vollem Gange. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!