Der Hauptinhalt dieses Artikels wird unter Bezugnahme auf die offizielle Dokumentation zusammengefasst:
Vue.js
Vue.js @ Eine Bibliothek, die von Mr. You Yuxi zum Erstellen von Web Interactive Interfaces geschrieben wurde, ist ein optimiertes MVVM. Aus technischer Sicht konzentriert sich Vue.js auf die ViewModel -Schicht des MVVM -Modells. Es verbindet die Ansichtsschicht und die Modellschicht durch bidirektionale Datenbindung. Die tatsächlichen DOM -Kapsel- und Ausgangsformate sind für Anweisungen und Filter abstrahiert. Vue.js ist eine kleine und schöne Bibliothek im Vergleich zu anderen Bibliotheken. Der Hauptzweck des Autors besteht darin, reflektierende Datenbindung und komponierbare Ansichtskomponenten über eine einfache API zu erzeugen. Ich bin der Meinung, dass die Idee des Autors sehr klar ist.
Vorteil:
Einfach: Die offizielle Dokumentation ist sehr klar, einfacher und einfacher zu lernen als eckig.
Schnell: Aktualisieren des DOM in der asynchronen Stapelverarbeitung.
Kombination: Kombinieren Sie Ihre Anwendung mit entkoppelten, wiederverwendbaren Komponenten.
Kompakt: ~ 18 KB min+gzip und hat keine Abhängigkeiten.
Leistungsstark: Ausdrücke und berechnete Eigenschaften, für die keine Abhängigkeiten deklariert werden müssen.
Modulfreundlich: Es kann über NPM, Bower oder Duo installiert werden und zwingt nicht den gesamten Code, den verschiedenen Winkelvorschriften zu folgen, wodurch die Nutzungsszenarien flexibler werden.
Mangel:
Neugeborene: Vue.js ist ein neues Projekt, die am 20. März 2014 veröffentlichte Release -Version von 0.10.0. Derzeit ist die neueste Version auf Github 0,11,4, was nicht so reif wie Angular ist.
Der Einfluss ist nicht sehr groß: Ich habe es gegoogelt und es gibt weniger Vue.js 'Vielfalt oder Reichtum als einige andere berühmte Bibliotheken.
IE8 wird nicht unterstützt: haha, aber AngularJs 1.3 verlässt auch die Unterstützung für IE8, aber @微官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官 � Dies ist nicht gut für Projekte, die IE8 unterstützen müssen, aber dies ist auch ein Trend in der Entwicklung von Web-Front-End-Entwicklung. Zum Beispiel sollte die niedrige Version des IE die Geschichte der Geschichte verlassen, indem sie unser Front-End-Denken ändert, anstatt sich an diejenigen anzupassen, die die alte Version ohne Upgrade verwenden. @德官网官网 sagte eine Sache, ich finde es sehr gut. "In den letzten Tagen war es nicht mehr ein Merkmal, IE6 und 7 zu unterstützen, sondern eine Schande mehr. Wir bemühen uns, Alipay zu fördern, um IE6 und 7 ganz nicht zu unterstützen, und freuen uns darauf, dass sich mehr Brüder anschließen."
Angularjs
AngularJS war in letzter Zeit sehr beliebt und hat viele Anhänger. Superheldener JavaScript MVW Framework
Der Beamte sagte, es einfach: "Die Client-Technologie, die vollständig in JavaScript geschrieben wurde. Sie wird in Verbindung mit anderen langjährigen Web-Technologien (HTML, CSS und JavaScript) verwendet, um die Entwicklung von Webanwendungen einfacher und schneller als zuvor zu gestalten." Wenn Sie es lernen, werden Sie glaube, dass Sie von vielen seiner neuen Spezialeffekte angezogen werden.
Vorteil:
Dynamische Ansicht: Ich hätte nie gedacht, dass JS HTML -Attribute wie diese zuvor erweitern könnte, aber AngularJs hat es getan. Es fügte unser statisches HTML viele Erweiterungsfunktionen hinzu, was HTML vom Tod zum Leben macht.
Perfekt: Es ist ein relativ vollständiges Front-End-MVW-Framework, einschließlich Vorlagen, bidirektionaler Datenbindung, Routing, Modularisierung, Service, Abhängigkeitsinjektion und anderen Funktionen. Die Vorlagen sind mächtig und reich an Funktionen und deklarativ mit reichen Anweisungen für Winkel.
Google -Wartung: AngularJS hat Google zu pflegen und hat zweifellos ein starkes Backend. Es hat offensichtliche Vorteile gegenüber Vue.js und Avalon für Werbung und Wartung. Die Gemeinschaft ist auch sehr lebhaft und kann ihre Entwicklung gut fördern.
AngularJS & Ionic: Ionic: Fortgeschrittene HTML5 Hybrid Mobile App Framework, diese beiden sind ein guter Freund. Ionic verwendet AngularJs, um einen Rahmen zu schaffen, der für die Entwicklung reicher und leistungsstarker Anwendungen am besten geeignet ist. Das letzte Mal habe ich eine verwandte Frage zu Zhihu beantwortet, um WebApps zu entwickeln. Welcher Framework und welche verpackte App -Plattform sind die beste Leistung und Effizienz? - Tang Weis Antwort, hier finden Sie hier Details.
Mangel:
Groß und umfassend: Es ist schwierig zu lernen. Für mich ist die Lernkurve sehr gewunden und schwer zu verstehen.
Umkippen und Umschreiben: Ich habe die Community vor einiger Zeit besucht und festgestellt, dass AngularJS2.0 den vorherigen Umkippen umkippen und umschreiben würde. Die beiden Frameworks haben sich sehr verändert, im Grunde genommen zwei Frameworks. Es ist gleichbedeutend mit der Aussage, dass Sie nach dem Aussehen 2.0 von vorne anfangen müssen. Aber wieder, //www.vevb.com/article/79637.htm In diesem Artikel wird die Änderungen in AngularJS2.0 sehr gut erläutert.
Es unterstützt nicht IE8 oder unten. Es scheint, dass 2.0 nur auf mobilen Geräten unterstützt wurde. Mal sehen, nachdem es herauskommt.
Avalon.js
Avalon.js ist ein einfaches und benutzerfreundliches Mini-MVVM-Framework von @Situ Zhengmei. Es wurde erstmals am 2012.09.15 veröffentlicht und entwickelt, um die Existenz verschiedener Ansichten derselben Geschäftslogik zu lösen. Sie können oft sehen, dass der Lehrer seinen avalon.js fördert und viele Tutorials veröffentlicht hat, die zweifellos Menschen in China, die Avalon.js studieren, einen großen Bequemlichkeitsmöglichkeiten bieten.
Vorteil
Einfach zu bedienend, fügen Sie Bindungen in HTML hinzu, definieren Sie ViewModel in JS mit avalon.define und rufen Sie dann die avalon.scan -Methode auf, und sie kann sich bewegen!
Kompatibel mit IE6 (andere MVVM -Frameworks, Knockoutjs (IE6), AngularJs (IE9), Emberjs (IE8), Winjs (IE9)) und Avalon.mobile, die in neuen Versionsbrowsern wie IE10 effizienter laufen können.
Keine Abhängigkeiten, weniger als 5000 Linien, weniger als 50 kib nach Komprimierung
Unterstützt die Filterfunktionen der Pipeline -Zeichenstil, um die Formatierungsleistung zu erleichtern
Die Granularität der lokalen Aktualisierung wurde zu einem Textknoten, Feature -Knoten, verfeinert
Der zu bedienende Knoten ist an die Funktion zur Auffrischungsansicht auf dem ersten Scan gebunden und zwischengespeichert, sodass Selektoren kein Raum für die Erscheinen von Selektoren sind.
Machen Sie den DOM -Betrieb fast ausgestorben
Lassen Sie jeden CSS-ähnlichen Überlappungsmechanismus jede ViewModel-Partition abwechselnd die Seiten rendern
Wenn der Knoten entfernt wird, deinstallieren Sie die entsprechende Aktualisierungsfunktion intelligent, um den Speicher zu speichern
Betriebsdaten sollen das DOM betreiben, und die Vorgänge auf dem ViewModel werden mit der Ansicht und dem Modell synchronisiert.
Es wird mit dem AMD -Modullader geliefert, sodass die Integration in andere Lader vermieden wird.
Mangel
1. Die Filterung von Arrays ist nicht so gut wie eckig. Der Filter von Avalon kann nur für MS-Text, MS-HTML verwendet werden
2. Keine englischen Dokumente, Werbung ist eingeschränkt
3. Oniuis Haut sieht nicht gut aus. Viele Leute sagen, sie wollen mit Boostrap zusammenarbeiten, aber niemand in der Gemeinde hat die Initiative dafür ergriffen, dies zu tun.