Heim  >  Artikel  >  Web-Frontend  >  Vier der neuesten Front-End-Interviewfragen 2018

Vier der neuesten Front-End-Interviewfragen 2018

php中世界最好的语言
php中世界最好的语言Original
2018-03-07 13:53:162864Durchsuche

Dieses Mal präsentiere ich Ihnen die neuesten Front-End-Interviewfragen im Jahr 2018. Wir wissen, dass die Interviewphase ein wesentlicher Bestandteil ist. Dieses Mal werden die häufigsten Front-End-Interviewfragen sortiert und zusammengefasst helfen Ihnen, die Hürde der Front-End-Interviews zu überwinden. Werfen wir einen Blick darauf.

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

1. Was ist FOUC (Flash ohne Stilinhalt)? Wie vermeidet man FOUC?

Wenn Sie die Importmethode zum Importieren von CSS verwenden, kommt es bei einigen Seiten im Internet Explorer unter Windows zu seltsamen Phänomenen: Der Seiteninhalt blinkt für einen Moment ohne Stil. Dieses Phänomen wird als „This is the“ bezeichnet Flash of Unstyled Content, bezeichnet als FOUC.

Die Gründe sind ungefähr folgende:

1. Verwenden Sie die Importmethode, um das Stylesheet zu importieren.

2. Platzieren Sie das Stylesheet am Ende der Seite

3. Es gibt mehrere Stylesheets, die an verschiedenen Stellen in der HTML-Struktur platziert sind.

Tatsächlich ist das Prinzip sehr klar: Wenn das Stylesheet später als das strukturelle HTML geladen wird und dieses Stylesheet geladen wird, stoppt die Seite das vorherige Rendern. Nachdem dieses Stylesheet heruntergeladen und analysiert wurde, wird die Seite neu gerendert, was zu einem kurzen verschwommenen Bildschirmphänomen führt.

Lösung:

Verwenden Sie das LINK-Tag, um das Stylesheet im Dokument-HEAD zu platzieren.

2. Bitte erläutern Sie, was ARIA und Screenreader sind und wie Sie die Website barrierefrei machen.

ARIA bietet Web-Apps Lösungen, die den unterschiedlichen Bedürfnissen der Benutzer gerecht werden. Bauen Sie eine Brücke zwischen Benutzern und Software.

Der neue HTML5-Standard fügt aria-*-Tag-Attribute hinzu, der vollständige Name lautet Accessible Rich Internet Application. Wird in Verbindung mit dem Rollen-Tag-Attribut verwendet.

Das Rollenattribut gibt die tatsächliche Rolle eines nicht standardmäßigen Tags an. Wenn Sie beispielsweise ein Div als Schaltfläche verwenden, legen Sie die Rolle des Divs auf „button“ fest, und das Hilfstool kann erkennen, dass es sich tatsächlich um eine Schaltfläche handelt. Die Funktion von aria-* besteht darin, die spezifischen Informationen dieses Tags in der visuellen Situation zu beschreiben.

Die einfachste Anwendung ist zum Beispiel

           < div role=”checkbox” aria-checked=”checked”>

Das Hilfstool erkennt, dass es sich bei diesem Div tatsächlich um eine Checkbox-Rolle handelt und sich im ausgewählten Zustand befindet.

3. Bitte erläutern Sie die Vor- und Nachteile von CSS-Animationen und JavaScript-Animationen.

1. CSS3-Animation ist nur mit Ie10+ kompatibel, JS-Animation ist mit fast allen Browsern kompatibel

2. JS-Animation ist flexibler, CSS3-Animation ist einfacher

3. JS-Animation hat eine hohe Wiederverwendbarkeit

4. In Bezug auf die Zeitskala ist die Granularität der CSS-Animation relativ grob und JS-Animation kann feiner sein

5. Browser-CSS-Animation mit schlechter Qualität Die Bildrate kann ordnungsgemäß abgebaut werden, und der JS-Code muss auch zusätzlichen Code schreiben

6. Unter bestimmten Bedingungen ist die Leistung der CSS-Animation besser als die der JS-Animation (bei Webkit-basierten Browsern führt JS teure Aufgaben aus, ohne sie zu verursachen). Layout und Im Fall von Repaint)

7.css3 verfügt über natürliche Zeitunterstützung wie (animationENd und TransitionEnd)

4. Was ist domänenübergreifende Ressourcenfreigabe (CORS)? Welches Problem wird damit gelöst?

Bei Verwendung einer domänenübergreifenden Ajax-Anfrage meldet der Browser einen Fehler: XmlHttpRequest-Fehler: Origin null ist von Access-Control-Allow-Origin nicht zulässig. Es muss sich um ein domänenübergreifendes Problem handeln Sie verwenden JSONP oder Proxy. Eine Änderung auf diese Weise würde zu viel Engineering-Aufwand erfordern, daher wird CORS, eine relativ einfache und effiziente Technologie, verwendet. Im Vergleich zu JOSP ist CORS effizienter. JSONP kann prinzipbedingt nur GET-Anfragen umsetzen, während CORS alle Arten von HTTP-Anfragen unterstützt. Mit CORS können Sie gewöhnliches Ajax verwenden, um eine domänenübergreifende Umsetzung zu erreichen.

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 zum PHP-Chinesen Webseite!

Verwandte Lektüre:

Neueste Front-End-Interviewfragen 2018 1

Neueste Front-End-Interviewfragen 2018, zwei

Neueste Front-End-Interviewfragen 2018, drei

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn