Inhaltsverzeichnis
Vorbei sind die Jahre, in denen Systeme und Webseiten nur aus Text und Schaltflächen bestanden, heute haben sie sich zu einer Referenz für Rich-Texte und Echtzeit-Aktionen entwickelt, die das Neuladen von Seiten vermeiden.Interessante Seiten wie Facebook oder Google Mail hängen stark von solchen Anreicherungseffekten der Bahnen ab und greifen dazu auf Javascript, diese Sprache, die auf dem Client ausgeführt wird, ermöglicht es uns, auf unseren Server herunterzuladen und interaktivere Effekte zu erzielen.
Ich arbeite mit Javascript
Eines der wichtigsten Details bei der Arbeit mit Javascript ist, dass nicht alle Browser es gleich interpretieren, also gibt es Code, der optimal in Internet Explorer 9 aber ab Version 8 gibt es einen Fehler, viele mögen sagen, dass es besser ist, es zu verwenden Chrom oder Feuerfuchs Wenn wir jedoch eine gute Website wollen, müssen wir aus verschiedenen Gründen versuchen, sie so zu entwickeln, dass jeder unsere Anwendung unabhängig vom Browser genießen kann.
Wo können Sie uns unterstützen?Dabei können wir uns auf die verschiedenen Javascript Frameworks wie jQuery die uns helfen, indem sie die nativen Funktionen packen und eine Arbeitsweise generieren, bei der wir mit weniger Code interessante Ergebnisse erzielen.
Sehen wir uns im Bild zwei Codes an, die wir vergleichen können Javascript rein und sein Äquivalent in jQuery:
Unter Berücksichtigung der erwähnten Inkompatibilitäten mit den vorherigen Versionen des IE sehen wir, dass wir in unserem Code einige Ausnahmen machen müssen, dies gibt uns etwa zwölf Zeilen Code, jetzt sehen wir im folgenden Bild, wie wir die Arbeit mit vereinfachen jQuery:
Hier fassen wir in 2 Zeilen zusammen, was uns zu einem Großteil des obigen Codes geführt hat, aber das ist keine Magie oder irgendein Betrug, nur jQuery kümmert sich um das Packen einer Menge Code Javascript Dies gibt uns die Möglichkeit, Funktionen einfacher auszuführen, einschließlich Validierungen für die meisten Browser und andere Elemente.
DOM-Baum
Das DOM-Baum Es ist die Struktur unserer Webseite, mit der wir Elemente in den HTML-Code einfügen können, ohne dass eine Verarbeitung mit dem Server erforderlich ist. Dadurch können wir asynchrone Funktionen ausführen, dh wir müssen die Seite nicht neu laden, um Ergebnisse zu erhalten .
Damit können wir unsere Systeme bereichern, die eine höhere Geschwindigkeit bieten und gleichzeitig Ressourcen auf unserem Server sparen.
Wie finde ich Elemente?Die Bewegung innerhalb der SONNE wir werden es schaffen dank der Selektoren Dies sind die Bezeichner jedes Elements, wir können dies anhand der ID der Elemente oder der Klassen tun, selbst mit etwas mehr Verarbeitung können wir unbenannte Elemente nur anhand ihres Typs und des Containers, in dem sie sich befinden, finden.
Wie wir sehen, sind die Möglichkeiten sehr groß und damit auch die Komplexität der Programmierung, daher müssen wir die Grundlagen sehr gut kennen, damit wir uns nicht verlieren oder ineffizienten Code erstellen.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