AngularJS - Nicht-invasives JavaScript

Irgendwann müssen wir das Ende gehört haben Nicht aufdringliches Javascript, das bedeutet, keinen Code zu schreiben Direktes Javascript in HTML und dass unsere Anwendung genauso gut funktionieren kann, wenn wir die nicht hätten Javascript aktiviert.
Dies ist seit vielen Jahren eine Prämisse, da Browser bis vor kurzem nicht das gleiche Verhalten unter den gleichen Codes in JavascriptDarüber hinaus hat uns Art und Stil der Entwicklung dazu geführt, dass wir immer mehr alles serverseitig machen.
Mit dem Mentalitätswandel und dem Erscheinen neuer Programmierstile neben den Verbesserungen in der Javascript-Interpretation zwischen verschiedenen Browsern haben sich die Dinge geändert.
Um den Grund für diese Art der Anwendungscodierung zu kennen, müssen wir die Gründe sehen, die zu diesen Schlussfolgerungen geführt haben:
Grund 1Nicht alle Browser unterstützen JavascriptDaher muss die Anwendung funktionieren, ohne auf Funktionalitäten angewiesen zu sein, die in dieser Sprache geschrieben sind.
Grund 2Personen, die Browser für Sehbehinderte verwenden, haben keine Möglichkeit, mit unserer Anwendung zu arbeiten, und mobile Browser unterstützen diese Sprache nicht.
Grund 3Javascript funktioniert in jedem Browser auf unterschiedliche Weise, da Internet Explorer derjenige, der diesen Unterschied am meisten ausmacht.
Grund 4Ereignishandler funktionieren global, daher können Konflikte auftreten, wenn andere Bibliotheken mit demselben Namen integriert werden.
Grund 5Ereignishandler kombinieren Struktur und Verhalten, was die Codepflege erschwert.
Wenn wir die neuesten Webtrends kennen, können wir wissen, dass zumindest die Punkte 1 und 2 von dem, was wir erklärt haben, nicht mehr gelten, tatsächlich wenn wir deaktivieren die Javascript in unserem Browser können wir wahrscheinlich 90% der heutigen Webs nicht sehen; Was Handys und deren Browser betrifft, mit denen sie arbeiten Javascript wie seine Desktop-Pendants und mit entsprechender Leistung.
Zu den Gründen 3 und 4 AngularJS Es bietet uns eine andere Möglichkeit, den Code anzuwenden, damit wir uns keine Sorgen machen müssen. Erstens ist der Unterschied im Verhalten der Browser für den Programmierer transparent, d. AngularJS kümmert sich um die angemessene Übersetzung der Anleitung in Internet Explorer Grundsätzlich.
Dann haben die Eventhandler keinen globalen Geltungsbereich, sondern sind auf die $ Umfang unseres Elements AngularJSDaher können wir eine Funktion in einem Click-Ereignis folgendermaßen definieren:

Wenn wir uns das Click-Event ansehen, behandeln wir es mit ng-klick, mögen einige denken, dass dies sehr falsch ist, aber das ist nicht so, da dieses Ereignis im Geltungsbereich seines Elements liegt, also wenn wir die Funktion definieren mit AngularJS Es kann sich unterschiedlich verhalten, auch wenn es den gleichen Namen hat. Mal sehen, wie wir das definieren Javascript:

Hier zeigen wir, wie die $ Umfang o Geltungsbereich ist derjenige, der den Unterschied definiert, was die Anwendung tun soll, wenn der Ereignishandler aufgerufen wird.
Wie wir sehen AngularJS definiert das Konzept von nicht-intrusivem Javascript neu, gibt uns mehr Freiheit beim Schreiben unserer Anwendungen und hilft uns bei der Verbesserung der Art und Weise, wie wir Code lesen und warten können.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben