Heim  >  Artikel  >  Web-Frontend  >  Was ist AngularJS? Warum AngularJS verwenden?

Was ist AngularJS? Warum AngularJS verwenden?

little bottle
little bottleOriginal
2019-05-23 15:18:573017Durchsuche

Lassen Sie uns heute verstehen, was Angular ist und warum wir es verwenden sollten. Lernen Sie mit dem Editor.

Was ist AngularJS? Warum AngularJS verwenden?

AngularJS Ursprünglich 2009 von Misko Hevery und Adam Abrons entwickelt, aus der später das Google-Unternehmen wurde Projekte. AngularJS gleicht die Mängel von HTML beim Erstellen von Anwendungen aus. Es erweitert das HTML-Vokabular in Webanwendungen durch die Verwendung von Bezeichnerstrukturen (Anweisungen), sodass Entwickler HTML zur Deklaration dynamischer Inhalte verwenden können, was die Arbeit bei der Webentwicklung und beim Testen erleichtert.

Einführung in die Angularjs-Version

https://github.com/angular/angular.js/releases/

AngularJS-Funktionen:AngularJS ist HTML, das speziell für Anwendungen entwickelt wurde.

AngularJS erleichtert die Entwicklung moderner Single Page Applications (SPAs).

1 AngularJS bindet Anwendungsdaten an HTML-Elemente.

2 AngularJS kann HTML-Elemente klonen und wiederholen.

3 AngularJS kann HTML-Elemente ein- und ausblenden.

4 AngularJS kann Code „hinter“ HTML-Elementen hinzufügen.

5 AngularJS unterstützt die Eingabevalidierung

Die Hauptfunktionen von Angularjs, bekannt als die nächste Generation von Webanwendungen, sind wie folgt:

1.MVC

2. Modularisierung und Abhängigkeitsinjektion

3. Befehle und UI-Steuerelemente

1. MVC-Architektur

AngularJS verwendet die MVC-Architektur zur Entwicklung von Webanwendungen. Um MVC zu implementieren, teilen Sie einfach Ihre Anwendung auf und AngularJS verwaltet den Rest. MVC-Architektur steht für Model View Controller, wobei:

Modell ist für die Datenpflege verantwortlich
  • Ansicht ist für die Anzeige von Daten verantwortlich
  • Controller verbindet Modell und Ansicht
2. Befehle Mit dem Befehl

können Sie die spezifischen Operationen von HTML-Tags ändern. Dies ist eine sehr leistungsstarke Funktion, mit der Sie benutzerdefinierte Etiketten erstellen können. Durch die Verwendung von Direktiven-Tags wird der Compiler angewiesen, dem DOM-Element bestimmte Funktionen hinzuzufügen und es sogar zu ändern. AngularJS bietet außerdem eine große Anzahl voreingestellter Anweisungen, die Sie entsprechend Ihren tatsächlichen Anforderungen auswählen können.

3. POJO

Jedes in AngularJS verwendete Objekt ist ein POJO (traditionelles JavaScript-Objekt), was bedeutet, dass Sie keine zusätzliche Getter- und Setter-Funktion benötigen. POJO kann Ihnen alle Standard-JavaScript-Funktionen zur Objektmanipulation zur Verfügung stellen. Es hilft Ihnen, Eigenschaften von Objekten zu entfernen und hinzuzufügen und bei Bedarf bestimmte Objekte zu überspringen.

4. Einfach zu verwenden

AngularJS verfügt über einen umfangreichen Funktionsumfang, der den Entwicklungsprozess vereinfacht, indem er die Notwendigkeit reduziert, Code zu schreiben, sodass wir dies nicht mehr tun müssen Bei der Implementierung der MVC-Architektur traten verschiedene Schwierigkeiten auf. Um das Datenmodell zu implementieren, müssen Sie keine Getter- und Setter-Funktionen schreiben. Darüber hinaus sind Anweisungen nicht Teil des Anwendungscodes, sodass sie von anderen parallelen Entwicklungsteams verwaltet werden können. All dies reduziert den Programmieraufwand für Entwickler weitestgehend.

5. Testen mittels Dependency Injection

Eine Anwendung ist ohne gründliche Tests unvollständig. Tatsächlich ist das Testen eine wichtige Methode, um sicherzustellen, dass das gelieferte Projekt keine Fehler enthält. AngularJS integriert Tests bereits in den Build-Prozess. Die Verwendung von AngularJS zum Erstellen von Anwendungen ist vollständig in die Abhängigkeitsinjektion integriert. Sie können problemlos Beispieldaten in den Controller einfügen, um zu überprüfen, ob seine Ausgabeergebnisse und Betriebsmethoden den Erwartungen entsprechen.

6. Clientseitige Lösung

AngularJS funktioniert auf der Clientseite, ist aber auch mit Desktop- und mobilen Browsern kompatibel. Mit AngularJS kann jedes Projekt erstellt werden, ohne dass Änderungen am Backend erforderlich sind, sodass wir damit das Frontend jeder Anwendung entwickeln können. Da AngulaJS selbst clientseitig ist und in jedem Browser ausgeführt werden kann, der JavaScript unterstützt, wird die Anwendungsbereitstellung außerdem einfacher.

7. Flexible Filter

Der Filter definiert den Wert neu, bevor er angezeigt wird, z. B. indem er den Dezimalpunkt des Werts ändert, die Zeichenfolge in Großbuchstaben umwandelt usw. . Diese Filter sind Anweisungen sehr ähnlich und können als eigenständige Funktionen fungieren, die nur für Datentransformationsaufgaben bestimmt sind. Sie können auch benutzerdefinierte Filter basierend auf Ihren Anforderungen erstellen.

Empfohlenes Lernen:

AngularJS-Tutorial

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn