Die drei wichtigsten Front-End-Frameworks beziehen sich auf: 1. Angular, ein Front-End-JavaScript-MVC-Framework zum Erstellen von Benutzeroberflächen; 2. React, ein JavaScript-Framework zum Erstellen von Benutzeroberflächen; Benutzeroberflächen Progressives JavaScript-Framework.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Dell G3-Computer.
Die drei gängigen Web-Frontend-Frameworks sind Angular, React und Vue.
angular
Angular hieß ursprünglich AngularJS und wurde 2009 geboren. Seit dem Aufkommen von Angular haben wir neue Möglichkeiten, dass es einige Back-End-Entwicklungen überträgt Modelle zum Front-End, wie MVC, Abhängigkeitsinjektion usw.
Angular ist ein JavaScript-Framework, eine in JavaScript geschriebene Bibliothek, ein clientseitiges JavaScript-MVC-Framework zur Entwicklung dynamischer Webanwendungen. Ursprünglich begann es als Google-Projekt, mittlerweile handelt es sich jedoch um ein Open-Source-Framework.
Vorteile des Angular-Frameworks:
1. Das Angular-Framework unterstützt verschiedene Plattformen und ist leistungsstark. Es bietet nicht nur verschiedene Tools, sondern auch eine wartbare Möglichkeit, Projektmuster zu erstellen. Wenn Sie es also richtig verwenden, werden Sie nicht auf Codestrukturen stoßen, die schwierig zu ändern und zu testen sind. 2. Angular wird mit TypeScript erstellt und TypeScript basiert auf JS ES6, sodass Sie keine völlig neue Sprache lernen müssen. Aber Sie können es immer noch erhalten: Statische Typen, Schnittstellen, Klassen, Namespaces, Dekoratoren und andere Funktionen.
3. Komponenten in Angular sind getrennt, sodass wir verschiedene Komponenten problemlos austauschen können. Und bei Angular sind die Präsentations- und Anwendungslogik nicht eng miteinander verbunden, was das Markup klarer und einfacher macht.
4. Der Zweck von Angular ist die Durchführung umfassender Tests. Es unterstützt die Verwendung von Tools wie Jasmine und Protractor für Unit-Tests.
5 bedeutet, dass es für mehrere Anwendungen geeignet ist. Und in diesem Framework finden sich viele nützliche Tools von Drittanbietern
[Empfohlenes Tutorial:
Angular-Video-Tutorial
]
react
react ist eine von Facebook gestartete JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. React wird hauptsächlich zum Erstellen einer Benutzeroberfläche verwendet. Viele Leute denken, dass React das V (Ansicht) in MVC ist. React hat eine hohe Leistung und eine sehr einfache Codelogik. Immer mehr Menschen achten darauf und nutzen es.
React entstand aus dem internen Projekt von Facebook. Da das Unternehmen mit allen JavaScript-MVC-Frameworks auf dem Markt nicht zufrieden war, beschloss es, ein eigenes zu schreiben, um die Instagram-Website zu erstellen. Nachdem ich es erstellt hatte, stellte ich fest, dass diese Reihe von Dingen sehr nützlich ist, und so wurde sie im Mai 2013 als Open Source veröffentlicht.
Da die Designidee von React äußerst einzigartig ist, handelt es sich um eine revolutionäre Innovation, eine hervorragende Leistung und eine sehr einfache Codelogik. Daher beginnen immer mehr Menschen, darauf zu achten und es zu nutzen, weil sie glauben, dass es in Zukunft das Mainstream-Tool für die Webentwicklung sein könnte.
React wird hauptsächlich zum Erstellen einer Benutzeroberfläche verwendet. Sie können in React verschiedene Arten von Parametern übergeben, z. B. Deklarationscodes, die Ihnen beim Rendern der Benutzeroberfläche helfen, statische HTML-DOM-Elemente, dynamische Variablen und sogar interaktive Anwendungskomponenten. [Empfohlenes Video-Tutorial: „
5 gute empfohlene praktische Video-Tutorials zum Erlernen von Redis
“]
Eigenschaften:
Deklaratives Design: React übernimmt ein deklaratives Paradigma, mit dem Anwendungen leicht beschrieben werden können.
vue
Vue.js ist ein beliebtes JavaScript-Frontend-Framework, ein Open-Source-JavaScript-Framework zum Erstellen von Benutzeroberflächen, das die Webentwicklung besser organisieren und vereinfachen soll. Der Schwerpunkt von Vue liegt auf der Ansichtsebene im MVC-Muster. Gleichzeitig kann es auch problemlos Datenaktualisierungen abrufen und die Interaktion zwischen Ansicht und Modell durch spezifische Methoden innerhalb der Komponente realisieren.
Vue.js ist ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen Schwergewichts-Frameworks verwendet Vue ein inkrementelles Bottom-up-Entwicklungsdesign. Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene und ist sehr einfach zu erlernen und in andere Bibliotheken oder bestehende Projekte zu integrieren. Vue hingegen ist vollständig in der Lage, komplexe Single-Page-Anwendungen zu steuern, die mithilfe von Single-File-Komponenten und Bibliotheken entwickelt werden, die vom Vue-Ökosystem unterstützt werden. [Empfohlenes Video-Tutorial: „
Die neueste Auswahl von 5 vue.js-Video-Tutorials
“]Das Ziel von Vue.js besteht darin, eine reaktionsfähige Datenbindung und kombinierte Ansichtskomponenten durch eine möglichst einfache API zu erreichen.
Vue.js selbst ist kein umfassendes Framework – es konzentriert sich nur auf die Ansichtsebene. Daher ist es sehr einfach zu erlernen und sehr einfach in andere Bibliotheken oder bestehende Projekte zu integrieren. Andererseits kann Vue.js auch komplexe Single-Page-Anwendungen perfekt betreiben, wenn es mit zugehörigen Tools und Support-Bibliotheken verwendet wird.
Vorteile von Vue:
Vue.js kann in Komponenten entwickelt werden, was den Aufwand für das Schreiben von Code erheblich reduziert und das Verständnis für die Leser erleichtert.
Der herausragendste Vorteil von Vue.js besteht darin, dass es eine bidirektionale Bindung von Daten durchführen kann (wir werden den Komfort dieser Funktion natürlich im weiteren Verlauf des Artikels spüren).
Der mit Vue.js selbst geschriebene Schnittstelleneffekt reagiert, sodass die Webseite auf verschiedenen Geräten sehr schöne Effekte anzeigen kann.
Im Vergleich zu herkömmlichen Seiten, die Hyperlinks zum Wechseln und Springen von Seiten verwenden, verwendet Vue Routing, ohne die Seite zu aktualisieren.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !
Das obige ist der detaillierte Inhalt vonWas sind die drei wichtigsten Front-End-Frameworks?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
