Sieben Fragen zum neuesten Front-End-Interview im Jahr 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. Was ist Cross-Origin Resource Sharing (CORS)? Welches Problem wird damit gelöst?

Um bestimmte Verhaltensweisen zu verhindern, kann das XHRObjekt des Browsers standardmäßig nur auf Ressourcen zugreifen, die aus derselben Domäne stammen. In unserer täglichen tatsächlichen Entwicklung stoßen wir jedoch häufig auf die Notwendigkeit domänenübergreifender Anforderungen. Daher ist eine domänenübergreifende Anforderungslösung entstanden: CORS (Cross-Origin Resource Sharing) domänenübergreifende Ressourcenfreigabe. Das Prinzip von CORS besteht darin, benutzerdefinierte HTTP-Header für die Kommunikation mit dem Server zu verwenden, sodass der Server bestimmt, ob die Antwort erfolgreich ist.
Wie verwende ich CORS?
Die Verwendung von CORS erfordert die Zusammenarbeit sowohl des Clients als auch des Servers.
1. Wie initiiert der Client eine domänenübergreifende CORS-Anfrage?
Derzeit wird CORS in den meisten Browsern nativ unterstützt (CORS wird in jedem Browser unterstützt, ähnlich wie bei Anfragen in derselben Domäne. Sie müssen nur die absolute URL übergeben, wenn xhr.open). () Das ist es. Zum Beispiel:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {    if(xhr.readyState == 4){        if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){            console.log(xhr.responseText)
        }else {            console.log(&#39;err&#39; + xhr.status);
        }
    }
};
xhr.open(&#39;get&#39;,&#39;http://www.xxx.com/api/something/&#39;,true);
xhr.send(null);

Auf diese Weise können Sie eine domänenübergreifende Anfrage senden. Wenn Sie sie jedoch einfach wie im obigen Beispielcode senden, wird ein Fehler gemeldet, da der Server nicht dafür eingerichtet ist, uns zuzulassen Um diese Anfrage zu stellen, benötigt CORS auch die Zusammenarbeit des Servers.
2. Wie ermöglicht der Server die domänenübergreifenden CORS-Anfragen der Kunden?
Der Server muss lediglich Access-Control-Allow-Origin im Antwortheader festlegen, um dem Client den Zugriff zu ermöglichen.
Angenommen, der Domänenname des Clients lautet http://www.xxx.com, dann muss der Server nur http://www.xxx.com in die Access-Control-Allow-Origin-Einstellung aufnehmen Diese CORS-Anfrage kann erfolgreich durchgeführt werden. Wenn Access-Control-Allow-Origin auf * gesetzt ist, kann jeder Domänenname auf diesen Server zugreifen, aber aus Sicherheitsgründen wird dies im Allgemeinen nicht empfohlen.

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

Verwandte Lektüre:

Neueste Front-End-Interviewfragen 2018, vier

Neueste Front-End-Interviewfragen 2018, Fünf

Neueste Front-End-Interviewfragen 2018 6

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