Techniken zum Schreiben performanter JavaScript-Ereignisse

Wie man ein effizientes Web-Frontend-Programm erstellt, ist eine Frage, die ich unbewusst jedes Mal in Betracht ziehe, wenn ich Frontend-Entwicklung mache. Vor einigen Jahren veröffentlichten die großartigen Front-End-Ingenieure von Yahoo ein Buch über die Verbesserung der Web-Front-End-Leistung, das in der gesamten Web-Entwicklungstechnologie-Community für Aufsehen sorgte. Das mysteriöse Problem der Web-Front-End-Optimierung wurde zu einem häufigen Problem Straßen- und Web-Frontend-Optimierung sind zu einfachen Fragen geworden, die sowohl Anfänger als auch Experten beantworten können. Wenn die gesamte Branche die schockierende geheime Antwort kennt, kann die vorhandene Optimierungstechnologie keinen qualitativen Sprung mehr in der von Ihnen entwickelten Website bewirken Sorgen Sie dafür, dass die von uns entwickelte Website besser funktioniert als andere. Um unsere Website besser zu machen, müssen wir tiefer und unabhängiger denken und uns bessere Fähigkeiten aneignen.

Das Ereignissystem in Javascript ist der erste Durchbruch, der mir in den Sinn kommt. Warum ist es ein JavaScript-Ereignissystem? Wir alle wissen, dass das Web-Frontend drei Technologien umfasst: HTML, CSS und Javascript. Es ist sehr klar, wie HTML und CSS kombiniert werden: Stil, Klasse, ID und HTML-Tags. Dazu gibt es nicht viel zu sagen, aber wie Kommt Javascript in die Mitte von HTML und CSS, wie wäre es mit der Integration der drei? Schließlich habe ich festgestellt, dass dieser Einstiegspunkt das Ereignissystem von JavaScript ist. Egal wie lang oder komplex der von uns geschriebene JavaScript-Code ist, er wird sich letztendlich über das Ereignissystem in HTML und CSS widerspiegeln ist der Einstiegspunkt für die Integration der drei Punkte, dann wird es zwangsläufig eine große Anzahl von Ereignisoperationen auf einer Seite geben, insbesondere auf den immer komplexer werdenden Webseiten von heute. Ohne diese Ereignisse wird unser sorgfältig geschriebener Javascript-Code nur in gespeichert Datenbank, und der Held wird nutzlos sein. Wird es Probleme mit der Effizienz geben, wenn wir Ereignisfunktionen gemäß unseren Gewohnheiten schreiben, da es auf der Seite eine große Anzahl von Ereignisfunktionen gibt? Die Antwort, die ich recherchiert habe, ist, dass es sich tatsächlich um ein Effizienzproblem handelt, und zwar um ein ernstes Effizienzproblem.

Um meine Antwort klar zu erklären, muss ich zunächst das JavaScript-Ereignissystem im Detail erklären.

Das Ereignissystem ist der Einstiegspunkt für die Integration von Javascript, HTML und CSS. Wie vervollständigt der Browser diesen Eintrag? Ich habe insgesamt 3 Methoden recherchiert, sie sind:

Methode: HTML-Ereignisverarbeitung

Bei der HTML-Ereignisverarbeitung wird die Ereignisfunktion direkt in das HTML-Tag geschrieben, da diese Schreibweise so ist Ähnlich wie bei HTML sind Tags eng miteinander verbunden und werden daher als HTML-Ereignisverarbeitung bezeichnet. Zum Beispiel der folgende Code: