Heim Web-Frontend HTML-Tutorial Kenntnisse des HTTP-Protokolls, die eng mit der Front-End-Entwicklung verbunden sind

Kenntnisse des HTTP-Protokolls, die eng mit der Front-End-Entwicklung verbunden sind

Apr 16, 2019 am 09:07 AM
http 前端

Was Front-End-Ingenieure am meisten beschäftigen, ist der Browser, ohne den sie nicht auskommen Unter ihnen ist das HTTP-Protokoll häufig Es wird von uns ignoriert, aber tatsächlich sind Ressourcen-Caching, CDN-Laden, Optimierung der Seitenleistung usw. untrennbar mit dem Verständnis des HTTP-Protokolls verbunden.

HTTP wird auch Hypertext Transfer Protocol genannt, vollständiger Name: Hyper Transfer Protocol. Anfangs konnte HTTP nur HTML-Dateien übertragen, mittlerweile können jedoch auch Texte, Bilder, Videos und verschiedene Streaming-Dateien übertragen werden.

HTTP ist zustandslos: Derselbe Client initiiert mehrere Anfragen nacheinander. Für den HTTP-Server sind es alle neue Anfragen. HTTP kann nicht erkennen, dass sie vom selben Client stammen.

HTTP-Nachrichtenstruktur: Um die spezifische Nachrichtenstruktur anzuzeigen, müssen Sie ein Paketerfassungstool verwenden. Daher finden Sie hier nur eine kurze Einführung ohne spezifische Beispiele. Die Nachrichtenstrukturen von Anfrage und Antwort sind grundsätzlich gleich.

Header: unterteilt in Anfrage-/Antwortzeile und Anfrage-/Antwort-Header.

Anfrage-/Antwortzeile: Enthält die Anfragemethode (GET/POST), den Pfad zur Ressource und die Versionsnummer des http-Protokolls.

Anfrage-/Antwort-Header: Hier sind verschiedene Anfrage-Header.

Text: Antworttext, normalerweise eine HTML-Datei. Wenn es sich um eine Get-Anfrage handelt, gibt es keinen Antworttext.

HTTP-Anfragemethode:

GET Anfrage zum Abrufen der durch Request-URI identifizierten Ressource
POST Neue Daten nach der durch Request-URI identifizierten Ressource anhängen
HEAD Anfrage zum Abrufen von Der Antwortnachrichten-Header der durch Request-URI
PUT identifizierten Ressource fordert den Server auf, eine Ressource zu speichern und verwendet Request-URI als Identifikator
DELETE fordert den Server auf, die durch Request-URI
identifizierte Ressource zu löschen TRACE fordert den Server auf, eine Nachricht zurückzusenden. Die angeforderten Anforderungsinformationen werden hauptsächlich zum Testen oder zur Diagnose verwendet.
CONNECT ist für die zukünftige Verwendung reserviert.
OPTIONS-Anforderung zur Abfrage der Leistung des Servers oder zur Abfrage ressourcenbezogener Optionen und Anforderungen

Für uns ist das üblicherweise GET und POST. Ich möchte es noch einmal betonen: Es besteht keine Notwendigkeit, ein Formular einzureichen, und es gibt kein Sicherheitsproblem beim Vergleich von „get“ und „post“.

HTTP-Statuscode:

1XX Eingabeaufforderung – Zeigt an, dass die Anfrage erfolgreich empfangen wurde und weiterhin verarbeitet wird.

2XX Erfolgreich – Zeigt an, dass die Anfrage erfolgreich empfangen, verstanden und akzeptiert wurde

3XX Weiterleitung – Zur Vervollständigung der Anfrage muss eine weitere Verarbeitung durchgeführt werden

4XX Clientfehler – Anfrage Es liegt ein Syntaxfehler vor oder die Anfrage kann nicht implementiert werden

5XX Serverseitiger Fehler – Der Server konnte die rechtliche Anfrage nicht implementieren

Es gibt viele Statuscodes, Sie können sie selbst verstehen , ich denke, es gibt ein paar, die Sie kennen müssen.

HTTP-Kommunikationsprozess: DNS nach URL abfragen, Server finden, TCP-Verbindung herstellen, Anfrage senden und Serverantwort.

