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

Tutorial zur Implementierung der Zwei-Wege-Authentifizierung durch OpenSSL (mit Server- und Client-Code)

1. Hintergrund 1.1 Probleme In einem aktuellen Pr...

Stabile Version von MySQL 8.0.18 veröffentlicht! Hash Join ist wie erwartet da

Die stabile Version (GA) von MySQL 8.0.18 wurde g...

Beheben von Problemen beim Importieren und Exportieren von Mysql

Hintergrund Da ich alle meine Aufgaben auf Docker...

Analyse des Problems des Datenverlusts durch erzwungene Aktualisierung von Vuex

vuex-persistenter Zustand Kernprinzip: Alle Vuex-...

Tutorial zum Herunterladen, Installieren und Bereitstellen von Tomcat für IDEA (mit zwei Hot-Deployment-Einstellungsmethoden für IDEA)

Inhaltsverzeichnis Tomcat-Download-Tutorial Tutor...

Allgemeine DIV-Aufgaben (Teil 2) — Umwandlung in Editoren und verschiedene DIY-Anwendungen von DIV

Seit der Einführung des contentEditable-Attributs ...

Tutorials der MySQL-Reihe für Anfänger

Inhaltsverzeichnis 1. Grundkonzepte und Grundbefe...

Analyse der Methode zum Einrichten geplanter Aufgaben in MySQL

Dieser Artikel beschreibt anhand eines Beispiels,...

Über den Startfehler, der durch Inkompatibilität zwischen VMware-Workstations und Gerät/Anmeldeinformationen verursacht wird

VMware-Workstations starten den virtuellen Maschi...

So beheben Sie den Startfehler des Docker-Containers

Frage: Nach dem Neustart des Computers kann der M...

js, um einen simulierten Einkaufszentrumsfall zu erreichen

Freunde, die HTML-, CSS- und JS-Frontend lernen, ...

Analyse und Lösung des Grundes, warum das Frameset-Tag in HTML nicht normal angezeigt werden kann

<frameset></frameset> ist jedem bekann...

CSS implementiert problemlos Container auf Blockebene mit festem Verhältnis

Beim Entwerfen eines H5-Layouts werden Sie normal...

Warum der CSS-Attributwert clear:right im Detail nicht funktioniert

Die Verwendung der Clear-Eigenschaft zum Löschen v...

So verwenden Sie den CSS-Stil, um die Schriftart in der Tabelle vertikal zu zentrieren

So können Sie mithilfe des CSS-Stils die Schrifta...