Die neuesten Front-End-Interviewfragen für 2018

Dieses Mal bringe ich Ihnen die neuesten Front-End-Interviewfragen im Jahr 2018. Wir wissen, dass Interviews ein unverzichtbarer Bestandteil der Front-End-Arbeit sind. Dieses Mal werden die häufigsten Front-End-Interviewfragen sortiert und zusammengefasst, um Ihnen zu helfen durch das Front-End-Interview. Großes Problem. , werfen wir einen Blick darauf.

[Verwandte Empfehlungen: Front-End-Interviewfragen (2020)]

1 Können Sie den Arbeitsablauf beim Erstellen einer Webseite beschreiben?

Inhaltsanalyse: Unterscheiden Sie die Hierarchie und die logischen Beziehungen der im Netzwerk angezeigten Inhalte

Strukturdesign: Schreiben Sie angemessenen HTML-Strukturcode

Layoutdesign: Verwenden Sie HTML + CSS-Layout

Stildesign: Erste Verwendung Zurücksetzen.css

Interaktionsdesign: Mauseffekte

VerhaltenDesign : js-Code, Ajax-Seitenverhalten und Daten vom Server abrufen

Kompatibilität testen;

2. Wenn Sie 5 verschiedene Stylesheets haben, wie können Sie diese am besten in die Website integrieren?

Schreiben Sie Stile gemäß den Klassen-Namensregeln Es kommt nicht zu Konflikten zwischen den Stilen. Gemeinsame Stile werden extrahiert und zusammengeführt, und nicht öffentliche Stile werden separat ausgewählt. Dann packen und komprimieren Sie sie einfach. Wenn jede Datei groß ist, muss sie in Module geladen werden.

3. Können Sie den Unterschied zwischen progressiver Verbesserung und eleganter Verschlechterung beschreiben?

 .transition{
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.transition{
transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}

Progressive Verbesserung: Durchsuchen nach niedrigeren Versionen Der Browser wird zum Erstellen der Seite verwendet, um die grundlegendsten Funktionen sicherzustellen Anschließend werden Verbesserungen und zusätzliche Funktionen wie Effekte und Interaktionen für fortgeschrittene Browser vorgenommen, um ein besseres Benutzererlebnis zu erreichen. (Beginnen Sie mit den Grundfunktionen, die von allen Browsern unterstützt werden, und fügen Sie nach und nach Funktionen hinzu, die nur von modernen Browsern unterstützt werden, und fügen Sie der Seite zusätzliche Stile und Funktionen hinzu, die für den Basisbrowser harmlos sind. Wenn Browser sie unterstützen, werden sie automatisch angezeigt und funktionieren. )

Graceful Degradation: Erstellen Sie von Anfang an die vollständige Funktionalität und machen Sie sie dann mit Browsern niedrigerer Versionen kompatibel. (Die Website funktioniert in allen modernen Browsern einwandfrei. Wenn der Benutzer einen älteren Browser verwendet, überprüft der Code, ob sie ordnungsgemäß funktionieren. Aufgrund des einzigartigen Box-Modells-Layouts des IE gibt es Hacks für verschiedene Versionen des IE wurden implementiert, um ein ordnungsgemäßes Downgrade durchzuführen und Alternativen für Browser hinzuzufügen, die keine Funktionen unterstützen, sodass das Erlebnis in irgendeiner Form auf älteren Browsern herabgestuft werden kann, ohne dass es vollständig ausfällt)

Der Unterschied: Eine ordnungsgemäße Verschlechterung beginnt bei einem komplexen Status quo und versucht, das Angebot an Benutzererlebnissen zu reduzieren, während die progressive Verbesserung von einer sehr einfachen, funktionierenden Version ausgeht und weiter erweitert wird, um sich an die Bedürfnisse der zukünftigen Umgebung anzupassen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Kontinuierliche Integration von Jenkins+Node.js

Praktische Analyse des Schreibens von React-Komponentenprojekten

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