Für HTTP denke ich, dass die Grundlagen darin bestehen, zu wissen, dass HTTP zustandslos ist, die HTTP-Nachrichtenstruktur, die grundlegende Anforderungsmethode und den grundlegenden Statuscode.

Über das HTTP-Protokoll gibt es noch viel zu lernen, das sind nur die Grundkenntnisse.

Willkommen, dem öffentlichen Konto für persönliche Notizen von Coding zu folgen

Was Front-End-Ingenieure am meisten beschäftigen, ist der Browser, Unabhängig davon, was sie tun, ist das HTTP-Protokoll untrennbar mit dem Browser verbunden und wird von uns oft ignoriert. Tatsächlich sind Ressourcen-Caching, CDN-Laden, Optimierung der Seitenleistung usw. jedoch untrennbar mit dem Verständnis des HTTP-Protokolls verbunden.

HTTP wird auch Hypertext Transfer Protocol genannt, vollständiger Name: Hyper Transfer Protocol. Anfangs konnte HTTP nur HTML-Dateien übertragen, mittlerweile können jedoch auch Texte, Bilder, Videos und verschiedene Streaming-Dateien übertragen werden.

HTTP ist zustandslos: Derselbe Client initiiert mehrere Anfragen nacheinander. Für den HTTP-Server sind es alle neue Anfragen. HTTP kann nicht erkennen, dass sie vom selben Client stammen.

HTTP-Nachrichtenstruktur: Um die spezifische Nachrichtenstruktur anzuzeigen, müssen Sie ein Paketerfassungstool verwenden. Daher finden Sie hier nur eine kurze Einführung ohne spezifische Beispiele. Die Nachrichtenstrukturen von Anfrage und Antwort sind grundsätzlich gleich.

Header: unterteilt in Anfrage-/Antwortzeile und Anfrage-/Antwort-Header.

Anfrage-/Antwortzeile: Enthält die Anfragemethode (GET/POST), den Pfad zur Ressource und die Versionsnummer des http-Protokolls.

Anfrage-/Antwort-Header: Hier sind verschiedene Anfrage-Header.

Text: Antworttext, normalerweise eine HTML-Datei. Wenn es sich um eine Get-Anfrage handelt, gibt es keinen Antworttext.

HTTP-Anfragemethode:

GET-Anfrage, um die durch Request-URI identifizierte Ressource zu erhalten
POST Neue Daten nach der durch Request-URI identifizierten Ressource anhängen
HEAD Anfrage, um den Antwortnachrichtenheader der durch Request-URI identifizierten Ressource zu erhalten
PUT Fordert den Server auf, eine Ressource zu speichern und verwendet Request-URI als Identifikator
DELETE Fordert den Server auf, die durch Request-URI identifizierte Ressource zu löschen
TRACE Fordert den Server auf, die empfangenen, hauptsächlich verwendeten Anforderungsinformationen zurückzusenden zum Testen oder zur Diagnose
CONNECT ist für die zukünftige Verwendung von
OPTIONS-Anfragen zur Abfrage der Serverleistung oder zur Abfrage ressourcenbezogener Optionen und Anforderungen reserviert

Für uns sind die am häufigsten verwendeten GET und POST. Ich möchte es noch einmal betonen: Es besteht keine Notwendigkeit, ein Formular einzureichen, und es gibt kein Sicherheitsproblem beim Vergleich von „get“ und „post“.

HTTP-Statuscode:

1XX Eingabeaufforderung – Zeigt an, dass die Anfrage erfolgreich empfangen wurde und weiterhin verarbeitet wird.

2XX Erfolgreich – Zeigt an, dass die Anfrage erfolgreich empfangen, verstanden und akzeptiert wurde

3XX Weiterleitung – Zur Vervollständigung der Anfrage muss eine weitere Verarbeitung durchgeführt werden

4XX Clientfehler – Anfrage Es liegt ein Syntaxfehler vor oder die Anfrage kann nicht implementiert werden

5XX Serverseitiger Fehler – Der Server konnte die rechtliche Anfrage nicht implementieren

Es gibt viele Statuscodes, Sie können sie selbst verstehen , ich denke, es gibt ein paar, die Sie kennen müssen.

HTTP-Kommunikationsprozess: DNS nach URL abfragen, Server finden, TCP-Verbindung herstellen, Anfrage senden und Serverantwort.

