Zusammenfassung der Erfahrungen mit der Web-Frontend-Entwicklung

Zusammenfassung der Erfahrungen mit der Web-Frontend-Entwicklung
  1. XML-Dateien sollten so weit wie möglich in UTF-8 kodiert werden. Einige Zeichen in gb2312 können nicht gespeichert werden, z. B. ?. Selbst wenn sie gespeichert werden können, müssen sie konvertiert werden, was mühsam ist. UTF-8 entspricht auch internationalen Standards.
  2. In CSS wird die Pseudoklasse :hover ungültig, wenn sie vor :visited platziert wird.
  3. Wenn das <a>-Tag kein href-Attribut hat, sind alle CSS-Pseudoklassen wie :hover ungültig.
  4. Verwenden Sie in JS-Dateien document.write("<script language='javascript' src='" + file + "'></" + "script>" als Referenzformat, und der relative Dateipfad ist der Pfad des HTML, das auf das JS verweist.

    Beispiel: a.htm verweist auf x\b.js, b.js verweist auf x\c.js, dann sollte die Datei x\c.js sein und nicht der direkte Pfad c.js relativ zu b.js. Dieses Problem besteht jedoch nicht bei @import- und url()-Referenzen in CSS.
  5. Wenn die Breite der Tabelle auf 100 % eingestellt ist, bleibt manchmal auf der rechten Seite der Bildlaufleiste ein leerer Bereich. Bitte setzen Sie <body style="overflow:auto">
  6. Verwenden Sie für häufig verwendete Bilder nicht das img-Tag. Verwenden Sie <span><a> und geben Sie mit CSS den Hintergrund, die Breite und die Höhe an. Für dynamische Bilder (Änderung des Hintergrunds beim Hochfahren) verwenden Sie am besten <a>. Es ist kein zusätzlicher Code erforderlich. Verwenden Sie einfach die Pseudoklasse :hover. Der Vorteil der Verwendung von CSS besteht darin, dass alle Änderungen auf einmal vorgenommen werden können, was in Anwendungen zum Ändern des Skins gut genutzt werden kann.
  7. @Schriftart {
    Schriftfamilie: Comic;
    src:url(http://valid_url/some_font_file.eot);
    }
    Definieren Sie einen Schriftnamen, der lokal nicht verfügbar ist, und rufen Sie <span style="font-family:comic;font-size:18pt>aa</span> auf.
  8. Etwas CSS
    div { Überlauf: versteckt; Textüberlauf: Auslassungspunkte; }
    td { vertikale Ausrichtung: Mitte; }
    Um einen Überlauf zu erzwingen und die Anwendung des Auslassungspunktwertes zu erreichen, muss der Autor die Leerzeicheneigenschaft des Objekts auf nowrap setzen.
    Wenn keine Möglichkeit zum Zeilenumbruch besteht (beispielsweise weil die Breite des Objektcontainers schmal ist und es sich um einen langen Text ohne sinnvolle Zeilenumbrüche handelt), ist ein Überlauf auch ohne Anwendung von nowrap möglich.
    Damit der Auslassungspunktwert angewendet werden kann, muss diese Eigenschaft auf ein Objekt festgelegt werden, das über einen unsichtbaren Bereich verfügt. Die beste Option besteht darin, die Überlaufeigenschaft auf „versteckt“ zu setzen.
  9. document.createElement von Firefox unterstützt weder HTML-Tags im Inhalt noch innerText, aber innerHTML und Sie können innerHTML verwenden, um seinen Inhalt anzugeben.
  10. Die Breite der DropDownList im .net-Steuerelement wird in Firefox nicht eingefärbt, Sie müssen style='width:10px;' direkt definieren.
  11. Der CSS-Cursor in Firefox unterstützt keine Hand, verwenden Sie stattdessen einen Zeiger
  12. Die Bildlaufleiste im Iframe muss im Iframe-Tag mit style='overflow:hidden' gesetzt werden, nicht nur im Body, da dies in Firefox zu Problemen führen würde.
  13. Achten Sie beim Ereignis onpropertychange darauf, event.propertyName zu verwenden, um das Ereignis zur Eigenschaftsänderung zu filtern. Wenn Sie dieses Ereignis festlegen, wurde die Eigenschaft onpropertychange tatsächlich geändert, sodass es automatisch ausgeführt wird, sobald
  14. Die XSL-Unterstützungsversion in js5.6 ist niedrig, beispielsweise wird die Dokumentfunktion nicht unterstützt
  15. Die Slice-Funktion ist langsamer als die direkte Schleife zum Abrufen von Array-Slices
  16. Wenn nextSibling das nächste Objekt erhält, muss darauf geachtet werden, dass zwischen den beiden Knoten kein Leerzeichen vorhanden sein darf, da es sonst leicht passieren kann, dass das richtige Objekt nicht erhalten wird.
  17. Bei der Verwendung von CreateTextFile muss der dritte Parameter auf true gesetzt werden, wenn darin chinesischer Text vorhanden ist. Ansonsten kann kein chinesischer Text geschrieben werden, was zu einem Fehler beim Schreiben führt.
  18. Verwenden Sie ADODB.stream, wenn Sie chinesischen Text speichern. Verwenden Sie nicht fso, da FSO das UTF-8-Format nicht unterstützt.

<<:  Eine kurze Diskussion über JavaScript-Drosselung und Anti-Shake

>>:  Einführung in das Beispiel zur Erstellung eines einfachen HTML-Webformulars

Artikel empfehlen

CSS3-Animation: Das Bild wird allmählich größer, wenn sich die Maus darauf befindet, und allmählich kleiner, wenn die Maus es verlässt

Wirkungsprüfungsadresse: Tourplan (uplanok.com) C...

Einführung in die Containerfunktion of() in der Linux-Kernel-Programmierung

Vorwort Bei der Linux-Kernel-Programmierung werde...

Vue3-Zeitstempelkonvertierung (ohne Verwendung von Filtern)

Wenn vue2 Zeitstempel konvertiert, verwendet es i...

Versionsnummern in CSS- und JS-Links in HTML (Cache aktualisieren)

Hintergrund Suchen Sie in der Suchmaschine nach d...

HTML Gewichtsverlust Optimieren Sie HTML-Tags zum Erstellen von Webseiten

HTML 4 HTML (nicht XHTML), MIME-Typ ist text/html...

Docker-Installation Tomcat Dubbo-Admin-Instanz-Kenntnisse

1. Laden Sie das Tomcat-Image herunter Docker zie...

Beispielmethode zum Suchen von Schlüsselwörtern und deren vorangehenden und nachfolgenden Informationen in Linux-Protokollen

Bei der täglichen Arbeit müssen wir häufig Protok...

Sollte ich JQuery aufgeben?

Inhaltsverzeichnis Vorwort Was soll verwendet wer...

Einige Fallstricke beim JavaScript Deep Copy

Vorwort Als ich zuvor zu einem Vorstellungsgesprä...

js kehrt zur vorherigen Seite zurück und aktualisiert den Code

1. Javascript kehrt zur vorherigen Seite zurück hi...

Detaillierte Erläuterung des Fehlerproblems der Case-When-Anweisung

Vorwort In der MySQL-Datenbank verwenden wir manc...

Detaillierte Erläuterung des adaptiven Anpassungsproblems des Vue-Mobilterminals

1. Erstellen Sie ein Projekt mit Vue UI 2. Wählen...

Zusammenfassung der Vue-Datenreaktionsfähigkeit

Bevor wir über die Datenreaktivität sprechen, müs...

CocosCreator ScrollView-Optimierungsreihe: Frame-Laden

Inhaltsverzeichnis 1. Einleitung 2. Analyse des f...

Centos7 Zabbix3.4-E-Mail-Alarmkonfiguration (Lösung des Problems, dass der E-Mail-Inhalt ein xx.bin-Anhang ist)

Inhaltsverzeichnis 1. Fügen Sie einen überwachend...