*NEU* AJAX – Absoluter Grundlagenkurs – Teil 7: STREAMS

1. Kurseinführung: Willkommen zurück Meine lieben Skillshare-Schüler zu einer weiteren Klasse. Das ist Klasse Sieben. Wir werden ein sehr fortschrittliches Konzept diskutieren, das als Streams bekannt ist. Bevor ich dir jetzt sage, was das ist, finanzierte Folie, werde ich dein Ausbilder sein und danke dir, dass du mitgemacht hast. Diese Klasse ist eigenständig, aber wie Sie alle wissen, war dies eine ganze Serie über Ajax. Warum muss ich nun die Streams-API besprechen , wenn ich über Ajax spreche, wir werden einen Schritt zurück in der vorherigen Klasse machen, die wir über die Fetch-API erfahren haben. Dies ist die neuere, moderne Art eine Ajax-Anfrage auszuführen. Wie wir gesehen haben, stützt sich die Fetch-API auf Versprechen, aber nicht nur das, die Fetch-API verwendet die Streams-API. Dies bedeutet, dass, wenn Ihr Browser eine Ajax-Anfrage an einen Server stellt, das, was vom Server empfangen wird, nicht die rohe Antwort ist. Es ist ein lesbarer Stream. Warum ist das so? Nun, ganz im Kern ist es wirklich nichts anderes, als nur Stück für Stück Stücke verarbeiten zu können . Denk an Netflix, denk an YouTube. Als ich aufwuchs, als ich eine Beleuchtung war, musste ich eine ganze Videodatei herunterladen , bevor ich sie mir ansehen konnte. Aber heute müssen wir es nicht tun. Wir können Videos streamen. Wir müssen nicht einmal das gesamte Video in unseren Speicher herunterladen . Im Grunde genommen können Sie Daten verbrauchen, die möglicherweise größer als Ihr gesamter Speicher auf Ihrem Computer oder Ihrem Telefon oder Ihrem Tablet sein könnten als Ihr gesamter Speicher auf Ihrem Computer oder Ihrem , unabhängig davon, wie Sie es verwenden. Wie interessant ist , dass diese Klasse keine allumfassende Klasse über Streams sein wird, sondern Ihnen nur ein hohes Verständnis darüber geben wird , was Streams sind wie man Streams nachlesen kann Brocken. Wir müssen die Pipe-Through-Methode verwenden. Und dann möchte ich dir etwas ganz Interessantes zeigen. Ich möchte Ihnen die Idee vorstellen, dass es möglich ist , auch zwei Straßen zu schreiben. Sie müssen nicht nur Streams lesen. Du kannst Ajax benutzen , um ihnen zu schreiben. Ich weiß, sehr merkwürdig, oder? Dieser Kurs ist für alle Niveaus gedacht. Wenn du Anfänger oder Fortgeschrittener bist, vertrau mir, es gibt etwas, das du lernen wirst. Es wird eine relativ kurze Klasse sein, aber voller Spaß-Pack-Informationen. Also kann ich es kaum erwarten. Bitte folgen Sie mit und wir sehen uns hoffentlich in den allerersten Vortragsvideos. 2. Was sind Bäche: Bevor wir uns erweiterte Details rund um Phage ansehen, müssen Sie die Streams-API verstehen. Worum geht es dabei? Nun, lasst mich zuerst klarstellen. In den frühen Tagen von Fitch es keine Streams. Was und was heißt das? Nun, wenn Sie fast in meinem Alter sind, werden Sie sich an die Tage erinnern, in denen Sie eine Ressource verarbeiten wollten, wie zum Beispiel ein Video , Sie müssten die gesamte Datei herunterladen und warten, bis sie in passendes Format. Und nur dann könntest du das Ganze verarbeiten? Nur dann könntest du es dir ansehen. Es war ziemlich nervig. Aber die gute Nachricht ist , dass Blutströme, das alles ändert, denn mit Streams können Sie jetzt mit der Verarbeitung der Zeilentochter mit JavaScript beginnen . Aber nach und nach, sobald es auf Kundenseite verfügbar ist, freut mich, darüber nachzudenken. Heute gibt uns Fitch den Hauptteil der Antwort als Stream, als lesbaren Stream , um spezifisch zu sein. Wir haben das schon einmal gesehen, aber wenn Sie es vergessen haben, lassen Sie mich zur Konsole springen und es Ihnen sehr schnell zeigen. Sie haben dieses Problem gesehen, denn wir haben unser JavaScript hier in Skript-Tags. Und das macht es einfach sehr einfach. Fitch Call, das ist nur Fitch-URL. Ich habe gerade eine Träne vom JSON-Platzhalter eingeklebt. Wir stellen eine Abrufanfrage. Wenn wir das einfach tun und zum Browser gehen, öffnen Sie unsere Konsole, nichts wird passieren. Der Grund, warum nichts passiert, da wir nichts getan haben, denken Sie daran, Fetch gibt uns ein Versprechen zurück. Um das Ergebnis des Versprechens zu erhalten, müssen wir dies in eine Erklärung einschließen. Wir wissen, dass wir die Daten zurückgegeben werden. Wir können unsere Daten abrufen und diese Callback-Funktion ausführen. Dies sagt nur, dass wir nur das Ergebnis zurückmelden wollen . Das ist alles, was wir hier machen wollen. Speichern Sie dies, gehen Sie zu unserem Browser. Und los geht's, wir bekommen das Ergebnis, wir können sehen, dass es sich um ein Antwortobjekt handelt. Das machen wir auf. Wir wollen auf den Tochterrock zugreifen. Wir wollen sehen, was im Hauptteil dieser Antwort enthalten ist. Aber wenn wir das tun, erhalten wir einen lesbaren Stream. Und das ist der Punkt, den ich ansprechen möchte. Der Hauptteil der Antwort von einer Feature-Anforderung wird als Stream empfangen. dritte Frage, die Sie wahrscheinlich gerade haben, ist , ja, es ist sehr großartig. Wir haben einen lesbaren Stream, aber wie greifen wir auf den Stream zu und lesen ihn? Nun, wir müssen eine andere API verwenden , die uns vom Browser gegeben wird. Diese API wird als Streams-API bezeichnet . Es ermöglicht uns, JavaScript zu verwenden, um Streams, Teile und Daten, die über das Netzwerk empfangen werden, zu übersteigen Teile und Daten, die über das Netzwerk empfangen werden und sie nach Belieben zu verarbeiten. Ich weiß, dass es ziemlich entmutigend erscheinen kann. Sobald wir am meisten haben, wir ein Konzept gesehen, das jetzt etwas über ein anderes erfahren müssen. Lass mich einfach meinen Stein schnappen. Lassen Sie mich das auf den Bildschirm werfen und lassen Sie mich Ihnen einfach eine Zusammenfassung geben. Okay, ich will nicht, dass du dich einschüchtern lässt. Denk einfach daran, was Streaming bedeutet. Das beinhaltet nur, unsere Ergebnisse , die Sie über das Netzwerk erhalten möchten , in kleinere Teile aufzuteilen. Es ermöglicht uns, diese Brocken nach und nach zu verarbeiten. Das ist sowieso etwas, was Browser tun. Zum Beispiel wissen wir, dass sie dies tun, wenn sie Assets erhalten, die auf Webseiten angezeigt werden sollen. Videos, Puffer und mehr können schrittweise abgespielt werden, während Sie dieses Video weiterhin ansehen. Und natürlich waren wir alle auf Websites, auf denen Bilder schrittweise angezeigt werden, da mehr von diesem Bild heruntergeladen wird. Streaming ist nicht etwas Neues. Es gibt es schon lange. Das ergibt irgendwie Sinn. Aber wie verwenden wir Streams? Nun, um Streams verwenden zu können, müssen wir sicherstellen, dass die Antwort vom Server als Stream verfügbar ist. Und nur um die Dinge für uns ein bisschen schwieriger zu machen , gibt es nicht nur eine Art von Stream. Sie haben zwei Streaming-Lasten auf sehr hohem Niveau. Aus einem Stream lesen und in einen Stream schreiben. welche machen wir uns mehr Sorgen? Wir sind mehr besorgt darüber, wie man Stream mit Ajax liest. Denken Sie daran, Wir haben gerade gesehen, dass der Reaktionskörper, der uns durch einen erfolgreichen zukünftigen Abfall zurückgegeben wurde, ein lesbarer Strom ist. Das Tolle daran ist, ein lesbarer Stream zu sein, ist, dass wir einen Reader verwenden können, zum Beispiel die Gig Reader-Methode. Wir werden es in Kürze sehen. Wir können einen Reader verwenden, um Daten aus dem Stream zu lesen. Ich denke, das reicht für den Moment. Ich weiß, dass es ein bisschen Informationsüberlastung sein könnte. In der nächsten Vorlesung möchte ich darüber sprechen, wie wir die Daten tatsächlich lesen können . Bleib motiviert, springe auf und ab. Und wir sehen uns in der nächsten Vorlesung. 3. So liest du Bäche: Okay, lass mich die 1-Millionen-Dollar-Frage beantworten. Wie lesen wir Streams? Ich wollte nur, dass du merkst, dass dies sehr, sehr fortgeschritten ist. Und Sie müssen Streams nur wirklich lesen, wenn Sie sehr hohe Ressourcen haben und Datenabschnitte verarbeiten möchten. Aber aber für die meisten Ajax-Anrufe, die Sie machen werden, müssen Sie keine Chunks einzeln lesen. Sie können zum Beispiel einfach diese JSON-Methode verwenden, die all das schwere Heben für Sie erledigt und Ihnen schließlich alle Daten zurückgibt. Ich wollte nur die Dinge klären. Es ist sehr interessant zu verstehen, wie wir Streams lesen können. Wir wissen, dass Fetch ein lesbares Stream-Objekt zurückgibt. Aber wie lesen wir den Stream? Das ist die 1-Millionen-Dollar-Frage. Wir haben es schon gesehen. Wir können diese JSON-Methode verwenden und sie tut es für uns. Aber was ist, wenn du mehr Kontrolle willst? In diesem Fall sind es zwei wichtige Objekte, die Sie kennen und mit denen Sie umgehen müssen um Streams und das gesamte lesbare Stream-Objekt und den lesbaren Stream-Standardleser zu lesen Stream-Objekt und den lesbaren Stream-Standardleser . Betrachten wir zunächst dieses lesbare Stream-Objekt. Was ist das? Nun, kommen wir einfach schnell zu unserem Redakteur und schauen wir uns das auf praktische Weise an. Wir sprechen über das Konzept der Streams. Und was ich Ihnen zeigen möchte ist, dass das, was uns von Fitch zurückgegeben wird, ein Stream ist, eine Variable definieren. Nennen wir es Stream. Und es weist es dem zu, was uns durch eine Kohle zurückgegeben wird. Wir werden dieselbe URL verwenden, die wir in den letzten Vorträgen hatten. Und wenn wir es einfach so lassen würden, was würden wir erwarten? Was wird diese Stream-Variable aussehen? Das stimmt. Es wird ein Versprechen sein. Und was gelöst ist, ist ein Antwortobjekt. Gehen wir zum Browser, alles, und tippen wir unser Stream-Objekt aus. Da sind wir los. Das ist ein Versprechen. Und wir wissen, dass es vom Typ Antwort sein wird , wir erhalten dieses Antwortobjekt. Ergibt bisher Sinn. Ja, ja, ja, ja, ich glaube schon. Ich glaube schon. Aber wir wollen das Antwortobjekt nicht, Dewey. Wir möchten auf das Hauptteil der Antwort zugreifen. Um das zu tun, müssen wir diesen Fitch in eine Aderaussage umwickeln . Und wir wissen, dass die Versprechen uns den Antrieb des Response Object geben werden. Wir können es einfach als Antwort bezeichnen. Was wir dann tun wollen, ist, dass wir auf den Körper dieser Antwort zugreifen wollen . Und diese Medea-Schüler sollten uns das lesbare Stream-Objekt zurückgeben . Gehe zum Browser, lösche alles. X ist unsere Variable und wir haben sie. Wir bekommen ein Versprechen. Und was gelöst ist , ist dieser lesbare Stream. Hab es kapiert, großartig. Die Themen, die Vorlesung. Da gehst du. Wir wissen, dass das, was uns von der Fetch-API zurückgegeben wird, eine lesbare Zeichenfolge ist. Und dies kann in der Body-Eigenschaft der Feature-Antwort gefunden werden . Okay, Okay, Kunde, aber was machen wir als Nächstes? Nun, wir können die Gate-Read-up-Methode für dieses lesbare Stream-Objekt aufrufen . Und das wird uns etwas anderes zurückgeben. Das wird uns einen Leser geben. Insbesondere wird es uns den lesbaren Stream-Standardleser geben . Was ich eigentlich sage, ist, dass es uns die Möglichkeit gibt , das Stream-Blase-Objekt zu lesen. Lassen Sie mich zurück zum Namen des Redakteurs zeigen, wie wir diesen Leser bekommen. Lasst uns genau dort weitermachen, wo wir aufgehört haben. Wir wissen, dass der Körper eines Fischantwortsobjekts ein lesbarer Stream ist. Am Freitag, als wir das Log des Stream-Objekts konsolen, konnten wir sehen, dass es sich um einen lesbaren Stream handelte. Wenn wir dieses lesbare Stream-Objekt öffnen, ist eine der Methoden, die wir haben, diese Gate-Reader-Funktion. Und wenn Sie diese gute Leserfunktion in diesem lesbaren Stream aufrufen diesem lesbaren Stream wird uns das lesbare Stream-Standardreader-Objekt zurückgeben. Diese alle Zungenbrecher. Mit anderen Worten, es wird uns einen Leser zurückgeben. Was meine ich? Nun, lass mich es dir zeigen, lass mich es dir zeigen. Gehen wir zurück zu unserem Texteditor, jetzt sind wir nicht daran interessiert , einen Stream zurückzubekommen. Ich möchte dir jetzt zeigen, wie man einen Leser zurückbekommt. Wir haben gerade gesehen, dass in diesem Körper, auch bekannt als innerhalb des lesbaren Stream-Objekts eine gute Leserfunktion ist. Das habe ich dir gerade in der Konsole gezeigt. Warum führen wir diesen Code nicht erneut in unseren Browser aus. Und lasst uns jetzt unseren Leser konsolenloggen. Wir können jetzt sehen, dass das, was uns zurückgegeben wird, der Leser ist, insbesondere der lesbare Stream-Standardleser? Du denkst vielleicht, wir haben eine Abschreibung gemacht, aber wir sind es nicht, wir haben nur einen Leser. Warum ist es nützlich, dieses Leserobjekt zu haben? Nun, lasst uns zur Verfolgungsjagd kommen. Es erlaubt uns, den Stream zu lesen. Konkret können wir die Daten in Chunks lesen. Wir, ein Chunk ist ein Byte oder ein typisiertes Array. Aber wie auch immer, die Quintessenz ist, dass wir, sobald wir einen lesbaren Stream-Standardleser haben, mit ihrer Lese-Methode auf die Tochter zugreifen können. Was Super-duper interessant ist, dass Chance davon bekommen kann, der Stream gesperrt ist und kein anderer Leser die Chance davon bekommen kann bis Sie natürlich die Release-Sperre aufrufen Methode drauf. Keine Sorge, ein anderes, es ist sehr fortgeschritten und dies ist kein Kurs über Streams. Das Wichtigste , was Sie wissen möchten , ist , dass wir dieses lesbare Stream-Standardreader-Objekt für uns haben . Wir können die Lese-Methode verwenden um tatsächlich Datenstücke zu lesen, aber durch Vögel, Sie kennen mich inzwischen, ich liebe praktische Beispiele. Lass mich zurück zum Redakteur gehen. Lassen Sie mich Ihnen zeigen, wie wir die Lese-Methode verwenden können. Und was sehr cool ist, ist, wenn wir das öffnen und uns seinen Prototyp ansehen, dies eine Eigenschaftsmethode namens read. Ok, OK, OK. Wir haben also diesen lesbaren Stream-Standardleser. Wir wissen, dass es eine Funktion namens read hat. Und damit können wir Datenabschnitte lesen. Lass mich dir genau zeigen, was ich meine. Gehen wir jetzt zurück zu unserem Codier-Editor. Jetzt wollen wir den Leser nicht, oder? Jetzt wollen wir Brocken davon. Hier wird es wirklich aufregend. Wir wissen, dass wir bei diesem lesbaren Stream-Standardreader-Objekt diesem lesbaren Stream-Standardreader-Objekt diese rote Funktion haben. Wir können es einfach anketten. Und das ist so ziemlich genau das Richtige. Mal sehen, was das zurückgibt gehen Sie zum Browser, löschen Sie alles. Das ist Typ Pod, ich werde Chunks variabel und lass es uns öffnen. Das ist interessant. Wenn wir dieses Objekt öffnen. Das zweite, was wir sehen, ist, dass wir zwei Immobilien erledigen und wertvoll machen. Die value-Eigenschaft. Wenn wir das öffnen, listet das alle empfangenen Bytes auf. Das ist interessant. Da dies jedoch ein Versprechen zurückgibt, können wir die Ader-Anweisung tatsächlich verwenden , um den Wert anzuzeigen. Lass mich dir zeigen, was ich meine. Gehen wir zurück darauf, dass Daten hier benötigt werden. Und natürlich müssen wir nur ein Exzess, eine weitere Aderaussage tun . Und welche Daten werden wir in dieser Ding-Aussage erhalten? Setzen Sie einfach den Code auf. Wenn alles fertig ist, welche Daten werden wir bekommen? Nun, wenn wir zu unserem Browser zurückkehren, denken Sie daran, dass ich gesagt habe, dass diese Chunk-Variable uns die Eigenschaften Dun und Value zurückgibt. Wir wissen, was uns zurückgegeben wird, ist der Wert und die getätigten Objekte. Überhaupt ziemlich cool. Ich möchte Ihnen jetzt zeigen, dass ich Ihnen zeigen möchte, wie diese Werteigenschaft aussieht. Wir können uns einfach auf dem Bildschirm anmelden. Gehen wir zum Browser und aktualisieren. Und da sind wir los. Wir bekommen diese Werte. Gehe zurück zu unserem Code. Ich möchte nicht, dass wir uns wirklich auf das konzentrieren, was vorerst getan wird. Ich möchte Ihnen nur zeigen, wie wir auf den Wert zugreifen können , den Bits und Bytes von einer Ajax-Antwort erhalten haben. Das haben wir hier gemacht. Das ist es, was auf unserer Konsole steht. Und wenn wir eine einzelne Gruppe von Array-Elementen öffnen, werden Sie gesehen oder Bytes. Und diese Bytes werden in einem uint8-Array gespeichert. Sie können sich einfach vorstellen, dass sie ein Haufen Bytes sind. Die Anzahl dieser Arrays, die wir erhalten, und ihre Größe. Nun, es hängt von Ihrem Netzwerkzustand ab. Wenn Sie eine schnellere Netzwerkverbindung haben, haben Sie ein paar große Arrays. Wenn Sie eine langsamere Internetverbindung haben , werden natürlich kleinere Arrays zurückgegeben. Und es wird oft ein Minimum geben. Ziemlich oft willst du dich nicht wirklich mit binärer Tochter beschäftigen. Aber keine Sorge, wir können den Stream in etwas Lesbares verwandeln . Wie auch immer, hab's verstanden. Entschuldigung. Lasst uns zurück in den Hörsaal springen. Macht das nicht Spaß? Wir werden jetzt ziemlich fortgeschritten, nicht wahr? Lassen Sie mich also einfach sagen, dass wir mit dem Leser einen Überschuss aller Daten sehen können. Es gibt jedoch einen Nachteil , da diese Daten im Binärformat vorliegen. Das bedeutet, dass es bedeutungslos ist. Ich weiß, ich weiß. Was machen wir also? Nun, um Bytes in Zeichen umzuwandeln, müssen Sie eine Art Codierungs-API verwenden. Sie brauchen etwas, um diese Bytes durchzugehen und es in etwas Sinnvolles umzuwandeln. Nun, welche Codierungs-API kann verwendet werden? Nun, ein solcher Encoder ist der Text Dakota, und dies wird uns natürlich vom Browser gegeben. Und Taten sprechen lauter als Worte. Mal sehen, wie wir es in der Praxis einsetzen können. Okay, also im Moment haben wir dieses uint8 aids Array, das ziemlich bedeutungslos ist weil ich nicht verstehe, was diese Zahlen bedeuten. Aber keine Sorge, wie ich gerade erwähnt habe, können wir eine Kodierungs-API verwenden, die diese Bits und Bytes, zwei Zeichen, die wir verstehen, im Grunde transformiert . Wie machen wir das? Nun, das ist sehr einfach. Wir möchten diesen Wert nicht nur konsolenprotokollieren. Wollen wir es eigentlich zuerst dekodieren? Wie machen wir das? Nun, was wir tun können, verschiedene Browser haben verschiedene Decoder. Ich benutze Chrome. Warum schnappen wir uns nicht Chromes Decoder? Natürlich ist es eine Konstruktorfunktion, uns direkt vom Browser aus der Box gegeben wird. Wir wollen einen Decoder, der in UTF-8 dekodiert. Zum Beispiel ist UTF-8 der Standardwert. Jetzt haben wir unseren Decoder. Was wir tun können, ist, dass wir auf unser Decoder-Objekt zugreifen können. Es gibt eine Methode für Ihren Kaltdecoder. Was möchten wir entschlüsseln? Wir wollen alle unsere Hintern entschlüsseln. Ziemlich cool. Gehen wir zum Browser. Lass mich auffrischen. Und boom, wir gehen. Es gibt unser Ergebnis. Der Aufruf dieser API gibt übrigens nur fünf Beiträge zurück, was wir hier haben. Mann, das ist cool. So gut gemacht, gut gemacht, um ganze Vorlesung bei mir zu bleiben. Ich weiß, dass es lange her ist, ich weiß, dass es sehr kompliziert war. Und das ist ein sehr kompliziertes Thema. In den meisten Fällen müssen Sie in den meisten Fällen keine Datenabschnitte dekodieren, aber nach können Sie einfach warten, bis Ihr asynchroner Code abgeschlossen und dann mit den Daten arbeiten. Aber ich möchte Ihnen zumindest ein hohes Verständnis dafür vermitteln, wie Streams funktionieren. Weil ich möchte, dass du ein Großmeister bist, wenn es um Ajax geht, , ich weiß, ich weiß, dass ich Rekrutieren durch das gut gemacht habe, um bei mir zu bleiben. Und wir sind fast fertig. Lassen Sie mich Ihnen einfach eine Zusammenfassung auf hohem Niveau geben. Wir wissen, dass die Fetch-API uns einen lesbaren Stream zurückgibt. Wir können auf den Stream zugreifen, indem auf den Hauptteil des Antwortobjekts zugreifen. Und sobald wir den Stream haben, können wir ihn lesen. Aber um es lesen zu können, müssen wir unser Reader-Objekt erstellen. Wir tun dies, indem wir die Gate-Reader-Methode ausführen. die Daten tatsächlich zu lesen, können wir danach die Lesefunktion ausführen, die uns zu Werten, Werten und Fertig zurückgibt. Und wie wir gesehen haben, liegt der Wert in Byte. dies mit dem Decoder kombinieren, haben wir alles, was wir brauchen, um Datenstücke zu verwenden, wenn sie ankommen. Ziemlich cool. Ich weiß, dass das sehr fortgeschritten ist. Ich habe erwähnt, dass dies kein Kurs über Streams ist. Dieser Kurs ist schon lang genug, um das Konzept von HX einfach zu vermitteln. Aber zumindest fangen Sie jetzt an, ein hohes Verständnis für Streams zu erlangen . Denken Sie daran, Fitch basiert auf dem Konzept der Verwendung von Streams. Sehr cool, sehr aufregend. Wir sehen uns in der nächsten Vorlesung. 4. In Strömungen schreiben: Wenn Sie glauben, dass Sie in der vorherigen Vorlesung verwirrt waren, werde ich die Sache nur noch schlimmer machen, weil ich jetzt mit Ihnen über das Schreiben mit Streams gesprochen habe. Streams, um gerade ziemlich fortgeschritten zu werden. Dies bedeutet , dass Sie die Daten in einer Anfrage sogar in Streams sehen können. Ich weiß, dass das sehr, sehr weit fortgeschritten ist. Machen Sie sich keine Sorgen, wenn Sie diese Vorlesung nicht verstehen. Aber es sind so spannende Streams ist ein sehr spannendes Thema. Vielleicht sollte ich einen ganzen Kurs über Streams machen. Aber im Moment möchte ich nur, dass Sie wissen , dass wir nicht nur Streams lesen müssen, wir können auch Streams senden und direkt auf das sehr, sehr coole, wie machen wir das? Nun, wir müssen auch die lesbare Stream-Schnittstelle verwenden. Es passiert jedoch einfach so, dass wir in diesem Fall unsere lesbare Zeichenfolge erstellen. Auf diese Weise können wir selbst ein lesbares Stream-Objekt erstellen und zurückgeben . Okay? Okay, okay, lass mich dir ein Beispiel geben. Aber bevor ich es tue, denken Sie vielleicht darüber nach, wie könnte das nützlich sein? Das ist eine gute Frage. Nun, denk darüber nach. Denken Sie beispielsweise an einen Chatroom, sobald der Benutzer anfängt zu tippen oder sich sogar auf ein Feld konzentriert, können Sie mit der Einrichtung Ihrer Streams-Anfrage beginnen. Sie können Header und alle anderen Bits zufälliger Informationen zuerst an den Server senden . Dann können Sie einfach scheinen, dass der Text, wenn sie zu einem anderen Zeitpunkt gemacht hatten , und es wird nur die Geschwindigkeit verbessern. Es wird eine bessere Benutzererfahrung schaffen. Tatsächlich könnten Sie sogar damit beginnen, Daten an einen Server zu senden , wenn der Benutzer mit der Eingabe beginnt. Hallmark sieht aus , wenn es um Code geht. Nochmals, lass dich nicht im Detail feststecken . Mach dir keine Sorgen darüber, wie es geht. Ich möchte nur, dass du auf hohem Niveau verstehst , wie es hinter den Kulissen funktioniert. Angenommen, ein Benutzer tippt in einen Chatroom und wir möchten paar Ticks über einen Stream an einen Server senden. Was wir tun können, ist das Stream-Objekt zu erstellen. Wir instanziieren das lesbare Stream-Interface mithilfe des Schlüsselworts new. Was ist wirklich cool, wenn du weißt was das jetzt alles bedeutet, oder? Cool. In diesem lesbaren Stream müssen wir unseren eigenen Controller starten. Mach dir keine Sorgen, was das ist. Es ist im Grunde eine Möglichkeit für uns, unseren eigenen benutzerdefinierten Stream zu definieren , wenn der Benutzer High Day eingibt nehmen wir ihn hier dynamisch auf, wir tippen ihn einfach aus, aber in Wirklichkeit würden wir ihn greifen. Wir würden dann zu einem Stream bearbeiten. Und dann lasst uns einfach vortäuschen , dass der Benutzer 1 Sekunde gebraucht hat , um zu tippen, wie geht's dir? Und dann nehmen wir diesen Text und bearbeiten zu einem Stream. Wir rufen dann die Close-Methode auf und beenden unseren Stream. An dieser Stelle könnten Sie also denken, dass wir den Stream einfach in unseren normalen Ajax-Anfragen senden könnten, von denen Sie denken könnten, dass wir unsere Fetch-API verwenden können, der endgültige URL-Status, in dem Methode veröffentlicht wird und dann der Hauptteil unserer Post-Anfrage, denken Sie vielleicht, dass wir unser Stream-Objekt platzieren können. Leider würdest du dich irren. Der Grund dafür ist, dass die Bitte eines Ajax-Bodys ab sofort die Bitte eines Ajax-Bodys in Form von Text vorliegen muss. Dies bedeutet, dass der Hauptteil der Anforderung kein Stream sein kann. Dies bedeutet, dass Sie den Stream wieder in Text dekodieren müssen , bevor Sie ihn senden. Und wir können das machen. Wir haben dies schon einmal gesehen, indem die Pipe-Through-Methode verwendet haben und erhalten a, wir nehmen all diese binären Daten und innerhalb von Pot in diesen Decoder-Stream. Nochmals möchte ich noch einmal betonen, mach dir keine Sorgen um den Code. Mach dir darüber keine Sorgen. Das Schreiben war Streams ist sehr fortgeschritten. Ich wollte nur, dass du weißt, dass es existiert. Ich weiß, dass wir auf viele Streams gestoßen sind, aber vertrau mir, vertrau mir, ihr alle schon Meilen voraus. Die meisten anderen Entwickler, wenn es um die Arbeit mit Ajax geht, sind dies sehr interessante Informationen , die Sie lernen können, und es wird Ihnen helfen. In der nächsten Vorlesung. Ich möchte nur alles zusammenfassen , was wir gelernt haben , wenn es um Streams geht. Bevor wir in weitere Diskussionen rund um Fitch übergehen. Wir sehen uns in der nächsten Vorlesung. 5. Class: Sprecher dieser Boom, ich sage deinem Gehirn, als wäre ein Pilz schlecht gestiegen. Spiel eine Melodie. Komm schon, komm schon. Du musst glücklich sein. Sie sind so weit gekommen und bedanken sich vielmals für Ihre Unterstützung. Danke, dass du bei mir bleibst. Ich bin übrigens sehr stolz auf dich, weil wir sehr fortgeschrittene Themen diskutiert haben. Die Leute, weißt du, würden sich einfach verirren und nicht so gut gemacht weitermachen wollen, ernst D Gut gemacht. Du bist auf Meilen oder acht Treuhänder. Alles klar. Lassen Sie mich Ihnen einfach eine Zusammenfassung geben. Wir haben über Streams gesprochen. Streams sind nur Datenabschnitte. Lassen Sie sich nicht von all den komplizierten Details stecken. Es ist wichtig, weil Fetch die Leistungsfähigkeit von Streams nutzt. Aber wir hatten nicht immer Strings. Früher. Du musstest eine Datei auf einmal in den Speicher lesen. Und was Streams einzigartig macht, ist, dass wir Datenstücke Stück für Stück lesen können. Und das macht Träume sehr mächtig , wenn Sie mit großen Datenmengen arbeiten. Denn zum Beispiel können Sie jetzt die Dateigröße lesen , die noch größer ist als Ihr freier Speicherplatz. Und das ist wirklich aufregend, schlammig Schüler, denn mit Ajax, mit der Fetch-API, ist es möglich, Daten, sehr große Datenmengen und Dateien von einem Server zu extrahieren, zu lesen , abzurufen . Nehmen wir zum Beispiel einen Streaming-Dienst wie YouTube oder Netflix. Wir wissen, dass Sie diese Dienste nicht dazu bringen, den gesamten Video- und Audio-Feed herunterzuladen oder einmal zu schauen. In der Phase erhält Ihr Browser das Video als kontinuierlichen Fluss dessen, was Brocken hat, so dass die Empfänger, Sie und ich, fast sofort mit dem Anschauen und Hören beginnen können. Es ist sehr, sehr cool. Okay, hab's kapiert. Stärken bieten also grundsätzlich zwei große Vorteile gegenüber anderen Methoden zur Tochterbehandlung. Streamen Sie einen, speichereffizient und zeitsparend. Mit speichereffizient meine ich nur, dass Sie keine großen Datenmengen in Ihren Speicher laden müssen großen Datenmengen in , bevor Sie sie verarbeiten können. Und natürlich führt dies in den nächsten großen Vorteil ein, da es zeiteffizient ist. Es braucht deutlich weniger Zeit, Es braucht deutlich weniger Zeit um die Verarbeitung von Daten zu beenden, sobald Sie sie haben, anstatt mit der Verarbeitung warten zu müssen bis die gesamte Nutzlast übertragen wurde. Das ist also der Vorteil von Streams. Wir wissen, dass es in diesem Kurs für uns anwendbar ist, da der Abruf der Fetch-API von einem Server als lesbaren Stream beginnt . Und ich hätte einfach dort anhalten können. Ich bin ehrlich zu dir und sie gingen zu anderen Diskussionen, Angriffen über , aber ich wollte mehr in Streams eintauchen. Konkret wollte ich Ihnen zeigen, dass wir über die get Reader-Methode auf den Datenstrom zugreifen können . Erinnerst du dich daran? Und dann können wir den Stream über die Lese-Methode lesen. Aber ich möchte hier noch einmal betonen, dass du nicht mit Streams arbeiten musst, du musst das nicht tun. Sie können mit einer Ajax-Antwort über die JSON-Methode umgehen. Und dafür haben wir bereits mehrfach Beispiele gesehen. Und was in der JSON-Methode zurückgegeben wird, ist natürlich ein JavaScript-Objekt, und Sie können dieses JavaScript-Objekt beliebig verwenden . Was ich also wirklich zu sagen versuche ist, dass, wenn dir dieses ganze Thema der Streams weit über den Kopf gegangen ist, keine Panik geraten. Sie müssen nichts über uns wissen , um etwas über Ajax zu erfahren. Aber wie auch immer genug auf Streams, es hat großen Spaß gemacht und ich hoffe, es hat dir gefallen. Gut gemacht. Und ich werde es in Kürze sehen. 6. Class: Hey, gut gemacht, gut gemacht, gut gemacht. Ich habe dir gesagt, dass dieser Kurs kurz und süß sein wird, aber er war süß, oder? Denn jetzt wissen Sie etwas, von dem die meisten Entwickler nicht einmal wissen, welche Streams, Sie wissen, welche lesbaren Streams oder Sie wissen, wie Sie diese Daten aus einem Stream-Chunk für Chunk extrahieren können. Ich habe dich sogar in das Konzept von Weiß in Streams eingeführt . Jetzt ist Streams an und für sich ein sehr großes Thema. In dieser Klasse war es also nicht, dich dazu zu bringen, Großmeister zu werden und Streams zu werden. Sein Zweck war es, Sie dazu zu bringen, Ajax zu verstehen, die Fetch-API, auf die es sich auf Strings stützt. Wenn Sie Ajax-Aufrufe verwenden und die Fetch-API verwenden, müssen Sie normalerweise Ajax-Aufrufe verwenden und die Fetch-API verwenden, keine Chunks von der Straße lesen. Wir haben bereits gesehen , dass wir Methoden wie die JSON-Methode haben , die eine Methode annimmt , die alles macht, bis wir warten , bis der Stream beendet ist. Und dann gibt es uns das im Körper der Antwort , auf die wir über ein anderes Versprechen zugreifen können. Aber jedenfalls weißt du das alles schon. Wir sind mit diesem Kurs fertig. Gut gemacht. Und in der nächsten Klasse möchte ich, dass wir wieder über die Phage-API sprechen, aber ich möchte ein paar leicht fortgeschrittene Konzepte diskutieren. Ich möchte anfangen, über Dinge wie das Ok. Eigentum zu sprechen. Ich möchte Ihnen die URL-Schnittstelle, die Anforderungsoberfläche, die Header-Schnittstelle und ein paar mehr vorstellen die Anforderungsoberfläche, die Header-Schnittstelle , vielleicht auch einige Fehlerbehandlung. Wer weiß, wer weiß? Mal sehen. Ich habe „Warte“ angerufen und wir sehen uns in der nächsten Klasse.