In diesem Artikel werden hauptsächlich die zehn beliebtesten JavaScriptFrameworks und Bibliotheken vorgestellt, die für das Frontend unerlässlich sind
Man kann sagen, dass Javascript-Frameworks und -Bibliotheken die größten und ermüdendsten Kategorien unter den Open-Source-Projekten sind. Derzeit gibt es die meisten Projekte in dieser Kategorie auf Github, und fast immer wieder taucht ein neues Projekt im Internet auf. Obwohl die Community die Entwicklung von Innovationen fördert, muss man sagen, dass Frontend-Entwickler darunter leiden. Daher listet dieser Artikel die Funktionen einiger hervorragender Javascript-Frameworks und -Bibliotheken und ihre Sternnummern auf Github auf, um Entwicklern eine Referenz zu bieten.
1. ReactJS (Star: 59989, Fork: 10992)
React.js (React) ist ein Eine Javascript-Bibliothek, die zum Erstellen von Benutzeroberflächen verwendet wird und hauptsächlich zum Erstellen von Benutzeroberflächen verwendet wird. Viele Leute denken, dass React das V (View) in MVC ist. React entstand als internes Projekt bei Facebook zum Aufbau der Instagram-Website und wurde im Mai 2013 als Open Source bereitgestellt. React hat eine hohe Leistung und eine sehr einfache Codelogik. Immer mehr Menschen achten darauf und nutzen es.
React-Funktionen:
1. Deklaratives Design – React übernimmt ein deklaratives Paradigma, mit dem Anwendungen einfach beschrieben werden können.
2. Effizient – React minimiert die Interaktion mit DOM durch Simulation von DOM.
3. Flexibel – React kann gut mit bekannten Bibliotheken oder Frameworks zusammenarbeiten.
4.JSX− JSX ist eine Erweiterung der Javascript-Syntax. JSX ist für die React-Entwicklung nicht erforderlich, wird aber empfohlen.
5. Komponenten – Das Erstellen von Komponenten über React erleichtert die Wiederverwendung von Code und kann gut bei der Entwicklung großer Projekte eingesetzt werden.
6. Einweg-Antwortdatenfluss – React implementiert einen unidirektionalen Antwortdatenfluss und reduziert dadurch wiederholten Code, weshalb es einfacher ist als die herkömmliche Datenbindung.
2. AngularJS (Star: 54769, Fork: 27292)
Angular JS (Angular.JS) ist eine Reihe von Frameworks, die zur Entwicklung von Webseiten verwendet werden , Vorlagen sowie Datenbindungs- und Rich-UI-Komponenten. Es unterstützt den gesamten Entwicklungsprozess und stellt die Architektur einer Webanwendung bereit, ohne dass eine manuelle DOM-Manipulation erforderlich ist. AngularJS ist klein, nur 60 KB, kompatibel mit den wichtigsten Browsern und funktioniert gut mit jQuery.
3. Vue.js (Star: 43608, Fork: 5493)
Vue.js ist eine Javascript-Bibliothek zum Erstellen von Webschnittstellen, die Daten bereitstellt. Angetriebene Komponenten und eine einfache und flexible API machen MVVM einfacher.
Hauptmerkmale:
●Erweiterbare Datenbindung
●Verwenden Sie gewöhnliche JS-Objekte als Modell
●Einfache und klare API
●Komponentenbasierte UI-Konstruktion
●Wird mit anderen Bibliotheken verwendet
4. jQuery (Star: 43432, Fork: 12117)
JQuery ist eine leichte JS-Bibliothek (nur 21 KB nach der Komprimierung). Sie ist mit CSS3 und verschiedenen Browsern (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+) kompatibel. Mit jQuery können Benutzer HTML-Dokumentes und Ereignisse einfacher verarbeiten, Animationseffekte implementieren und problemlos AJAX-Interaktion für Websites bereitstellen. Ein weiterer großer Vorteil von jQuery ist, dass die Dokumentation sehr vollständig ist und verschiedene Anwendungen ausführlich erklärt werden. Außerdem stehen viele ausgereifte Plug-Ins zur Auswahl. jQuery kann den Code und den HTML-Inhalt der HTML-Seite des Benutzers trennen. Das heißt, es ist nicht erforderlich, eine Reihe von js in den HTML-Code einzufügen, um den Befehl aufzurufen.
5. Meteor (Stern: 36691, Gabel: 4617)
Meteor ist eine neue Reihe von Technologien, die zum Erstellen hochwertiger Webanwendungen verwendet werden Es gibt viele vorgefertigte Pakete, die direkt im Browser oder auf der Cloud-Plattform ausgeführt werden können.
6. Angular2 (Stern: 20803, Gabel: 5367)
Angular ist ein sehr beliebtes und benutzerfreundliches Web-Frontend-Framework, das derzeit von Google verwaltet wird. Dieser Eintrag behandelt Angular 2 und spätere Versionen. Da Angular 2 und die Vorgängerversion Angular.js offiziell getrennt gepflegt werden (die GitHub-Adressen und Projekthomepages der beiden sind unterschiedlich), wird diese Seite erstellt.
7. Ember.js (Star: 17540, Fork: 3646)
Ember ist eine ehrgeizige Webanwendung, die Boilerplate eliminiert und ein Javascript-Framework für bereitstellt Standardanwendungsarchitektur.
8. Polymer (Stern: 16979, Gabel: 1699)
Auf der Google I/O-Konferenz 2013 veröffentlichte Google Polymer, ein Klassenbibliothek , die Webkomponenten zum Erstellen von Webanwendungen verwendet. Sie verwendet auch den neuen HTML 5-Standard zum Erstellen wiederverwendbarer Komponenten für das Web. Polymer bietet Polyfills für die meisten Webkomponententechnologien und ermöglicht es Entwicklern, ihre eigenen wiederverwendbaren Komponenten zu erstellen, bevor alle Browser neue Funktionen unterstützen. Darüber hinaus bietet Polymer eine Reihe von Widget-Beispielen, darunter Wetter, Uhren, Börsenkurse und Liniendiagramme.
Die Polyfills in Polymer bieten eine Vielzahl von Webtechnologien für die erfolgreiche Erstellung von Anwendungen mithilfe von Webkomponenten, darunter:
HTML-Importe: eine Möglichkeit, HTML-Dokumente in andere HTML-Dokumente einzuführen und wiederzuverwenden.
●Benutzerdefinierte Elemente: Ermöglichen Sie Entwicklern, benutzerdefinierte DOM-Elemente zu definieren und zu verwenden.
●Shadow DOM: Kapselung im DOM bereitgestellt.
●ModellModellgesteuerte Ansichten: Bietet Datenbindung wie AngularJS.
●Webanimation: API zur Implementierung komplexer Animationen.
●Zeigerereignis: Kapselung von Mausberührungs- und Stiftereignissen
9. Zepto.js (Stern: 12074, Gabel: 3260)
Zepto.js ist ein Javascript-Framework, das mobile WebKit-Browser unterstützt und über eine jQuery-kompatible Syntax verfügt. 2-5.000 Bibliotheken, die die meisten grundlegenden Dinge mit einer anständigen API verwalten.
10. Riot.js (Star: 11491, Fork: 902)
Riot.js ist eine clientseitige Model-View-Presentation (MVP). )-Framework und es ist trotz seiner unglaublichen Größe sehr leicht, es kann nur Folgendes erstellen: eine Template-Engine, Router und sogar Bibliotheken und ein striktes und organisiertes MVP Modell. Ansichten werden automatisch aktualisiert, wenn sich Modelldaten ändern.
Natürlich gibt es zusätzlich zu den oben genannten viele hervorragende Javascript-Frameworks und -Bibliotheken, und fast hin und wieder kommt ein neues Produkt auf den Markt.
Das obige ist der detaillierte Inhalt vonDie zehn beliebtesten JavaScript-Frameworks und -Bibliotheken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
