ASP.NET MVC – Arbeiten mit JavaScript

Die Jahre, in denen die Systeme und Webseiten nur aus Text und Schaltflächen bestanden, haben sich inzwischen zu einer Referenz für erweiterte Texte und Aktionen in Echtzeit entwickelt, die das erneute Laden der Seite verhindern.

Websites, die so interessant sind wie Facebook oder Google Mail, hängen stark von dieser Art von Effekten der Webanreicherung ab. Um dies zu erreichen, verwenden sie Javascript . Diese Sprache, die auf dem Client ausgeführt wird, ermöglicht es uns, sie auf unseren Server herunterzuladen und interaktivere Effekte zu erzielen.

Mit Javascript arbeiten

Eines der Hauptmerkmale bei der Arbeit mit Javascript ist, dass nicht alle Browser es auf die gleiche Weise interpretieren. Es gibt also Code, der in Internet Explorer 9 optimal ausgeführt wird, aber ab Version 8 zu Fehlern führt Viele mögen sagen, dass es aus verschiedenen Gründen besser ist, Chrome oder Firefox zu verwenden. Wenn wir jedoch eine gute Website wollen, sollten wir versuchen, sie so zu entwickeln, dass jeder unsere Anwendung unabhängig vom Browser genießen kann.

Wo können Sie uns unterstützen?
Vor diesem Hintergrund können wir die verschiedenen JavaScript-Frameworks wie jQuery unterstützen , die uns dabei helfen, die nativen Funktionen zu packen und eine Arbeitsweise zu generieren, bei der wir mit weniger Code interessante Ergebnisse erzielen.

Sehen wir uns im Bild zwei Codes an, mit denen wir reines Javascript und dessen Entsprechung in jQuery vergleichen können:

asp_trabj_javascript.jpg

In Anbetracht der Inkompatibilitäten, die in früheren IE-Versionen erwähnt wurden, müssen wir einige Ausnahmen in unserem Code machen. Dadurch erhalten wir zwölf Codezeilen. In der folgenden Abbildung sehen wir, wie wir die Arbeit mit jQuery vereinfachen:

See also  Erstellen Sie eine Twitter-Karte für Benutzer mit HTML5 und CSS3

asp_trabj_javascript2.jpg

Hier fassen wir in zwei Zeilen zusammen, was uns zu einem Großteil des vorherigen Codes geführt hat, aber dies ist keine Zauberei oder eine Falle. Einfach jQuery ist dafür verantwortlich, einen Großteil des Javascript- Codes zu verpacken, wodurch wir die Möglichkeit haben, Funktionen auf einfachere Weise auszuführen, einschließlich Validierungen für das Die meisten Browser und andere Elemente.

DOM-Baum

Der DOM-Baum ist die Struktur unserer Webseite. Dadurch können wir Elemente im HTML-Code lokalisieren, ohne dass eine Verarbeitung mit dem Server erforderlich ist. Dadurch können wir asynchrone Funktionen ausführen, dh wir müssen die Seite nicht erneut laden, um Ergebnisse zu erhalten.

Auf diese Weise können wir unsere Systeme anreichern, um eine höhere Geschwindigkeit zu erzielen und Ressourcen auf unserem Server zu sparen.

Wie finde ich Elemente?
Die Verschiebung innerhalb des DOM erfolgt dank der Selektoren , die die Bezeichner jedes Elements sind. Wir können dies anhand der ID der Elemente oder anhand der Klassen tun. Selbst mit etwas mehr Verarbeitung können wir Elemente ohne Namen nur anhand ihres Typs lokalisieren und für den Container sind sie drin.

Da wir die Möglichkeiten und damit auch die Komplexität der Programmierung als sehr umfassend ansehen, müssen wir die Grundlagen sehr gut kennen, damit wir keinen ineffizienten Code verlieren oder erstellen.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *