Was ist der Unterschied zwischen Jquery und AngularJS?

Unterschiede: 1. JQuery ist eine JS-Bibliothek und AngularJS ist ein JS-Framework. 2. Jquery hat nichts mit dem Modell zu tun, und Angular basiert auf dem MVC-Modell. 3. Jquery verfügt nicht über eine bidirektionale Bindung Funktion, Angular jedoch 4. jQuery eignet sich für Runden und Angular eignet sich für Einzelseitenanwendungen usw.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.0&&Angular6-Version, Dell G3-Computer.

Der Unterschied zwischen AngularJS und JQuery:

1. JQuery ist eine JavaScript-Bibliothek für DOM-Operationen;

2. Jquery hat nichts mit Modellen zu tun; Angular basiert auf MVC und wird zur Erstellung von SPA (Single Page Application) verwendet.

3. Jquery verfügt nicht über eine bidirektionale Bindungsfunktion, während Angular über Schlüsselfunktionen wie Routing, Anweisungen, bidirektionale Datenbindung, Modell, Abhängigkeitsinjektion und Unit-Tests verfügt.

4. Es gibt Unterschiede in den Entwicklungsmodellen

AngularJS und jQuery haben völlig unterschiedliche Ideen in Webanwendungsentwicklungsmodellen:

• jQuery: Erstellen Sie Anwendungen durch Anzeigen und Bearbeiten des DOM im Browser (geeignet für rundenbasierte Anwendungen) , Für große und komplexe Projekte ist es nicht förderlich für umfassende Unit-Tests;

• AngularJS: Nimmt den Browser als Basis der Anwendung auf (geeignet für Einzelseitenanwendungen), eignet sich gut für große und komplexe Projekte und erleichtert umfassende Unit-Tests.

Was sind also runde Bewerbungen und einseitige Bewerbungen?

Round-Trip-Anwendung

Als die Entwicklung von Webanwendungen gerade erst begann, verwendeten viele Entwickler Round-Trip-Anwendungen.

Im Vergleich zu einer einseitigen Bewerbung entspricht es einer mehrseitigen Bewerbung.

• Vorteile: Es stellt nur geringe Anforderungen an den Browser und kann maximale Client-Unterstützung gewährleisten.

• Nachteile: Der Benutzer muss warten, bis das nächste HTML-Dokument angefordert und geladen wird. Während dieser Zeit ist ein großer Server erforderlich Ende, das heißt, der Back-End-Server verarbeitet alle Anforderungen und verwaltet alle Anwendungsstatus, was viel Bandbreite beansprucht (zu diesem Zeitpunkt, da jedes HTML-Dokument in sich geschlossen sein muss, d. h. jedes Mal, wenn die Seite aktualisiert wird). , muss das HTML-Dokument aktualisiert werden und nicht aktualisierte Inhalte werden vollständig an den Server gesendet, was dazu führt, dass jede Antwort vom Server einen Großteil des gleichen Inhalts enthält.

Single-Page-Anwendung

Im Vergleich zu rundenbasierten Anwendungen verfolgen Single-Page-Anwendungen einen anderen Ansatz. Für die gesamte Anwendung wird nur ein anfängliches HTML-Dokument an den Browser gesendet, und durch Benutzerinteraktionen generierte Ajax-Anfragen (asynchron) fordern nur kleinere HTML-Fragmente oder Daten an, die in vorhandene Elemente eingefügt werden, die dem Benutzer angezeigt werden.

Das ursprüngliche HTML-Dokument wird nicht erneut geladen oder ersetzt. Wenn die Ajax-Anfrage asynchron ausgeführt wird, kann der Benutzer weiterhin mit dem vorhandenen HTML interagieren.

• Vorteile: Reduzieren Sie die Menge der an das Backend angeforderten Daten, reduzieren Sie die Bandbreite und verbessern Sie die Leistung von Webanwendungen.

• Nachteile: Die Leistung des Browsers ist verbessert und nicht alle Browser sind mit bestimmten Funktionen kompatibel.

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Jquery und AngularJS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!