Fünf Tipps für die JavaScript-Entwicklung

Fünf ganz schnelle Tipps:

Verwenden Sie das Submit-Ereignis nur auf dem <form>-Element

Wenn Sie einen Event-Handler im Formular binden möchten, sollten Sie ihn nur auf verwenden Binden Sie das Submit-Ereignis an das <form>-Element, anstatt das Click-Ereignis an die Submit-Schaltfläche zu binden.
März: Diese Methode ist sicherlich gut, aber das Unternehmen hat während der Entwicklung Web Flow verwendet. Eine Seite ist ein großes Formular und es kann mehrere Senden-Schaltflächen enthalten, sodass einige Ereignishandler an die Senden-Schaltfläche gebunden werden müssen. Beim Klickereignis der Schaltfläche.

Alles, was anklickbar ist, sollte ein Link sein.

Binden Sie Klickereignisse nicht an andere Elemente als Ankerelemente (<a>). Dies ist wichtig für Tastaturbenutzer, da es ihnen möglicherweise schwerfällt, sich allein über die Tastatur auf ein Element zu konzentrieren.
März: Ich persönlich bin jedoch der Meinung, dass Ankerelemente nur als Links verwendet werden sollten und dass einige Funktionsvorgänge (z. B. „Alle als neu markieren“ von Google Reader) am besten mit „<span>“ gekennzeichnet werden können. Barrierefreiheitsprobleme können durch „Gelöst“ gelöst werden über Tastenkombinationen und andere Methoden. Dadurch kann die Semantik von HTML-Elementen besser wiederhergestellt werden.

Einfache For-Schleifenoptimierung

Wenn Sie eine For-Schleife schreiben, gibt es einen sehr einfachen Trick, der die Leistung verbessern kann.
for ( var i = 0; i < elements.length; ++i )
Verwenden Sie die folgende Anweisung anstelle der obigen:
for ( var i = 0, j = elements.length; i &lt ; j; ++i )
Auf diese Weise kann die Anzahl der Elemente (der Wert von elements.length) in einer Variablen j gespeichert werden, sodass nicht jedes Mal die Anzahl der Elemente berechnet werden muss Schleifen.

Anonyme Funktionen als Ereignishandler verwenden

Besonders bei kurzen Funktionen ist das Erstellen einer anonymen Funktion besser lesbar als die Verwendung eines Verweises auf eine benannte Funktion.
anchor.onclick = function() { map.goToPosition( home ); return false 🎜>March: Es ist effizienter, benannte Funktionen zu verwenden, wenn komplexeres JavaScript entwickelt wird.

Verwenden Sie Array.join, anstatt Zeichenfolgen zu verketten

Wenn Sie viele Zeichenfolgen, Variablen usw. zu einer langen Zeichenfolge verketten, fügen Sie alle Zeichenfolgen und Variablen in ein Array ein und verwenden Sie dann die Join-Methode, um Formen Sie sie zu einer langen Zeichenfolge, was hinsichtlich der Lesbarkeit und Leistung des Codes besser ist als die Verkettung von Zeichenfolgen.

var text = 'There are' + elements.length + 'members in the elements array.';
var text = ['There are', elements.length, 'members in the elements array.']. join(' ');

Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (www.php.cn)!