Fünf Fragen zum neuesten Front-End-Interview im Jahr 2018

Dieses Mal präsentiere ich Ihnen die neuesten Front-End-Interviewfragen im Jahr 2018. Wir wissen, dass Interviews ein wesentlicher Bestandteil der Front-End-Arbeit sind. Dieses Mal werden die häufigsten Front-End-Interviewfragen sortiert und zusammengefasst helfen Ihnen, den Front-End-Prozess zu meistern. Das Vorstellungsgespräch ist eine große Herausforderung. Werfen wir einen Blick darauf.

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

1. Bitte nennen Sie drei Möglichkeiten, um die Seitenladezeit zu verkürzen. (Ladezeit bezieht sich auf die wahrgenommene Zeit oder die tatsächliche Ladezeit)

1. Js/CSS-Dateien zusammenführen und komprimieren
3 🎜 >4. Aktivieren Sie gzip auf der Serverseite;
5. Mit CDN können Benutzer die benötigten Ressourcen mit garantierter Zugriffsgeschwindigkeit und Stabilität erhalten
7. Betreiben Sie das DOM so wenig wie möglich. Einige DOMs, die wiederholte Operationen erfordern, können in Variablen platziert werden


2. Bitte beschreiben Sie Pseudoelemente (Pseudoelemente) und ihre Verwendung.

Pseudo-Klasse wird verwendet, um Informationen auszuwählen, die nicht im DOM-Baum vorhanden sind und von herkömmlichen Selektoren nicht leicht gefunden werden können: hover :active :focus :link Pseudo-Element wird verwendet Wenden Sie bestimmte Spezialeffekte an. Fügen Sie dem Selektor hinzu, z. B.:

:before

::after
Pseudoelemente werden verwendet, um nicht-textuelle und dekorative Dinge auszudrücken, was der Semantik von HTML förderlich ist ;
3. Haben Sie Erfahrung mit der Kompatibilität von Retina-Bildschirmen? Wenn ja, welche Technologie wird wo eingesetzt?

Taobaos lib-flexible Bibliothek;

4. Warum sollten Sie Translate() anstelle der absoluten

Position

verwenden oder umgekehrt? Warum? In Bezug auf die Animation kann die Transformation die Teilnahme der GPU an Berechnungen ermöglichen, was zu einer höheren FPS führt; die absolute Mindestanimationseinheit beträgt 1 Pixel, und die Transformation kann kleiner sein, um die Animation flüssiger zu machen Aus anderen Perspektiven Mit anderen Worten: Absolut muss eine relative übergeordnete Box haben.

5. Wie organisieren Sie Ihren Code? Soll ich das Modulmuster oder die klassische Vererbungsmethode verwenden? (Dies ist die Antwort nach Baidu)

Intern: Modulmodus; Extern: Vererbung

6. Erklärung der Funktion foo() {} und var foo = function() {} Der Unterschied in der Verwendung

1 Die Funktionsdeklaration muss einen Funktionsnamen haben, 2. Sie kann überall aufgerufen werden, das heißt, es gibt eine Variablenförderung3.

Funktionsausdruck

Die beiden Namen davor und danach können gleich oder unterschiedlich sein. 4. Der Name nach dem Funktionsausdruck kann weggelassen werden.
Der Name nach dem Ausdruck kann nur innerhalb der Funktion verwendet werden ; 6. Die Funktion kann erst verwendet werden, nachdem sie deklariert wurde. Aufruf
7. Bitte erläutern Sie, wie JSONP funktioniert und warum es kein echtes Ajax ist.

json ist ein Datenformat; jsonp ist eine Methode zum Datenaufruf; 1 Nutzen Sie die Tatsache, dass das Skript-Tag keine domänenübergreifenden Einschränkungen hat Skript, und die Adresse verweist auf eine Drittanbieter-API, z. B.

src-Attribut unterliegt keinen domänenübergreifenden Einschränkungen)

2. Stellen Sie eine
Rückruffunktion
bereit, um die vom Dritten generierten Daten in Form eines Rückrufs zu erhalten. {"name": "hax", "gender": "Male"} ), die Rückruffunktion kann callback=fn
3 über den URL-Parameter übergeben. Auf diese Weise ruft der Browser die Rückruffunktion auf und übergibt analysiertes JSON-Objekt als Parameter. Das Skript dieser Website kann die eingehenden Daten in der Rückruffunktion verarbeiten. Der Kern von Ajax besteht darin, Serverinformationen über XmlHttpRequest abzurufen, während der Kern von JSONP darin besteht, Skript-Tags dynamisch hinzuzufügen, um das vom Server bereitgestellte JS-Skript aufzurufen > Ich glaube, Sie haben diesen Artikel gelesen. Sie beherrschen die Fallmethode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:

Neueste Front-End-Interviewfragen 2018, vier

Neueste Front-End-Interviewfragen 2018, Drei

Neueste Front-End-Interviewfragen 2018, zwei

Neueste Front-End-Interviewfragen 2018, eins

Das obige ist der detaillierte Inhalt vonFünf Fragen zum neuesten Front-End-Interview im Jahr 2018. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!