Zusammenfassung der Front-End-Interviewfragen

Wir haben bereits Dutzende von CSS-Interviewfragen mit Ihnen geteilt. In diesem Artikel werden wir Ihnen eine Zusammenfassung der Front-End-Interviewfragen mitteilen, in der Hoffnung, Ihnen zu helfen.

HTML

1 Welche neuen Inhalte oder APIs wurden zu HTML5 hinzugefügt und welche wurden verwendet?

• HTML5 neuer Eingabe-Eingabetyp:

• E-Mail-Typ

• URL-Typ

• Zahlentyp bietet die Funktion zum Auswählen von Zahlen, in denen das Min-Attribut festgelegt ist Der Mindestwert, das Max-Attribut legt den Maximalwert fest, das Value-Attribut legt den aktuellen Wert fest und das Step-Attribut legt den Wert für jede Erhöhung fest.

• Bereichstyp, der das Bereichsfeld angibt, das die numerische Eingabe begrenzt

• Datum und Uhrzeit Typ: Datum, Monat, Woche, Uhrzeit, Datum/Uhrzeit, Datum/Uhrzeit-lokal

• Suchtyp

• Tel-Typ

• Farbtyp

• HTML5 neues Formularelement

• datalist gibt die Optionsliste des Eingabefelds an, das

• keygen bereitstellt eine zuverlässige Möglichkeit zur Authentifizierung von Benutzern

• Ausgabe für verschiedene Ausgabearten

• Es gibt weitere Details, die hier nicht aufgeführt sind. Bitte lesen Sie diesen Blog

---

2. Was ist der Unterschied zwischen Eingabe und Textbereich?

• ist ein einzeiliges Textfeld. ist ein mehrzeiliges Textfeld.

---

3. Verwenden Sie ein p, um die Implementierung von textarea zu simulieren?

• Zuerst müssen wir wissen, dass p sehr anpassungsfähig ist und die Höhe mit zunehmendem Inhalt zunimmt. Der Textbereich hat eine feste Größe. Wenn die Höhe die angegebene Höhe überschreitet, wird eine Bildlaufleiste angezeigt.

• p hat ein Attribut namens contenteditable. Dies kann erreicht werden, indem das contenteditable-Attribut auf true gesetzt wird. Der Inhalt von p ist editierbar.

• Nachdem Sie den Inhalt bearbeitbar gemacht haben, legen Sie die angegebene Höhe in CSS fest und setzen Sie das Attribut overflow-y auf auto, um die Bildlaufleiste zu realisieren.

---

4. Wie ignorieren mobile Geräte die Erkennung von Nummern auf der Seite als Telefonnummern?

• Mobile Geräte erkennen oft eine Reihe von Nummern als Telefonnummer. Die Farbe und der Stil der Nummern ändern sich. Klicken Sie hier, um einen direkten Anruf zu tätigen.

• Fügen Sie den folgenden Code hinzu, um die Erkennung zu deaktivieren.

<span style="font-size: 14px;">   <meta name="format-detection" content="telephone=no">  <br></span>

---

CSS

1. Linkes und rechtes Layout: feste Breite auf der linken Seite, rechts adaptiv, Nicht weniger als 3 Methoden

• Methode 1: Stellen Sie das linke Modul so ein, dass es nach links schwebt, und stellen Sie die Breite des rechten Moduls auf 100 % ein

• Methode 2: Der übergeordnete Container setzt display: flex; der rechte Teil setzt flex: 1. display:flex ist auf eine flexible Box eingestellt, und ihre Unterelemente können den Flex-Wert festlegen, um den Anteil des von ihr eingenommenen Platzes zu steuern.

• Methode 3: Negative Marge verwenden. Stellen Sie den linken und rechten Teil so ein, dass er nach links schwebt, und stellen Sie die Breite für den rechten Teil auf 100 % ein. Stellen Sie den linken Rand des linken Teils auf negative 100 % ein. Um zu verhindern, dass der Inhalt des rechten Teils verdeckt wird, fügen Sie dem rechten Teil einen linken Rand (die Breite des linken Teils) hinzu.

---

2. Was sind die neuen Funktionen von CSS3?

• Wählen des CSS3-Geräts

• E: letztes Kind / E: n-tes Kind (n) / E: n-tes Kind (n) n-tes from last Element

• Das @Font-face-Attribut wird zum Laden von Schriftarten auf der Serverseite verwendet. Es kann serverseitige Schriftarten laden und diese dem Client anzeigen. auch wenn der Client die Schriftart nicht installiert

• Abgerundete Ecken: Randradius

• Flexible Box-Modus-Anzeige: Flex. usw. Attribute

---

3

Verwandte Empfehlungen:

Die neuesten Baidu-Frontend-Interviewfragen zum Teilen

Webfront -End-Interviewfragen Track 8 – Absolute Positionierung und relative Positionierung

Teilen Sie einige Beispiele für Front-End-Interviewfragen

Das obige ist der detaillierte Inhalt vonZusammenfassung der Front-End-Interviewfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!