Für HTTP denke ich, dass die Grundlagen darin bestehen, zu wissen, dass HTTP zustandslos ist, die HTTP-Nachrichtenstruktur, die grundlegende Anforderungsmethode und den grundlegenden Statuscode.

Über das HTTP-Protokoll gibt es noch viel zu lernen, das sind nur die Grundkenntnisse.

[Empfohlener Kurs: HTTP-Videokurs]

Das obige ist der detaillierte Inhalt vonKenntnisse des HTTP-Protokolls, die eng mit der Front-End-Entwicklung verbunden sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

PHP und Vue: eine perfekte Kombination von Front-End-Entwicklungstools PHP und Vue: eine perfekte Kombination von Front-End-Entwicklungstools Mar 16, 2024 pm 12:09 PM

PHP und Vue: eine perfekte Kombination von Front-End-Entwicklungstools In der heutigen Zeit der rasanten Entwicklung des Internets ist die Front-End-Entwicklung immer wichtiger geworden. Da Benutzer immer höhere Anforderungen an das Erlebnis von Websites und Anwendungen stellen, müssen Frontend-Entwickler effizientere und flexiblere Tools verwenden, um reaktionsfähige und interaktive Schnittstellen zu erstellen. Als zwei wichtige Technologien im Bereich der Front-End-Entwicklung können PHP und Vue.js in Kombination als perfekte Waffe bezeichnet werden. In diesem Artikel geht es um die Kombination von PHP und Vue sowie um detaillierte Codebeispiele, die den Lesern helfen sollen, diese beiden besser zu verstehen und anzuwenden

Verstehen Sie gängige Anwendungsszenarien der Webseitenumleitung und verstehen Sie den HTTP-301-Statuscode Verstehen Sie gängige Anwendungsszenarien der Webseitenumleitung und verstehen Sie den HTTP-301-Statuscode Feb 18, 2024 pm 08:41 PM

Verstehen Sie die Bedeutung des HTTP 301-Statuscodes: Häufige Anwendungsszenarien der Webseitenumleitung. Mit der rasanten Entwicklung des Internets werden die Anforderungen der Menschen an die Webseiteninteraktion immer höher. Im Bereich Webdesign ist die Webseitenumleitung eine gängige und wichtige Technologie, die über den HTTP-301-Statuscode implementiert wird. In diesem Artikel werden die Bedeutung des HTTP 301-Statuscodes und häufige Anwendungsszenarien bei der Webseitenumleitung untersucht. Der HTTP-Statuscode 301 bezieht sich auf eine permanente Weiterleitung (PermanentRedirect). Wenn der Server die des Clients empfängt

Häufig gestellte Fragen von Front-End-Interviewern Häufig gestellte Fragen von Front-End-Interviewern Mar 19, 2024 pm 02:24 PM

In Front-End-Entwicklungsinterviews decken häufige Fragen ein breites Themenspektrum ab, darunter HTML/CSS-Grundlagen, JavaScript-Grundlagen, Frameworks und Bibliotheken, Projekterfahrung, Algorithmen und Datenstrukturen, Leistungsoptimierung, domänenübergreifende Anfragen, Front-End-Engineering, Designmuster sowie neue Technologien und Trends. Interviewerfragen sollen die technischen Fähigkeiten, die Projekterfahrung und das Verständnis des Kandidaten für Branchentrends beurteilen. Daher sollten Kandidaten in diesen Bereichen umfassend vorbereitet sein, um ihre Fähigkeiten und Fachkenntnisse unter Beweis zu stellen.

HTTP 200 OK: Verstehen Sie die Bedeutung und den Zweck einer erfolgreichen Antwort HTTP 200 OK: Verstehen Sie die Bedeutung und den Zweck einer erfolgreichen Antwort Dec 26, 2023 am 10:25 AM

