Die besten MV* Frameworks in 2024
MV* Frameworks (1 - 5)
| Bester Preis |
| AngularJS | React | Ember JS | Backbone JS | Ractive JS | CanJS | Knockout JS | batman js | rAppid JS | SproutCore | |
| Bild |  |  |  |  |  |  |  |  |  |  |
| Allgemeine Information | ||||||||||
| Automatische View-FilterungHat einen Mechanismus der Views anhand von Variablen (z.B. beim Suchen) filtert, ohne zusätzlichen Code schreiben zu müssen. | ||||||||||
| Automatische View-FilterungHat einen Mechanismus der Views anhand von Variablen (z.B. beim Suchen) filtert, ohne zusätzlichen Code schreiben zu müssen. | ✔ | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ | ✔ | ✖ | ✖ |
| Verwendet eine Template-EngineTemplate-Engines ermöglichen eine leichte und flexible UI-Erstellung. | ||||||||||
| Verwendet eine Template-EngineTemplate-Engines ermöglichen eine leichte und flexible UI-Erstellung. | ✖ | ✖ | ✔ | ✔ | ✔ | ✔ | ✔ | ✖ | ✔ | ✔ |
| Reicht über HTML hinausManche Leute sehen es als Vorteil durch die Eliminierung des Zuschlags einer anderen Template-Sprache. | ||||||||||
| Reicht über HTML hinausManche Leute sehen es als Vorteil durch die Eliminierung des Zuschlags einer anderen Template-Sprache. | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✔ | ✔ | ✖ | ✖ |
| Unter MIT-Lizenz veröffentlichtDie MIT-Lizenz ist eine liberale Lizenz die sämtliche Gebrauchsformen, einschließlich des unternehmerischen Gebrauchs, ohne Gewähr erlaubt. | ||||||||||
| Unter MIT-Lizenz veröffentlichtDie MIT-Lizenz ist eine liberale Lizenz die sämtliche Gebrauchsformen, einschließlich des unternehmerischen Gebrauchs, ohne Gewähr erlaubt. | ✔ | ✖ | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
| Integriert sich mit anderen MV* FrameworksKann dazu benutzt werden, um einen Teil eines anderen Frameworks zu ersetzen, ohne dabei die restlichen Funktionen zu entfernen. | ||||||||||
| Integriert sich mit anderen MV* FrameworksKann dazu benutzt werden, um einen Teil eines anderen Frameworks zu ersetzen, ohne dabei die restlichen Funktionen zu entfernen. | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ |
| Gesamtpunktzahl für "Allgemeine Information" | ||||||||||
| Gesamtpunktzahl für "Allgemeine Information" | ||||||||||
| Plugins | ||||||||||
| Beliebtes Plugin welches Animationen unterstütztHat ein Plugin mit dem man auf einfache Weise View Animation kreieren kann. | ||||||||||
| Beliebtes Plugin welches Animationen unterstütztHat ein Plugin mit dem man auf einfache Weise View Animation kreieren kann. | ✔ | ✔ | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ |
| Anzahl PluginsVon den offiziellen Pluginquellen. Plugins bieten einen leichten Weg die Funktionalität zu steigern oder andere Dienste zu integrieren. Eine Vielzahl an Plugins ist auf eine aktive Community zurückzuführen, sowie darauf, dass das Framework sehr kompatibel und/oder flexibel ist. | ||||||||||
| Anzahl PluginsVon den offiziellen Pluginquellen. Plugins bieten einen leichten Weg die Funktionalität zu steigern oder andere Dienste zu integrieren. Eine Vielzahl an Plugins ist auf eine aktive Community zurückzuführen, sowie darauf, dass das Framework sehr kompatibel und/oder flexibel ist. | 213 | N.A. | N.A. | 153 | N.A. | 7 | 33 | N.A. | N.A. | N.A. |
| Festgelegte Plugin-Quelle.Das zeigt, dass das Framework ein lebendes Ökosystem und eine starke Gemeinschaftsunterstützung hat, sowie mehr Flexibilität und schnellere Entwicklung ermöglicht. | ||||||||||
| Festgelegte Plugin-Quelle.Das zeigt, dass das Framework ein lebendes Ökosystem und eine starke Gemeinschaftsunterstützung hat, sowie mehr Flexibilität und schnellere Entwicklung ermöglicht. | ✔ | ✖ | ✖ | ✔ | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ |
| Eingebaute REST Synchronisationsabstraktion für ModelleBeinhaltet Dienste um Modelle mit deren Server-Repräsentation synchron zu halten ohne Boilerplate Ajax Calls schreiben zu müssen. | ||||||||||
| Eingebaute REST Synchronisationsabstraktion für ModelleBeinhaltet Dienste um Modelle mit deren Server-Repräsentation synchron zu halten ohne Boilerplate Ajax Calls schreiben zu müssen. | ✔ | ✖ | ✖ | ✔ | ✖ | ✔ | ✖ | ✔ | ✔ | ✖ |
| Unterstützt AnimationenEnthält einfache Möglichkeiten um View-Animations zu kreieren. | ||||||||||
| Unterstützt AnimationenEnthält einfache Möglichkeiten um View-Animations zu kreieren. | ✖ | ✖ | ✖ | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ |
| Gesamtpunktzahl für "Plugins" | ||||||||||
| Gesamtpunktzahl für "Plugins" | ||||||||||
| Libraries & Packages | ||||||||||
| Die DOM Manipulationsbibliothek ist AgnostischUm die DOM-Manipulation zu bedienen, benötigt man weder eine bestimmte Bibliothek (so wie jQuery, Zepto oder MooTools), noch wird spezifisch auf eine hingewiesen; der Entwickler hat die Freiheit sich eine auszusuchen. | ||||||||||
| Die DOM Manipulationsbibliothek ist AgnostischUm die DOM-Manipulation zu bedienen, benötigt man weder eine bestimmte Bibliothek (so wie jQuery, Zepto oder MooTools), noch wird spezifisch auf eine hingewiesen; der Entwickler hat die Freiheit sich eine auszusuchen. | ✖ | ✔ | ✖ | ✖ | ✔ | ✔ | ✖ | ✖ | ✖ | ✖ |
| Funktioniert zusammen mit AMD-Bibliotheken such as require.jsAsynchrone Moduldefinitionsbibliotheken ermöglichen einfache und fehlerfreie modulare Programmierung. Sollte ein Framework mit diesen Bibliotheken nicht optimal funktionieren, weist es wahrscheinlich andere Mittel auf, um Komponente zu modularisieren und um Abhängigkeiten zu beheben. | ||||||||||
| Funktioniert zusammen mit AMD-Bibliotheken such as require.jsAsynchrone Moduldefinitionsbibliotheken ermöglichen einfache und fehlerfreie modulare Programmierung. Sollte ein Framework mit diesen Bibliotheken nicht optimal funktionieren, weist es wahrscheinlich andere Mittel auf, um Komponente zu modularisieren und um Abhängigkeiten zu beheben. | ✔ | ✔ | ✖ | ✔ | ✔ | ✔ | ✖ | ✖ | ✔ | ✖ |
| Unterstützt Bower Abhängigkeits-ManagementBower ist ein leicht zu bedienender, npm-artiger Paketmanager, vor allem für Applikationen. | ||||||||||
| Unterstützt Bower Abhängigkeits-ManagementBower ist ein leicht zu bedienender, npm-artiger Paketmanager, vor allem für Applikationen. | ✔ | ✔ | ✖ | ✔ | ✔ | ✔ | ✖ | ✖ | ✖ | ✖ |
| Offiziellen sowie aktuellen Eintrag im npm Verpackungs-ManagerDer Node Package Manager kann auch benutzt werden um front end Scripts zu managen. | ||||||||||
| Offiziellen sowie aktuellen Eintrag im npm Verpackungs-ManagerDer Node Package Manager kann auch benutzt werden um front end Scripts zu managen. | ✖ | ✖ | ✔ | ✔ | ✔ | ✖ | ✔ | ✖ | ✔ | ✖ |
| Beinhaltet jQuery LiteBenutzt jQuery Lite Elemente, wenn DOM Manipulation notwendig ist. Auf diesem Weg profitieren Entwickler von den komfortablen Helferfunktionen, ohne die gesamte Bibliothek einfügen zu müssen. In vielen Anwendungsfällen beendet dies die Abhängigkeit des Projekts von jQuery. | ||||||||||
| Beinhaltet jQuery LiteBenutzt jQuery Lite Elemente, wenn DOM Manipulation notwendig ist. Auf diesem Weg profitieren Entwickler von den komfortablen Helferfunktionen, ohne die gesamte Bibliothek einfügen zu müssen. In vielen Anwendungsfällen beendet dies die Abhängigkeit des Projekts von jQuery. | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ |
| Gesamtpunktzahl für "Libraries & Packages" | ||||||||||
| Gesamtpunktzahl für "Libraries & Packages" | ||||||||||
| Data binding | ||||||||||
| Wechselseitige DatenbindungModels und Views können daran gebunden werden sich gegenseitig zu aktualisieren. | ||||||||||
| Wechselseitige DatenbindungModels und Views können daran gebunden werden sich gegenseitig zu aktualisieren. | ✔ | ✖ | ✔ | ✖ | ✔ | ✖ | ✔ | ✔ | ✔ | ✔ |
| Unterstützt einseitige DatenbindungViews können daran gebunden werden sich automatisch zu aktualisieren sobald sich ein beobachtetes Objekt verändert. | ||||||||||
| Unterstützt einseitige DatenbindungViews können daran gebunden werden sich automatisch zu aktualisieren sobald sich ein beobachtetes Objekt verändert. | ✔ | ✔ | ✔ | ✖ | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
| Modelle sind einfache JavaScipt-ObjekteDies sorgt für leichteren Datenaustausch zwischen der Applikation und REST-Diensten oder dem LocalStorage. Es vermeidet außerdem Komplexität, die durch Getter- und Setter-Funktionen entstehen würde. | ||||||||||
| Modelle sind einfache JavaScipt-ObjekteDies sorgt für leichteren Datenaustausch zwischen der Applikation und REST-Diensten oder dem LocalStorage. Es vermeidet außerdem Komplexität, die durch Getter- und Setter-Funktionen entstehen würde. | ✔ | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ |
| Ermöglicht den Gebrauch von view MixinsMixins ist eine Programmiermethode, die es verschiedenen Objekten ermöglicht, gleiches Verhalten zu benutzen, ohne Objekt-orientierte Vererbung zu brauchen. | ||||||||||
| Ermöglicht den Gebrauch von view MixinsMixins ist eine Programmiermethode, die es verschiedenen Objekten ermöglicht, gleiches Verhalten zu benutzen, ohne Objekt-orientierte Vererbung zu brauchen. | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ |
| Kann um ein Plugin erweitert werden um eine wechselseitige Datenbindung zu habenKann erweitert werden, damit Modelle und Ansichten sich gegenseitig aktualisieren können. Diese Erweiterung erhöht die Dateigröße, sorgt allerdings auch für mehr Flexibilität. | ||||||||||
| Kann um ein Plugin erweitert werden um eine wechselseitige Datenbindung zu habenKann erweitert werden, damit Modelle und Ansichten sich gegenseitig aktualisieren können. Diese Erweiterung erhöht die Dateigröße, sorgt allerdings auch für mehr Flexibilität. | ✖ | ✔ | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✖ |
| Gesamtpunktzahl für "Data binding" | ||||||||||
| Gesamtpunktzahl für "Data binding" | ||||||||||
| Leistung | ||||||||||
| Minimierte Dateigröße ohne AbhängigkeitenEine kleinere Dateigröße resultiert in schnelleren Ladezeiten. | ||||||||||
| Minimierte Dateigröße ohne AbhängigkeitenEine kleinere Dateigröße resultiert in schnelleren Ladezeiten. | 81KB | 78KB | 235KB | 19KB | 65KB | 69KB | 43KB | 247KB | 120KB | N.A. |
| Unterstützt Routing und Deep LinkingRouting ermöglicht Interaktion mit der Browser URL. Dies sorgt für ein umfassendes Benutzererlebnis, besonders in One-Page-Apps. | ||||||||||
| Unterstützt Routing und Deep LinkingRouting ermöglicht Interaktion mit der Browser URL. Dies sorgt für ein umfassendes Benutzererlebnis, besonders in One-Page-Apps. | ✔ | ✖ | ✔ | ✔ | ✔ | ✔ | ✖ | ✔ | ✔ | ✔ |
| Benutzt PromisesHat eine interne Implementierung der Promises/A+ Spezifikation. Promises sind eine beliebte Alternative zu Callbacks beim Umgang mit Serverantworten. | ||||||||||
| Benutzt PromisesHat eine interne Implementierung der Promises/A+ Spezifikation. Promises sind eine beliebte Alternative zu Callbacks beim Umgang mit Serverantworten. | ✔ | ✖ | ✔ | ✖ | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ |
| Templates können auf dem Server vorkompiliert werdenUnterstützt eine Template-Engine die auf dem Server vorgerendert werden kann. Dies kann unter Umständen die Webseitengeschwindigkeit erhöhen, vor allem bei Geräten mit geringer Rechenleistung. | ||||||||||
| Templates können auf dem Server vorkompiliert werdenUnterstützt eine Template-Engine die auf dem Server vorgerendert werden kann. Dies kann unter Umständen die Webseitengeschwindigkeit erhöhen, vor allem bei Geräten mit geringer Rechenleistung. | ✖ | ✔ | ✔ | ✔ | ✖ | ✔ | ✔ | ✖ | ✖ | ✔ |
| Dependency InjectionTestbarkeit und und Modularität wird dadurch gesteigert. | ||||||||||
| Dependency InjectionTestbarkeit und und Modularität wird dadurch gesteigert. | ✔ | ✖ | ✔ | ✖ | ✖ | ✖ | ✖ | ✖ | ✔ | ✖ |
| Gesamtpunktzahl für "Leistung" | ||||||||||
| Gesamtpunktzahl für "Leistung" | ||||||||||
Share with
Die Seite ist nur auf Deutsch verfügbar.