HTTP-Statuscode 200: Erkunden Sie die Bedeutung und den Zweck erfolgreicher Antworten. HTTP-Statuscodes sind numerische Codes, die den Status einer Serverantwort angeben. Darunter zeigt der Statuscode 200 an, dass die Anfrage vom Server erfolgreich verarbeitet wurde. In diesem Artikel wird die spezifische Bedeutung und Verwendung des HTTP-Statuscodes 200 untersucht. Lassen Sie uns zunächst die Klassifizierung von HTTP-Statuscodes verstehen. Statuscodes sind in fünf Kategorien unterteilt, nämlich 1xx, 2xx, 3xx, 4xx und 5xx. Unter diesen zeigt 2xx eine erfolgreiche Antwort an. Und 200 ist der häufigste Statuscode in 2xx

Ist Django Front-End oder Back-End? Hör zu! Ist Django Front-End oder Back-End? Hör zu! Jan 19, 2024 am 08:37 AM

Django ist ein in Python geschriebenes Webanwendungs-Framework, das Wert auf schnelle Entwicklung und saubere Methoden legt. Obwohl Django ein Web-Framework ist, müssen Sie zur Beantwortung der Frage, ob Django ein Front-End oder ein Back-End ist, ein tiefes Verständnis der Konzepte von Front-End und Back-End haben. Das Front-End bezieht sich auf die Schnittstelle, mit der Benutzer direkt interagieren, und das Back-End bezieht sich auf serverseitige Programme. Sie interagieren mit Daten über das HTTP-Protokoll. Wenn das Front-End und das Back-End getrennt sind, können die Front-End- und Back-End-Programme unabhängig voneinander entwickelt werden, um Geschäftslogik bzw. interaktive Effekte sowie den Datenaustausch zu implementieren.

Erkundung der Front-End-Technologie der Go-Sprache: eine neue Vision für die Front-End-Entwicklung Erkundung der Front-End-Technologie der Go-Sprache: eine neue Vision für die Front-End-Entwicklung Mar 28, 2024 pm 01:06 PM

Als schnelle und effiziente Programmiersprache erfreut sich Go im Bereich der Backend-Entwicklung großer Beliebtheit. Allerdings assoziieren nur wenige Menschen die Go-Sprache mit der Front-End-Entwicklung. Tatsächlich kann die Verwendung der Go-Sprache für die Front-End-Entwicklung nicht nur die Effizienz verbessern, sondern Entwicklern auch neue Horizonte eröffnen. In diesem Artikel wird die Möglichkeit der Verwendung der Go-Sprache für die Front-End-Entwicklung untersucht und spezifische Codebeispiele bereitgestellt, um den Lesern ein besseres Verständnis dieses Bereichs zu erleichtern. In der traditionellen Frontend-Entwicklung werden häufig JavaScript, HTML und CSS zum Erstellen von Benutzeroberflächen verwendet

Welcher Statuscode wird bei einem HTTP-Anfrage-Timeout zurückgegeben? Welcher Statuscode wird bei einem HTTP-Anfrage-Timeout zurückgegeben? Feb 18, 2024 pm 01:58 PM

Die HTTP-Anfrage läuft ab und der Server gibt häufig den Statuscode 504GatewayTimeout zurück. Dieser Statuscode zeigt an, dass der Server bei der Ausführung einer Anforderung immer noch nicht in der Lage ist, die für die Anforderung erforderlichen Ressourcen abzurufen oder die Verarbeitung der Anforderung nach einer gewissen Zeit nicht abzuschließen. Es handelt sich um einen Statuscode der 5xx-Reihe, der darauf hinweist, dass beim Server ein vorübergehendes Problem oder eine Überlastung aufgetreten ist, was dazu führt, dass die Anfrage des Clients nicht korrekt verarbeitet werden kann. Im HTTP-Protokoll haben verschiedene Statuscodes spezifische Bedeutungen und Verwendungszwecke, und der Statuscode 504 wird verwendet, um Probleme mit der Zeitüberschreitung von Anfragen anzuzeigen. im Kunden

Wie implementiert man HTTP-Streaming mit C++? Wie implementiert man HTTP-Streaming mit C++? May 31, 2024 am 11:06 AM

Wie implementiert man HTTP-Streaming in C++? Erstellen Sie einen SSL-Stream-Socket mit Boost.Asio und der asiohttps-Clientbibliothek. Stellen Sie eine Verbindung zum Server her und senden Sie eine HTTP-Anfrage. Empfangen Sie HTTP-Antwortheader und drucken Sie sie aus. Empfängt den HTTP-Antworttext und gibt ihn aus.

See all articles