Javascript vom Anfänger bis zum Experten: Lerne JS Javascript von A bis Z

1. Was ist Javascript?: Hallo, mein Freund. Wenn Sie etwas Neues lernen, stellen Sie sich viele Fragen wie warum brauchen wir Veranstaltungen? Warum brauchen wir Schleifen mit unserem Tag? Wie verwenden wir sie und so weiter und so weiter? Wenn ja, dann sind Sie an der richtigen Stelle, denn ich werde alle Ihre Fragen beantworten. Sieht so aus. Ich werde Ihnen im Diskurs alles erklären, von den Grundlagen der Vorabkomplimente aus dem JavaScript, damit wir der Experte werden können. Der Diskurs ist in 23 Abschnitte unterteilt und besteht aus 85 Lektionen. Es ist mehr als 12 Stunden frei. Großartiger Inhalt. Sie werden auch hier jede Menge Quiz und Übungen finden. Ich werde Ihre Syntax aus dem JavaScript erklären und die Syntax gut ausgebildet. In praktischen Beispielen gibt JavaScript Ihrer Website zusätzliche Funktionalitäten, die auf dem Benutzercomputer ausgeführt werden können , ohne den Server erneut zu verbinden. Dies ermöglicht es Ihnen, Dinge zu tun, mit denen Sie in HTML nicht tun können. Aus diesem Grund wird die Benutzeroberfläche durch interaktive Elemente freundlicher und interaktiver. Ich meine Dinge wie zwei tiefer animierte Insider Kraft mit Privileg, Validierung slided Partner, Galerien mit Unternehmen und vielen Männern, und mehr und gut Sie fragen sich vielleicht, was Sie nach dem Diskurs wissen werden. Nach diesem gemütlichen wird ableto richtige Codierung sein. JavaScript auf jedem Schwierigkeitsgrad schafft Creeps wie Dynamic Gallery mit Familie Diashows bei cetera de Bagger Kotick und halten Sie Ihren Mantel gut und vieles, vieles mehr. Sie verstehen Dinge wie Variablen, alle Operatoren, bedingte Anweisungen, Funktionen, Bereiche, Objekte, Schleifen, Schleifen, Dokumentobjektmodellereignisse, reguläre Ausdrücke, Cookies und minimal. Sie haben mehr Informationen dazu unter dem Video, okay? Und was Sie vor dem Diskurs wissen sollten, sollten Sie die Grundlagen von HTML und CSS verstehen. Wenn Sie wissen, dass Sie diese Autos leicht arbeiten können und Sie sich vielleicht fragen, Hey, aber warum sollten Sie meinen Kurs wählen? Weil Sie bei Bedarf meine Hilfe zu Deckungsthemen haben. Meine Kurse werden aktualisiert. Ich habe Tausende von zufriedenen Kunden, und diese Autos werden von mir geführt. Und ich bin sehr erfahrene Person, und ich werde nicht so reden, als wären sie so, wie Sie sehen können, und ich möchte Ihre Zeit gut in guter Laune verbringen. Sie können eine Lektionen auf Ihre Computerdiskette herunterladen. Ich nehme nicht an, dass Sie ein Pilot sind, ein Lightman andere Lehrer. Ich füge Quellmantel frei, Preval Essenz und gut, wer bin ich? Mein Name ist unser Kardashian Ladakh Trick. Ich spreche nicht gerne über mich selbst, aber wie Sie sehen können, habe ich eine Erfahrung in dieser Angelegenheit. Ich programmiere seit mehr als 10 Jahren und entwickle seit über 14 Jahren eine Website und ich habe 27 Videokurse in Polen verändert. Ich habe auch sechs Videokurse in englischer Sprache erstellt. Ich bin Lehrer von Tausenden von zufriedenen Kunden. Es gibt viele Kommentare zu meinen Kursen und hier ist einer von ihnen. Wenn Sie Fragen zu Deckungsthemen haben, fragen Sie mich bitte. Ich liebe es, anderen Menschen zu helfen, eine Diskussion zu erstellen. Ich bin froh, Ihnen zu helfen. Das ist alles. Vielen Dank. 2. Herunterladen und Installieren des Editors: Hallo, mein Freund. Heute haben wir es uns zur Aufgabe gemacht, den Editor auszuwählen, mit dem Sie tief in JavaScript eintauchen können, und Sie fragen sich wahrscheinlich, ob Sie bei dem Editor bleiben müssen , den wir in diesem Kurs verwenden. Absolut nicht. Wenn Sie Ihren Lieblingseditor bereits haben, ihn gerne weiter verwenden. Sie können diese Vorlesung beenden und mit der nächsten fortfahren. Wir werden Netf manchmal Visual Studio-Code verwenden. Warum? Weil ich persönlich es praktisch finde. Es eignet sich für mich, nicht nur für die Webentwicklung, sondern auch für die Programmierung in anderen Sprachen. Aber denken Sie daran, es geht nur darum, was für Sie am besten funktioniert, nicht für mich. Also, ob es Visual Studio-Code oder Klammern oder erhabener Text oder etwas anderes sein soll , haben immer die Wahl Wir werden jetzt NetBeans herunterladen. Und wenn die Version hier größer ist, mach dir überhaupt keine Sorgen. Okay? Weil dieser Kurs immer noch aktuell ist. Selbst wenn die Version hier zehn wäre, wäre der Kurs völlig derselbe weil Net Beans nicht nur in JavaScript verwendet wird. Es wird hauptsächlich als Java verwendet, was eine völlig andere Sprache ist. Und ihre Version ist wichtig denn wenn Sie die neueste Version von Java verwenden möchten, müssen Sie die neueste Version verwenden. In JavaScript spielt das wirklich überhaupt keine Rolle. Lass uns auf Muster herunterladen klicken. Und wenn Sie jetzt Windows verwenden, verwenden Sie dslink. Wenn Sie Mac verwenden, verwenden Sie Disnink und wenn Sie Linux verwenden, werden Sie Dink Da ich Windows verwende, werde ich auf die ausführbare Version klicken Und wenn ich darauf klicke, kann ich es im Hintergrund herunterladen. Und jetzt müssen wir uns daran erinnern, dass Net Bins etwas benötigt, das als JDK bezeichnet wird Wie Sie sehen können, heißt es hier, dass JDK erforderlich ist, das in Version 17 plus enthalten ist, und Sie können auch 21 und 23 verwenden Also, wo lädst du es herunter? Um das zu tun, gehst du auf die Seite wie folgt. Und jetzt klicken Sie auf die anderen Plattformen und Versionen , weil Sie möglicherweise ein anderes System verwenden. Hier können Sie also das Betriebssystem auswählen, das Sie verwenden, da Sie Windows verwenden und einfach Windows auswählen werden . Und die Version, die Sie wählen sollten, ist eine, die hier ist, oder? Wählen Sie die stabile Version, die immer als LTS angegeben wird die immer als LTS angegeben , was für langfristigen Support steht, okay? Und weil wir JDK brauchen, werden wir uns für JDK entscheiden Und wie Sie sehen können, haben wir, weil ich Intel verwende, werde ich diese Version hier verwenden Und du drückst einfach auf diese Schaltfläche und wartest einfach, bis sie heruntergeladen wird. Es ist also Zeit für die Installation. Zuerst müssen Sie JDK installieren, also doppelklicken Sie darauf und klicken Sie dann auf Weiter und lesen Sie unbedingt die Lizenzvereinbarung und dann weiter und dann weiter, und es ist sehr wichtig, dass Sie hier alle Dinge so eingestellt haben , dass sie installiert werden Okay? Wenn du es so hast, stelle es bitte so ein. Andernfalls könnte es Probleme geben das JDK über Netbins zu finden. In Ordnung Beenden wir die Installation und jetzt ist es Zeit für Nettogewinne. Doppelklicken Sie also darauf. Und jetzt, wie Sie sehen, wird das Installationsprogramm konfiguriert und Sie werden gefragt, was Sie hier installieren möchten. Sie können es also anpassen , weil wir beispielsweise kein Java verwenden werden . Sie können es einfach deaktivieren Es ist gut, PagB zu wählen , da die Möglichkeit besteht, dass Sie Java Scret mit Seite B verbinden und einfach auf Weiter Und denken Sie natürlich daran, die Vereinbarung zu lesen . Klicken Sie auf Weiter Und weil wir ein JTK installiert haben, haben wir es hier. Also klicken Sie jetzt auf Weiter. Installieren Sie, und jetzt ist es nur noch Zeit zu warten. Nachdem Sie es installiert und auf Fertig stellen geklickt haben, müssen Sie nur Net Bins öffnen. Und im weiteren Verlauf werden Sie lernen, wie Sie Ihr erstes Projekt erstellen und natürlich noch vieles mehr. Und ich bin hier, um dir auf dieser Reise zu helfen. Wenn Sie also Fragen haben, können Sie diese gerne stellen. Ich bin immer hier, um dich zu unterstützen. 3. Was wirst du nach diesem Kurs wissen? Für was JS wird verwendet?: Hallo, heute werde ich dir sagen, was JavaScript ist und warum es sich lohnt zu lernen. JavaScript ist eine Programmiersprache für Webbrowser. So können Sie beispielsweise für Fox, Google, Cron usw. darin einen Code erstellen, der als Skript bezeichnet wird und können Sie beispielsweise für Fox, Google, Cron usw. darin einen Code erstellen, auf dem Besucher Ihres Website-Computers ausgeführt werden kann auf dem Besucher Ihres Website-Computers ausgeführt Das heißt, wenn Sie mit dem Laden der Website fertig sind, lassen Sie uns diese aktualisieren Sie können immer noch auf Elemente auf der Website zugreifen und sie ändern, oder? Wenn wir zum Beispiel hier eine Galerie mit Tamnes mit diesen Miniaturen haben , wie Sie sehen können, wenn ich Maus über eines dieser Bilder fahre, wird das Bild hier, das Hauptbild geändert Und das ist sehr nützlich, weil Sie jetzt nicht mehr so viel Platz auf Ihrer Website beanspruchen müssen so viel Platz auf Ihrer Website beanspruchen und das Produkt in der größeren Version sehr einfach zeigen können , Wie Sie sehen, verbessert dies die Benutzererfahrung auf Ihrer Website. Darüber hinaus haben wir hier, wie Sie sehen können, einen Tooltip , der zusätzliche Informationen zu jedem dieser Bilder enthält Das ist sehr, sehr cool und verbessert die Benutzererfahrung HTML ist für den Inhalt der Website verantwortlich, CSS ist für das Layout verantwortlich und JavaScript ist dafür verantwortlich, und JavaScript ist dafür verantwortlich die Benutzeraktionen zu reagieren und nach Abschluss des Herunterladens Ihrer Website Dinge mit HTML und CSS auf der Benutzerseite zu erledigen mit HTML und CSS auf nach Abschluss des Herunterladens Ihrer Website Dinge mit HTML und CSS auf der Benutzerseite Abschluss des Herunterladens Normalerweise könnten Sie ohne JavaScript auf dem Benutzercomputer nichts tun Denn nach dem Herstellen einer Verbindung zum Server und dem Herunterladen der Website ist der Benutzer nicht mehr mit dem Server verbunden. Es ist nur auf seinem Computer. Das ist alles. Du könntest die Verbindung schließen. Sie haben immer noch Zugriff auf diese Website. So kann Java-Skript verwendet werden oder auch viele andere Dinge. Nicht nur Galerien mit Halinen. Sie können etwas erstellen, das als Schiebetafeln bezeichnet wird. Sie können beispielsweise Übergänge zwischen Bildern erstellen , die sich jede Sekunde ändern wird als Diashow-Panel bezeichnet Sie können es beispielsweise auf Shop-Webseiten verwenden, auf denen Sie viele Produkte an einem kleinen Ort zeigen können . Kann Werbeaktionen und viele andere Dinge erstellen , die Ihre Benutzererfahrung verbessern. JavaScript ist notwendig, um Frontend-Entwickler zu werden , der für die Dinge verantwortlich ist , die auf der Benutzerseite erledigt werden, oder? Stellen Sie sich eine solche Situation vor, in der Sie eine Uhr auf Ihrer Website haben. Sie müssten jede zweite Anfrage vom Server und einen neuen Wert eingeben, um diese Uhr zu aktualisieren. Mit JavaScript läuft alles auf der Benutzerseite, ohne ständig wieder eine Verbindung zum Server Das Java-Skript kann verwendet werden, um den Inhalt Ihrer Website zu aktualisieren und ein D? Du kannst zum Beispiel die Größe nach rechts ändern und du kannst etwas zeigen? Sie können neben einem Symbol einen Tooltip erstellen. Sie können hier beispielsweise das Quellattribut des Bildes ändern, Sie können eine Art Animation erstellen. All diese Dinge werden in JavaScript gemacht. Das Ändern des dynamischen Layouts auf Ihrer Website erfolgt in JavaScript. Aber was ist mehr? Es gibt erweiterte Bibliotheken für JavaScript wie Ajax, mit denen Sie eine Verbindung zur Datenbank herstellen und Informationen abrufen können , ohne die Website neu laden zu , ohne die Website neu laden Wenn wir zum Beispiel hierher gehen, lade ich meine Website nicht neu, wie Sie sehen können , wenn ich jetzt hier klicke Ich ändere gerade diesen Ort hier und der gesamte Inhalt stammt aus der Datenbank von PHP und MS QL Wenn du es noch nicht weißt, mach dir keine Sorgen. Denken Sie daran, dass Sie es sogar mit erweiterten Bibliotheken verwenden können es sogar mit erweiterten Bibliotheken verwenden , um literarische Websites zu erstellen , die nicht neu geladen und aktualisiert werden Mach so etwas nicht, Refreshing. Das nimmt viel Zeit in Anspruch. Das ist also sehr, sehr großartig. Sie können auch Java-Skript verwenden, um die Eingabe in Formularen vorab zu validieren. Zum Beispiel, ob das Passwort stark genug war oder ob die E-Mail-Adresse richtig verwendet wurde usw., bevor diese Werte an den Server gesendet werden. Sie können ein spezielles Feld anzeigen, das den Benutzer darüber informiert, was im Formular falsch ist , ohne seine Werte im Formular zurückzusetzen Dadurch wird die Benutzererfahrung auf Ihrer Website erheblich verbessert. Sie senden JavaScript-Syntax, nun, wir ermöglichen es Ihnen, auch etwas besser zu verstehen , das als J Query-Framework bezeichnet wird. J Query Framework ist eine große Bibliothek mit nützlichen Java-Skripten, Plugins, Funktionen und Dingen, mit denen Sie weniger Code schreiben und dafür viel mehr tun können. Es wurden bereits viele Dinge getan, die Sie einfach tun können. Aber um J Query zu verstehen, musst du auch Javascript verstehen, damit du weißt, was da vor sich geht, oder? Nach meinem Kurs werden Sie alle fortgeschrittenen JavaScript-Komponenten verstehen, sodass Sie alle Bibliotheken nach Ihren Wünschen verwenden können. Sie kennen sich also perfekt mit JavaScript aus. Dies ist der am besten organisierte Kurs für Javascript vom Anfänger bis zum Experten im gesamten Internet. Ich werde Sie Schritt für Schritt von der Theorie zu praktischen Beispielen wie Bildschiebereglern und Animationen Wenn Sie Fragen haben, diese gerne stellen und das in der Lektion, vielen Dank 4. Projekt erstellen: Hallo, mein Freund. Heute werden Sie Ihr erstes Projekt in den Net Beans erstellen und in der gleichen Zeit werden Sie wissen, wie Ihre Projekte strukturieren, damit es einfacher zu pflegen ist, Okay, also wie geht es? In der linken Ecke, wie Sie sehen können, haben Sie etwas wie Datei. Sie klicken in gehen, dann gehen Sie zum neuen Projekt. Oder Sie können die Verknüpfung Control plus Shift plus n. und wie Sie sehen können, jetzt habe ich dieses Menü hier, das wir verwenden können. Alle Verknüpfungen werden auf der rechten Seite des Menüelements angezeigt. Okay, also lassen Sie uns Neues Projekt behalten. Und wie Sie auf der linken Seite sehen können, haben wir gute so etwas wie Kategorien. Und nun, hier haben Sie kostenlose Ordner, HTML5, PHP, unsampled Samples. Wie Sie sehen können, habe ich eine Art von Beispielprojekten, die von anderen Leuten erstellt wurden. Es müssen einige Demos, Demonstration einer Art von Bibliotheken für JavaScript und andere Dinge wie das. Du kannst mit ihnen spielen. Sie können sehen, wie Menschen Projekte erstellen, größere Projekte, wie sie irgendeine Art von Bibliotheken verwenden. Aber wir werden uns auf HTML5 konzentrieren. Beachten Sie PHP, weil es kein Kurs über PHP, HTML5 ist, aber es ist kein Fluch über HTML5, Sie könnten auch denken, dass das wahr ist, aber HTML wurde für forbear erstellt, alle Browser nur für Browser. Und JavaScript wird auch nur für Browser erstellt. Um den JavaScript-Code auszuführen, müssen Sie ihn mit dem HTML5 verbinden. Sie müssen also eine HTML5-Anwendung erstellen, okay? Und zusätzlich dazu hat HTML5 viele neue Tools zum Leben erweckt, die Funktionen genannt werden und auch sehr nützlich sind. Also werden wir HTML5-Anwendung erstellen. Sie können die HTML5-Anwendung mit vorhandenen Quellen auswählen. Wenn Sie bereits vorhandene Quellen haben, verwenden Sie Desorption. Wenn nicht, verwenden Sie die erste hier. Und jetzt klicken wir auf Weiter, wie Sie hier sehen können, jetzt müssen wir den Projektnamen eingeben. Sie können auch ein anderes Aussehen wählen, suchen Sie die Position, wenn Sie es ändern möchten. Aber in meiner Situation benennen wir zum Beispiel den JavaScript-Angular-Projektnamen. Sie können Sie eingeben, was Sie wollen. Ok? Also werde ich jetzt nur fertig klicken. Und das ist, Sie können sehen, dass es für uns eine HTML5 erstellt, die Waren hier hat, eine Art von Kommentar und Titel und Meta-Tags fett. Und nun, wir müssen jetzt auf unsere JavaScript-Datei kommen, die in der nächsten Lektion tun wird. Aber in dieser Lektion werde ich auch eine Struktur für unsere JavaScript-Datei erstellen. Also, wie es zu tun? Ich werde hier, ich, klicken Sie mit der rechten Maustaste hier, und dann mu. Und wie Sie hier sehen können, haben wir viele Arten von Dateien, die wir verwenden können. Wir können Ordner erstellen. So zum Beispiel, OKC-Ordner. Und hier kann ich den Namen des Ordners eingeben, und jetzt nennen wir es JavaScript js, richtig? Das sind Abkürzung. Und nun, warum mache ich das? Ich möchte alle Dateien in einem Ordner behalten, die mit JavaScript-Dateien verbunden sind. Warum? Weil, naja, vielleicht am Anfang nur 1-5 haben. Aber die Wahrheit ist, dass Sie in den größeren Projekten viele JavaScript-Dateien haben könnten. Und während Sie vielleicht auch viele HTML5, PHP 5S, einige Template-Phi, einige Konfigurationsdateien, einige CSS-Dateien und andere Dinge wie das haben. Und dann wird es schwer sein, sie zu erkennen, oder? Es wird schwierig sein, diesen ganzen Code zu pflegen. Es ist also eine gute Idee, JavaScript-Dateien in einem speziellen Ordner zu halten, und so machen wir es. Das gleiche wie Sie tun, wenn Sie CSS haben, richtig? Sie haben den speziellen CSS-Ordner, in dem Sie Ihre CSS-Datei aufbewahren. Also hier werden wir JavaScript-Dateien behalten. Und um eine JavaScript-Datei zu erstellen, hier und klicken Sie mit der rechten Maustaste auf Neu, und verwenden Sie dann die JavaScript-Datei. Wenn Sie es tun, können Sie jetzt einfach den Namen Ihrer JavaScript-Datei eingeben. Sie müssen die Erweiterung ab.js, die für JavaScript ist , nicht hinzufügen . Also, jetzt können wir zum Beispiel Estrich tippen , was immer Sie wollen, oder? Dies ist ein Dateiname, aber gut, es sollte aus dem Kleinbuchstaben beginnen, alle sollten niedrig, niedrig, Kleinbuchstaben sein. Okay, so solltest du, du solltest dein Drehbuch nennen. Jetzt lassen Sie uns einfach auf Finish klicken und Sie haben gut. Jetzt ist die Javascript-Datei, wie Sie sehen können, leer. Sie können, Sie haben eine Art Änderung dieser Entfernung hatte Analysen wie diese. Dies wird als Kommentar bezeichnet. Ich werde in der nächsten Lektion darüber sprechen. Lektionen. Also dies unsere erste JavaScript-Datei, und Sie müssen jetzt nur eine Verbindung mit ihm aus dem HTML. Und wir werden es auch in den nächsten Lektionen tun. Aber was ich auch in dieser Lektion sagen möchte, na ja, du weißt schon, du könntest das alles manuell erstellen . Schauen Sie, wenn Sie hier zu den Eigenschaften gehen, wie Sie sehen können, können wir zum Projektordner gehen. Ich würde es kopieren, und jetzt werde ich es hier einfügen. Und wie Sie sehen können, wenn Sie hier zum öffentlichen HTML gehen, haben wir hier die CSS, JavaScript und Indizes Indexdatei. Wir könnten sie erstellen, indem wir nur TextFile erstellen und jazzy als HTML oder als Javascript-Datei speichern. Das ist einfach typisch. Nichts anderes, nichts spezielles Akten, richtig? Sie können erstellen, was Sie wollen Lagen und es wird einfach laufen. Sie können das jetzt öffnen. Denken Sie ziemlich einfach. Um es zu tun. Doppelklicken Sie einfach darauf. Und wie Sie sehen können, wurde es im Webbrowser geöffnet, wie Sie sehen können. Und es funktioniert, weil er ein HTML5 ist und JavaScript Angst wird von uns in der nächsten Lektion verbunden sein. Und es wird auch in unserem Browser laufen, richtig? Sie müssen keinen speziellen Server dafür hinzufügen. Es wird nur in Ihrem Browser laufen. Und Sie müssen das Netz nicht verwenden, bedeutet, dass Sie verwenden können, was Sie wollen. Dies ist die Beispielstruktur, so erstellen Sie ein Projekt. Und nun, ich lade Sie zur nächsten Lektion ein. Vielen Dank. 5. Nützliche Shortcuts für Webentwickler: Hallo, alle Heute sind wir zeigen Ihnen die nützlichsten Verknüpfungen von Web-Entwicklern und Programmierern verwendet . Nun, all diese kurzen Autos werden dir viel Zeit sparen. Es ist also wie muss, Dinge zu wissen. Okay, du musst sie kennen, um dir viel Zeit zu sparen. Warum Websites entwickeln oder programmieren? Sie kennen die Anlage von Situationen, in denen Sie Ihren Kurs bewegen müssen oder so Iran und statt es können Sie die Abkürzung verwenden, weil Sie gute Tastatur haben, die Sie in Kuba tippen, und dann, Sie wissen, dass es schwer ist, Ihre Hände in den Mund zu bewegen. Es braucht Zeit und immer vielleicht 12 Sekunden. Aber stellen Sie sich vor, dass Sie viel Zeit damit verbringen werden, den Mantel zu schreiben. Es wird dich jeden Tag retten. Zum Beispiel. Ich weiß 10 Minuten und wenn du es multiplizierst, dass 10 Minuten durch das Wandjahr, dann hast du viel Zeit, richtig? Viel Zeit, indem Sie diese Verknüpfungen kennen. Also okay, fangen wir unser Abenteuer an. Wie man das Feuer sofort rettet. Weißt du, ich habe jetzt sogar eine Angewohnheit wie die, wenn ich etwas mache, werde ich nur kontern und sicher die Abkürzung so verwenden. Und ich sage nur sofort, Sie werden sich nicht erleichtern, wenn Sie zum Beispiel nächste Videos ansehen, die ich sofort gespeichert habe, nachdem Sie etwas geändert haben. Warum? Weil wir Sie wissen, nein, jeder Redakteur. Ah hat so etwas wie zum Beispiel automatische Kelly speichern. Wenn Sie Ihre zum Beispiel Macht verlieren und Sie können Ihre Arbeit Eso verlieren, ist es eine gute Idee, die Gewohnheit zu haben , so etwas zu tun. Und zusätzlich zu diesen, müssen Sie das Finale zu speichern, um zu sehen, welche Änderung Recht, zum Beispiel in den Bruder. Also speichere ich sofort nach jeder Änderung, das ist direkt vor dir. Es ist also sehr gut. Ein guter Schuss neben uns. Hab unser Land plus C und Gegenparzellen. V gut, Sie können Dinge kopieren und einfügen. Zum Beispiel. Ich möchte dieses Ding nehmen und ich möchte auf Eingabe- und Gegendiagramme V klicken und nun, wie Sie sehen können, habe ich gerade zusammengearbeitet. So wird es Ihre Zeit sparen, wenn Sie etwas kopieren und ändern möchten, zum Beispiel, oder so etwas. Hier und dann wieder, was? Ich will es nur auf Bombe hier. Wie Sie sehen können, rief ich von einer Firma an, die schneller schlug, weil ich nicht wollte, dass so etwas wie diesen Zähler plus E machen und dann habe ich meinen Mund nicht benutzt. Ich benutzte die Abkürzung, ob ein König auf der Tastatur und dann konnte ich Begegnung plus V eingeben Also wieder habe ich t lächelt. Ich habe es ein bisschen schneller gemacht. Und jetzt sieh mal, ich würde es noch schneller machen. Ich werde die Schicht plus Heimatland plus C und geben Zähler plus V rechts, und jetzt schneller Bom bom bom bom bom. Wie Sie sehen können, dauert es sehr wenig Zeit, oder? Anstatt so etwas wie Mm ah Mm zu tun. Richtig. Du spart Zeitgesetze, indem du solche Dinge tust. Okay, jetzt ist eine Mütze. Die Karte wird verwendet, zum Beispiel, wenn Sie die Zehe etwas ausschneiden wollen. Ich will das hier nicht betitelt. Ich will es schneiden, und ich will, dass es hier ist. Richtig. Ähm, es ist, als käme eine kopierte Pfadfinderei von hier. Wir erfüllen das, aber nun, wissen Sie, das ist keine gute Idee, den Titel hier zu haben. Oh, mein Gott. Ich habe einen Fehler gemacht. Also, wie es zu tun? Nun, ich muss es noch mal schneiden. Jetzt kann ich das Gegendiagramm verwenden, z, z, und es wird die Dinge rückgängig machen, die ich getan habe, das ist kritisch und nützlich. Haie haben auch bekommen, und Sie können es die Handlung lesen. Also, zum Beispiel, naja, ich habe mich geirrt und wieder, damit ich wieder zu dieser Situation zurückkehren kann, richtig? Mit diesen Zählern plas y nächsten sehr cool contra plus f Sie beschränkte Dinge, wie Sie sehen können . Zum Beispiel möchte ich Tosi, wo ich so etwas tippe. Oder wo ist Dave? Sofort kann ich die Dinge richtig finden. Also Land plus f Land plus a wird verkaufen wie alle Ihre Kämpfe von, zum Beispiel, zum Beispiel, wem ich nur entgegennehmen will plus eine dieses Ding Kontrollpolitik, die es besetzt. Und ich möchte eine neue Faisal neue html fünf Shortcuts HTM erstellen. Und ich werde hier kooperieren. Richtig? Okay, lassen Sie uns üben. Ah, die Abkürzung, die wir haben. So zum Beispiel möchte ich eine Stunde ordentlich erstellen, also werde ich so etwas erschaffen. Nun, ich wollte am Ende. Also, wie es zu tun? Ich könnte Selig es so, aber ich könnte Wir könnten auch die Abkürzung verwenden, die später wie präsentiert wird, zum Beispiel, rasiert plus Und so wie, wenn ich etwas tun, dass sie plus und ich werde aus den Karat wählen aus die blinkende Sache bis zum Ende der Linie und jetzt schneide ich es nur, weil ich nicht will, dass es hier Contra plus X ist und ich werde es nicht brauchen Das Ende des Feuers. Also hier und ich kombiniere nur. Und wie Sie sehen können, ist es jetzt nicht an einem guten Ort. Also benutze ich das Oberteil, richtig? Du kannst dich auch benutzen. Kannst du aufhören, etwas zu erfinden, das du benutzen kannst? Schaf wird aufhören Wenn Sie getan haben, zum Beispiel, so etwas die ganze Zeit. Es ist nicht gut, oder? Also bam bam! Und ich bin die Rechte gebaut. Also haben wir uns an neue Abkürzungen gewöhnt, richtig? So zum Beispiel. Okay, also lasst uns jetzt den wenigstens Artikel verwenden. Also gehe ich das Zeug aus wie mindestens ich 10 und so was und du siehst, dass es nicht gut funktioniert. Ich benutze den Zähler plus Z. Ich möchte, dass all diese Dinge ein bisschen mehr eingezogen werden, also werde ich einfach all diese Dinge auswählen und ich benutze Top. Wie Sie jetzt sehen können, sind sie ein bisschen mehr eingerückt und ich möchte zumindest Artikel ein bisschen weiter. So wie das. Und jetzt will ich, was ich am Ende will. Wenigste Artikel wie das. Ich will das in all diesen Zeilen. Wenden Sie es auf all diese Linie an, wie man es ziemlich schnell macht. Ich kann es auswählen und ich kann es kupfern, wie Sie sehen können. So zum Beispiel,damit zum Beispiel, ich so etwas wie Bombenbalsam machen kann. Das Problem ist, dass wir, wie Sie sehen können, wie Sie sehen können,die Spitze hier haben. Also ist es wahrscheinlich eine gute Idee, dass es auf so etwas zu bringen, also brauchen wir es nicht jedes Mal. Ah, mach das Erfinden und Löschen. Also lasst uns etwas das und dann einfach runter gehen. Bombenbombe zu Hause, zu Hause, zu Hause, zu Hause, zu Hause, zu Hause. Ich benutze den Schlüssel zu Hause. Richtig. Also gehe ich so zum Betteln von der Mm-Linie. Und nun, ich habe ein bisschen schneller gemacht, oder? Wegen ihm. Und jetzt wollte ich die Antwort. Ich nehme das nur auf dem Kleid, tippe das und so bin ich am Ende. Bombe, Bombe, Bombenbombe . Ähm, und wir haben es ein bisschen schneller gemacht, oder? Stattdessen, dies zu tun. Bewirken Sie diese nur langsam. Ok? Und jetzt wollen wir nur Internet bom bom. Und wir haben unsere Arbeit ziemlich schnell erledigt. Natürlich wird es so sein, so verletzt Job ist später geflohen, aber so funktioniert es. Sie können natürlich natürlich manchmal die Zeile kopieren und gut, Sie können es auf zwei Arten tun. Sie können Sachen wie zu Hause Shiftless und Zähler plus e tun und eingeben und eingeben, wie Sie sehen können was für ein Land plus Gebühr, wie Sie sehen können. Das Problem ist, dass Sie manchmal die Indianer haben, weil, na ja, ich habe gerade ein Zuhause gemacht und aber ich tippe zweimal nach Hause. Dann ging ich zum Ende und Platz und dann zum Anfang, und deswegen habe ich das Ende zusammengestellt. Und auch, aber es dauert auch einige Zeit, oder? Sie können es ein bisschen schneller tun, indem Sie Kontrolle plus Chief und Roky down verwenden. Es kommt jetzt in die Kombination all diese Dinge getan ziemlich genial, oder? So machen wir es. Willst du die Dinge runterkopieren? Unwahrscheinlich. Sie werden diese Verknüpfung nicht in jedem möglichen Editor haben. OK, das ist nicht überall verfügbar und das nächste, was ist Nun, Ich möchte, Zum Beispiel, etwas in der nächsten Zeile tun. Ich bin betrunken. Ich klicke einfach auf Umschalt+Eingabetaste. Wie Sie jetzt sehen können, muss ich die Maus nicht benutzen, um zu diesem Ort zu gehen. Ich kann einfach verschieben war eingeben und ich bin hier und ich kann einfach in der nächsten Zeile eingeben. Ich brauche Teoh nicht, weißt du, später etwas anderes tun. Es gibt eine SoCal Abkürzung, um vom Anfang bis zum Ende der Kampfkontrolle zu springen . Plus kommen und steuern Plus und Sie können natürlich auch, zum Beispiel, wählen Sie Dinge von Anfang bis Ende. Also, zum Beispiel, ich bin hier, zum Beispiel, richtig. Und ich möchte diesen Kommentar löschen Sie, wie es geht. Nun, ich könnte es durch Verschiebung tun und so etwas mit den Pfeiltasten tun. Oder ich könnte so etwas wie Shift plus Kontrolle plus Zuhause tun. Und jetzt bin ich am Anfang des Feuers auf Ich könnte die Verschiebung verwenden, um eine Zeile mit dem Roki nach unten zu wählen und dann tat es ziemlich genial. Ist es nicht an? Nun, wie Sie jetzt sehen können, brauchten wir nur, dass dieses Ding Kontrolle und Chief gehen könnte. Äh, und wie Sie jetzt sehen können, Arkansas, wie all diese Dinge bis zum Ende, könnte ich einfach eine andere Akte machen, etwas, das richtig ist, wenn Sie zum Skript gehen, können Sie Beachten Sie auch, dass es Dinge wie kalte Snippets gibt und Sie etwas tun können , wie zum Beispiel, geben Sie ein L und verwenden Sie dann die Registerkarte Feuerzeug. Und das kann jetzt sehen, dass es sofort für uns etwas Kälte erzeugt. Es gibt viele Dinge wie das, was für uns etwas Kälte erzeugt. Wir sprechen über diese Kälte später, und Aber wenn Sie mehr über Snippets erfahren möchten, können Sie auf Tools Optionen zu den CO gehen 10 Orte, die Sie sehen können Jetzt, hier können Sie die Dinge über HTML kämpfen. Sie können Dinge über JavaScript finden, und Sie können auch auf Ihren auch einige Snippets erstellen. Und es wird dir auch Zeit sparen. Nicht der Anführer sagte Schnüffler, aber wie Sie sehen können, wenn einer von ihnen so etwas hat, wird Ihnen etwas Zeit sparen. Manchmal möchten Sie zum Beispiel auch Nee auswählen, nur ein Brief später mit dem Schiff und Roky Sie auswählen möchten? Zum Beispiel, Full David, sobald ich den Zähler plus Shift und den Pfeil que links rechts, wie Sie sehen können, dann wähle ich Welt eins nach dem anderen. So können Sie zum Beispiel, wie ich Justizinhalte will. Okay, unterschreiben Sie so etwas. Bam, bam, bam, bam! Gegenkunststoffe Und ich weiß nicht, ob du jeden Tag mehr richtig bombardieren kannst und es ist weg und seine Tasche, weil ich die Art Blut benutze. Sie können Verknüpfungen verwenden, um gut zu erhöhen, um die Zeit für die Web-Entwicklung zu verringern . Ich empfehle Ihnen wirklich, all diese Dinge zu üben, um zum Beispiel all diese Dinge zu drucken. Ah, auf Ihrer Firma auf Ihrem Drucker, damit Sie,wissen Sie,sie überprüfen können wissen Sie, , sie lernen können. Und nach einer Weile werden Sie feststellen, dass Sie viel Zeit sparen, weil sie. Ich empfehle sie wirklich. Dies war eine Bonusstunde und einen guten Tag 6. Drehbuch vor Ort einbetten: Hallo, meine Freunde. Heute werde ich Ihnen zeigen, wie Sie Java einbetten. Überspringen Sie Skripte auf Ihrer Website und in der gleichen Zeit werde ich Ihnen zeigen, wie es so zu tun, wir Mega-Website wirklich, wirklich schneller laden . Es kann sogar etwa 1 bis 5 Sekunden sparen. Es hängt davon ab, wie groß Ihre Website Spieß entlädt. Es ist also sehr wichtig, es richtig zu machen. Okay, also wie geht es? Sie können Ihren Mantel in Fledermaus in den HTML intern oder extern einfügen. Ich werde Ihnen jetzt den Internet-Weg zeigen Wie es geht? Du wirst das Drehbuch benutzen, so reden. Und dann zwischen dem Eröffnungs- und Abschlussgespräch tippen Sie einfach das Skript ein. Also, zum Beispiel, jeder Typ Alert und dann werde ich einfach eingeben, dass Dies ist das einfachste Skript. Es spielt keine Rolle. Was ist das? Was ist das für eine Funktion? Was ist das für ein Elternteil? Ist, was ist, dass Aled Things hier herum, die Semikolon andere Dinge wie das. Wir werden später über all diese Dinge sprechen. Denken Sie nur darüber nach, dass dies ein Skript ist, das die Person auf der Website alarmiert und Test sagen wird . In Ordnung. Hallo. Und jetzt, wenn wir auf dieser Suche sind. Wenn wir dieses Gefühl verwenden, möchten wir den Browser auswählen. Ich behandle Firefox und nächtliche griechische Spiele. Wie Sie sehen können, sind wir jetzt hier. Hallo? Das Fenster. Denkst du hallo? Okay, und gibt es nicht zu. Dann kann ich den Inhalt von unseren Webs sehen. Okay, so funktioniert es. Wir haben ein gutes Skript, das so etwas macht, und das macht es intern, richtig? Sie können auch dieses Kriechfeuerzeug setzen. So, zum Beispiel, hier und es gibt einige Unterschiede zwischen, weil aus es. Aber zuerst, lassen Sie uns darüber nachdenken, etwas intern zu setzen Diese sehr seltenen Situationen. Wenn Sie so etwas tun wollen, wollen Sie Dinge wie das sehr selten tun, wenn Sie etwas in das Screening setzen wollen , das genau Ort und das einzige in dieser Situation. Warum? Denn wenn du so etwas machst , wird diese Couch nicht kosten. Das ist die Welt, die eingelöst wurde. Okay, es wird nicht in das Geld gehen, was eine temporäre Erinnerung von Ihrem Browser ist. Und deshalb wird dieses Gold jedes Mal geladen werden, wenn der Benutzer auf eine andere Seite Ihrer Website geht, also wird es Ihre Website verlangsamen, dass alles klar, also ist es eine gute Idee, es an einem Ort zu haben. Also, zum Beispiel, wie hier auf, Nun, wir machen es so. Also wollen wir, dass der Mantel hier ist. Wir wollen nicht, dass es so ist. Und wir wollen es importieren, wie es so gut zu tun, können wir etwas tun, wie etwas Skript eingeben, und dann können wir die Attribute verwenden, wie aus dem gesehen werden, steht für Quelle. Und hier haben wir die Quelle gebunden. Also, zum Beispiel, so. Und jetzt haben wir diesen Kampf hier importiert. Und wenn wir es aktualisieren, wie Sie sehen können, können wir immer noch Hallo hier sehen. Brady hat recht. Es ist also eine externe Art, dieses Ding in altem HTML zu tun. Wir mussten Ihre auch etwas wie Typ eingeben und sagen, dass es das JavaScript-Skript durch, aber standardmäßig falten ist . Jetzt ist das Skript Javascript aus Szenen der html fünf. Okay, du musst nicht, ähm, ähm, über Dinge wie dieses Tier nachdenken. Aber es gibt einen Schwung immer noch ein kleines Problem. Was ist das? Nun, sieh dir das an. Wenn ich wirklich liebe diese Website gegen hallo Und dann, wenn ich klicke. OK, unsere Website-Inhalte werden geladen, wenn ich dies hier. Wie Sie sehen können, ist unser Inhalt bereits geladen Und während ich dann sehen kann Hallo? Warum? So etwas passiert, weil, nun, ich würde Ihnen sagen, wie genau Ihre Waffe geladen ist. Zunächst würden Sie als Benutzer eine Verbindung zu Ihrer Website herstellen und dann würden Sie Ihre HTML-Dateien herunterladen. Also zum Beispiel, index dot h dot html Und dann etwas, was ein Teil genannt wird, Sir, wir verarbeiten und interpretieren nur alles im Inneren. Also, zum Beispiel, spricht, wenn es etwas wie Skript trifft, stoppt es vollständig ausgeführt wird, während andere Dinge analysiert werden. Also, wenn das Skript hier ist, wird es zu html gehen. Außerdem ist es ein HTML-Dokument. Der Kopf auch, ich habe hier zusätzliche Informationen von unserer Website von diesen Websites bekommen. Oh, ein Titel. Okay, also habe ich zwei Tote. Der betitelte für unsere Verwendung. Ihr okay. Oh, er benutzt das Auto Sit so. Vieux Port. Auch dies ist für Web responsive Web-Design und oh, Skript. Okay, bevor ich hierher gehe, sollte ich alles in ihm ausführen und dann zum Ball gehen. Dieser Abschnitt und jetzt bist du vielleicht wie Hey, aber diese nur eine Zeile wird es nicht langsam. Es spielt in dieser Situation keine Rolle, ob die Website so war. Ok. Aber jetzt stellen Sie sich vor, dass Ihre Website wirklich groß ist. Ok? Wirklich? Wirklich Be There ist, wie 500 Mäntel und Sie haben nicht nur ein Skript. Die dunkle Freude, die du hier hast, etwa 50 von ihnen. Was passiert? Wow. Stellen Sie sich jetzt so etwas vor, dass es zu all diesen Skripten gehen würde und dann nach dem Ausführen all der Dinge im Inneren, würde es das Geschehene laden. Was würde passieren? Was? Ihr Benutzer würde fast nichts sehen, oder? Und nach dem Laden alles, dann würde er den Inhalt der Website sehen, die sehr schlecht ist, richtige Brot für unsere Benutzer. Er würde nur wahrscheinlich unsere Website verlassen. So etwas können wir nicht zulassen. Deshalb haben die meisten Leute einfach die Skripte hier gezogen. Aber es gibt ein kleines Problem, denn wenn es Skripte hier ablegt, wir sie nicht sofort herunter. Richtig? Also, wenn der Inhalt der Website niedrig ist, wird sie geladen werden, richtig? Es ist nicht so schlimm, die meisten Situationen, aber gut, stellen Sie sich vor, dass ihre Manuskripte auch so, dann sind sie. Ich weiß das nicht ein bisschen später. Also, dass das nicht gut ist, oder? Und manchmal machen die Skripte etwas mit dem Layout Ihrer Website. Also ändern sie etwas, die Kalorieneinsätze, andere Dinge wie das. Sie bringen etwas an einen anderen Ort. Und jetzt stellen Sie sich vor, dass der Benutzer mit dem Skript hier nur den Inhalt Ihrer Website sehen würde . Und dieser Inhalt wird sich ändern. Und seine Augenaugen, richtig. Er würde sich diese Website ansehen und es wird sich ändern, wann jeder von diesem genialen Kid Kampf geladen wird. Das ist auch schlimm. Also Nun, was zu tun ist, Wie man es ändert. Manche Leute würden hier etwas erschrecken. Ja, aber weil wir von HTML 5 etwas haben. Was heißt ein neues Attribut damit, das heißt, denke ich, das steht für S und Cronies. Ich würde diese Welt hier als Syncronys eingeben, oder? Und nun, es bedeutet, dass das Skript in der gleichen Zeit geladen wird, wenn oder andere Dinge geladen werden , richtig? Es wird nicht warten, bis das Skript ausgeführt wird, was standardmäßig ist, wie Browser Ihre Website laden, und es ist nur, dass in Ordnung, Sie setzen nur dieses Ding und alles funktioniert gut. Aber weil, wenn Sie mehr als einen Bildschirm haben, so haben Sie so etwas. Übersprungen eines wurde direkt zu skriptfrei übersprungen. Und zum Beispiel, ähm, Ihr Benutzer wird diese zuerst herunterladen, es wird zuerst ausgeführt werden. Es wird dann nicht exekutiert werden, wie Tage. Dann Tage. Dann diese, dann bombardieren, bombardieren, bombardieren . Richtig. Aus diesem Grund ist es eine gute Idee, die Welt wie unterscheiden zu verwenden, was das gleiche ist wie S N Koreaner, aber es wird es machen, eine nach dem anderen laufen. Okay, es wird warten, bis die Skripte in dieser Reihenfolge ausgeführt werden. Also, wenn ich es jetzt so mache, können Sie sehen, wenn ich diese Website neu laden, wir können sehen, dass der Inhalt geladen ist und wir können die Hallo, Recht sehen . Es funktioniert so, wenn ich diese Welt entferne, wie Sie sehen können, bekommen wir keine Inhalte. Wir haben zufrieden nach dem Höhepunkt. Okay, das ist also die beste Lösung. Sie können so etwas tun müssen, und ich schlage vor, dass Sie alle gut kämpfen. Alle Schreie in externer Quelle, genau da, na ja, es ist einfacher, Ihren Code zu pflegen als richtig. Sie haben das Java Scraping, ein weiterer gebrannter Dampf. Ein weiterer Kampf von ist einfacher zu pflegen. Wissen Sie, wo sind Ihre Skripte? Es wird eingelöst. Es bedeutet also, dass Ihre Website auf Dwell viel schneller läuft. Ah, Sie müssen sich auch daran erinnern, dass Sie nicht zu viele Javascript-Dateien erstellen, denn wenn Sie viele Javascript fünf gut haben, ist es einfacher, Ihr Projekt zu pflegen. Aber die Website wird er auch langsamer laden, denn wenn Sie viele JavaScript haben, wenn Augen und h das HTTP-Protokoll Ihnen erlaubt, nur über herunterladen, um sofort zu kämpfen, bedeutet dies, dass sie viele Anfragen an Ihren Server sein werden, wenn der Benutzer besucht Website auf, weil sie. Nun, weil die Anfragen sind die langsamsten Dinge, weil Sie haben, wissen Sie, dass der Benutzer die Verbindung mit dem Server, wo ist die Website und dann zurück. Dies ist etwas, das die längste Zeit in Anspruch nimmt. Und wenn Sie von uns verwaltet haben, halten Sie Dateien, zum Beispiel acht. Sie haben, wie, vier Mal, so etwas, was vielleicht manchmal ist, wenn die Severus sehr weit. Eine Sekunde nur für, wissen Sie, nicht herunterladen, sondern nur für die Verbindung. Es braucht also viel Zeit und weil die Video-Website schneller geladen wird, so dass die beste Website nur ein Javascript weit sein wird. So wird es toll sein, wenn Sie es geschafft hatten, fragen Sie es kämpft und dann Ihre Cody ist hier und dann am Ende zu halten, wenn Sie sie auf dem Web-Server setzen wollen, wollen Sie sie verbinden. Aber, wissen Sie, so etwas jedes Mal zu verbinden, wenn Sie etwas ändern, Was wir tun, dauert viel Zeit so viel Zeit. Die meisten Leute tun es nicht. Aber Sie können etwas verwenden, was Grand Jury s genannt wird, das ist ein Task-Manager, der es automatisch tun würde Kalifornien. Ich habe auch den Kurs über dieses Ding. Aber wenn du gut willst, kannst du es tun. Auch ein Handbuch, richtig? Okay, das Beste denken zu schlau ist, das Skript hier in den Kopf zu stellen, weil es der erste Test sein wird . Aber Sie müssen daran denken, diesen Schlüssel diese Attribute sonst zu setzen und wird nicht das Haus und gut sein , können Sie überprüfen. Wie wird es unterstützt, weil nein, es ist von html fünf. Sie können gehen, um es kann dot com nicht verwenden und geben Sie Ihre Essen Cronje. Und hier können Sie Ihr Land eingeben und, wie Sie sehen können, wenn wir zum Beispiel Internet Explorer gehen zum Beispiel . Nun, Nun, Internet-Experten sechs und sieben werden nicht acht und neun unterstützt. Wie Sie sehen können, Firefox's alle fünf Füchse werden nicht unterstützt. Aber wenn Sie alle diese Zahlen hinzufügen, kommt es darauf an. Wohin wirst du gehen? Richtig? Es ist wahrscheinlich wie 23 Leute auf 100 kommen auf Ihre Website, die nicht unterstützt werden. Aber Sie müssen sich daran erinnern, dass Sie allen anderen Benutzern helfen, Ihre Website schneller zu laden. Richtig? Nun, sie werden Ihre Website sehen und wie Sie es hier gemacht haben, richtig. Aber Sie werden genießen Sie Ihre Website mehr für Benutzer mit als Sie mit den neuen Brüdern. Ich denke, dass Benutzer, dass Devil Brothers weiß, dass ich nicht die genießen als heiße Ah, das Internet wie die Jungs mit dem neuen Bruder. Diese machen Sie sie ändern es schneller. Ihre Website. Wir laden sowieso. Okay, das geht diese Lektion. Vielen Dank. 7. Grundlagen von JavaScript: Hallo. Heute werde ich Ihnen die Grundlagen von JavaScript zeigen. Um JavaScript zu verstehen, müssen Sie wissen, wie alles ausgeführt wird. Nun, dieses Ding hier ist ein Drehbuch. Es ist ein Programm. Wann was ist ein Programm? Nun, ein Programm ist ein Satz von Anweisungen, die von einem Computer ausgeführt werden müssen. Okay, und das war's. In unserer Situation haben wir hier einige Anweisungen, einige weiße Räume, weiße Räume sind betritt und Top-Verbündeter, es ist Ihre und Räume und andere Dinge wie das. Und um diesen Coleman zu benutzen. All diese Dinge müssen also durch etwas interpretiert werden. Das Programm heißt das Flurstück, das diese Dinge interpretiert, und sie müssen ausgeführt werden . Und alle diese Anweisungen werden vom Browser ausgeführt. Und, na ja, die Browser-Führungskräfte, die vom PC verdeckt werden. Aber ich überwinde PCs, richtig? So wird alles que ausgeführt werden, von oben nach unten ist sehr wichtig. Also Sie Interims jeden Vogel, den Sie brauchen, lesen alles Zeile für Zeile, und Sie müssen sich an die Devi erinnern, ähm, chametz, als wäre es Ihre Falte. Okay, weil, nun, alles hier, die Syntax. So wie du schreibst, wird er vom Paket interpretiert. Wir brauchen Zeh, richtig? Genau. In der Hiss-Sprache, richtig? Andernfalls werden Sie Probleme haben. Okay, also versuchen wir zu erklären, wie das hier hergekommen ist, durch ein Paket interpretiert wird. Stellen wir uns vor, ich bin ein Teil Sir. Okay, also bin ich an der Spitze. Ich habe gerade das Skript Dog Js geladen und ich werde diesen Kampf ausführen. Okay, also wow, hier ist ein umgekehrter Schrägstrich. Ok. Was kommt als Nächstes? Oh, hier ist ein Sternchen, mein Sohn. Oh, alles danach wird mir nicht hingerichtet, bis ich mich traf, bis ich das nächste Sternchen und den umgekehrten Schrägstrich treffe , ist das Ding kalt. Dieses Ding wird als üblich bezeichnet. Und dieses Ding wird nicht hingerichtet. Es wird benötigt, wenn du willst, wie es sagt, ist Coleman etwas richtig? Willst du heute etwas hinzufügen? Feuer, das nicht hingerichtet wird. Ich spreche über die späten später mehr und sie sind wie, haben irgendwie Räume, die ich nicht kümmern. Das ist und whoa! Hier ist etwas. Hier ist ein Schlüsselwerk. Es ist ein que Wasser. Es ist ein wichtiges Wort, das mir in meiner Sprache etwas bedeutet. Ich bin Javascript-Paket, und diese Welt steht für Variable hier sind die Bit. Das ist also ein Ort, der sehr kann. Und es ist Etikett sein Name ist X und ich Essen dort, indem ich diese Hein fünf. Also lege ich fünf in Erinnerung und das ist eine Anweisung. Diese Anweisung, weil ich es mit Sam ical beendet habe, jede Anweisung , jeder Sie wissen, ich denke, dass Sie tun müssen, ich denke, dass Sie denken, dass Sie Ihrem Paket sagen, es wird eine Anweisung genannt, richtig? Und es muss mit der Sani-Säule beendet werden. Ah, und dann hast du gute nächste Variable und dann gibst du Leerraum und dann sagst du, Hey, ich will die Leute auf unserer Website aufmerksam machen, dass es 11 richtige Eier sind, plus warum fünf plus sechs 11 ist. Das wird also von mir interpretiert und dann von den BHs hingerichtet. Weil alles den richtigen Körper liest. Ich könnte mich dazu bringen, dass ich richtig bleibe. Nun, schauen Sie sofort hier. Ich habe eine gute Nachricht, dass es falsch ist. Etwas hier und das du jetzt sehen kannst, funktioniert hier nicht. Kennen Sie sie. Umso mehr kannst du nicht fahren, was los ist, oder? Sie müssen in der Sprache reiten, die wir nur JavaScript konnten und wir lernten die Syntax von Java überspringen. Nächste Lektion. Ich würde über Vory Alkohol Funktion sprechen, andere Dinge, viel mehr. Also mach dir keine Sorgen. Im Moment erzähle ich dir nur, wie alles hingerichtet wird. Und schauen Sie, jetzt haben wir hier als Sammy Kolumne, und ich würde Ihnen die Enter und Hugh Andrew und hier und hier und fühle mich mit diesem Ding. Grand, wie Sie sehen können, läuft sofort, als ob sich nichts geändert hat. Wenn ich ein Mensch wäre, hätte ich Probleme. Wie funktioniert es richtig? Aber für den Pfarrer ist es egal. Machen Sie sogar weiße Räume. Du könntest alles in einer Zeile haben, damit wir das können. Sie können sogar meinen, wenn ich dieses JavaScript später und wir egal überhaupt, Sie werden kleiner haben, fein, richtig, aber für Sie, um eine Paarung ziemlich einfach zu kochen, Clear hustet üblich machen Räume an manchen Stellen. Also, zum Beispiel, tun Sie so etwas nicht, weil es später schwieriger zu lesen ist. Es ist besser, wenn es so ist. Sie können die meiste Zeit in Java Street weglassen. Nichts, nie Programmiersprache. Die Semi-Säule. Also die Information, dass dies eine Anweisung war, wie Sie sehen können, funktioniert immer noch. Aber es ist eine gute Idee, diesen Semikolon hier zu platzieren, weil , es einfacher ist,Ihren Mantel zu pflegen. du, Weißt du,was du richtig machst? Und es kann manchmal wirklich einige Programme einige Fehler machen. Also ist es eine gute Idee, Zeh. Genau richtig. Programme wie ich. Sie werden die nächsten Lektionen sehen, wie ich den Tape Tabulator mache. Also die Indianer, richtig? Sie werden sehen, wie ich für Dinge wie zum Beispiel Leerzeichen getippt habe, weil Raum hier wichtig ist. Aber der Raum hier ist nicht. Das sind irgendeine Art von Konventionen. Und versuchen Sie einfach Dinge zu schreiben, wie ich es tue, und Sie werden eine nette klare genannt haben, dass jeder einfach lieben wird. Ok? Und das ist sehr wichtig, denn Sie als Programmierer arbeiten wir später mit Leuten zusammen, richtig? Und sie werden Ihren Mantel lesen wollen. Und weißt du, auch du, wenn du lesen nett angerufen nach, zum Beispiel, gehen zurück zu deinem Mantel nach wie ich weiß, einen Monat, sogar letzten, würdest du nicht alles verstehen, was da ist Programmierer arbeiten. Er macht einfach etwas und dann vergisst man die meiste Zeit und gut, es ist eine gute Idee, die Dinge einfach richtig zu schreiben. Schön schön. Wenn sie so sind. Sie kommen einfach zurück zu Ihrem Auto und Sie erkennen Sie sofort. Erinnern Sie sich, worum es bei Waas all den Dingen geht, richtig? Du kommst einfach zu deinem Cul, De Luca hat es geschafft und Wow. Okay, diese Welt so. Okay, so werden die Dinge hingerichtet. Denken Sie daran? Eine Zeile für Los von oben nach unten. Meistens gibt es einige Extra-erwarten X-Ausnahmen, über die ich in den nächsten Lektionen sprechen würde . Aber die meiste Zeit ist so. Also denken Sie daran, dass gut , es hat etwas wie zum Beispiel, dass Sie Probleme wie keine Nummer haben werden, weil es nicht eins nach dem anderen ist. Jedes Mal, wenn du Musik machst, funktioniert etwas nicht. Es ist nur Ihre Schuld, Denken Sie daran, Weil Sie in den Job Oscar Sprache schreiben müssen, wie wo es erwartet wurde. Ok, die Zone. Gute Lektion. Vielen Dank. 8. Kommentare: Hallo Heute werde ich Ihnen sagen, was sind Kommentare und warum sind sie so viel brauchen es? Schauen Sie, Kommentare werden verwendet, weil Sie manchmal keinen Teil Ihres Mantels ausführen möchten. Und wie ich in der letzten Lektion sagte, wenn du so etwas machst, wird es nicht hingerichtet. Es wird sich nicht richtig trennen. Es wird nicht richtig sein, wenn Ihre Pakete so etwas sehen und er wird dann einfach auf so etwas warten. Dies ist also ein mehrzeiliger Kommentar, den Sie nicht brauchen Asterix zwischen. Dies ist nur etwas, das vom Editor hinzugefügt wird. Sie können einfach Ihre Sachen eingeben und alle von ihnen spielt keine Rolle. Aber wenn sie keine Rolle spielen, warum fügen wir sie überhaupt hinzu? Warum? Denn gut, schauen Sie, auch hier In der letzten Lektion, Ich habe auch einzeilige Kommentar erstellt, die nicht interpretiert wurde, Warum ich bearbeitet, weil ich Ihnen sagen wollte, dass Sie wissen, dass Variable steht für Variable. Also, was ist der Zweck dieses gemeinsamen? Nun, ich wollte etwas erklären, also wenn Sie etwas erklären wollen, sollten Sie den Kommentar verwenden. Wenn Sie Ihren Mantel leichter pflegen möchten, möchten Sie ein Komma verwenden. Wenn Sie etwas testen möchten, möchten Sie den Kommentar verwenden. Schauen Sie, Sie möchten auch Kommentare verwenden, wenn Sie Listens für Ihr, zum Beispiel, JavaScript festlegen möchten zum Beispiel, . Finden Sie, wie Sie sehen können, um diese Lizenz zu ändern, müssen Sie nicht irgendwo zu gehen, und Sie konnten es nicht ändern, um den Durchschnitt von uns hinzuzufügen. Könnte deinen Namen drauf fallen, Sarah. So können Sie es schaffen, über etwas zu informieren. Aber Sie fragen sich vielleicht immer noch, warum es einfacher sein wird, so kalt zu halten, denn , nun, dieser Monat ist so klein. Jetzt stellen Sie sich vor. Stellen Sie sich die Situation vor, in der Sie 500 Codezeilen haben ,und Sie haben geschrieben, Sie haben sie gerade geschrieben und Sie sind stolz auf sich selbst. , und Sie haben geschrieben, Alles funktioniert gut, großartig. Du verstehst alles. Aber dann gehen Sie einfach weg von diesem Projekt und gehen zu einem anderen Projekt, einem anderen Projekt, und dann stellen Sie sich vor, dass Sie nach sechs Monaten zu diesem Projekt zurückkehren werden. Ein Jahr, zwei waren Stein. Und wenn du zurückgehst, garantiere ich dir, dass du Leere in ihrem Kopf haben wirst. Du wirst nichts verstehen. Fast gut, du, natürlich. Nach einiger Zeit werden Sie den Code verstehen, aber es wird nach irgendwann sein, richtig? Du musst Zeit geben, um es zu verstehen. Und dann werden Dinge wie X Variable verwendet, um bla, bla, bla, bla. Blah wird sehr hilfreich sein. Diese diese Funktion, dass so etwas. Diese Mom, das ist so etwas. Solche Dinge werden dir helfen und gleichzeitig denken Sie daran, dass du nicht über Lee schreibst. Immer für sich selbst angerufen. Wenn du mit anderen Leuten arbeitest, werden Kommentare helfen. Auch die Menschen, die mit richtig arbeiten, mit den Kommentaren, die sie anpassen können. Lesen Sie einen Redick Kommentar und sie werden Ihren Mantel verstehen, Foster. Richtig. Also ist es etwas Teoh. Denken Sie daran? Denken Sie daran, dass Sie schießen, erstellen Sie Kommentare, um zu großen Mantel. Einfacher zu pflegen und es jedem klar zu machen. Hinweis auf Lee, andere, aber auch für sich selbst. Wegen ihm. in Zukunft Wenn duin Zukunftzu deinem Projekt zurückkehrst, wirst du glücklich sein, anstatt eine Katastrophe zu sehen. Du hast gesagt, dass du Dinge nicht verstehen kannst, die du gerade sofort warst. Ich verstehe alles, und du wirst einfach das ändern, was du ändern musstest. Okay, das ist also nur die Lektion. Vielen Dank. 9. Variablen: Hallo Heute werde ich Ihnen sagen, was variabel ist, wie man es benutzt und warum man es benutzt. Okay, das ist sehr wichtig. Thema eins sollte etwas verwendet werden. Was ist gut? Okay, fangen wir davon an, wie man es erstellt. Um dies zu tun, geben Sie ein Wort var ein und das für eine Variable steht. Richtig? Das Ding informiert unseren Teil, Sir, dass wir eine Variable erstellen werden. Es bedeutet, dass wir etwas und unsere Erinnerungen unter dem Namen so gut speichern, jetzt zeigen Sie den Namen von Variable. Das Ding ist also nur ein Ort in unserer Erinnerung. Stellen Sie sich vor, es ist so etwas wie, Ah, Container etwas war etwas, das Sie etwas richtig setzen können. Sie können dort jeden Wert setzen , den Sie nicht wollen. Sie können Geschichte, die Sie ändern können, dass Blick auf den Namen der Variablen Könnte nicht wie sehr in der Lage sein . Es ist in der Lage, sehr richtig So können Sie diesen Wert die ganze Zeit ändern Sie wollen. Sie erstellen eine Variable unter dem Namen so und Sie können sie später ändern, wann immer Sie möchten. Und wenn Sie es ändern, können Sie es ändern und alle Orte auf einmal ändern Sie es in der Spitze. Zum Beispiel von Ihrem Programm, weil alles von oben nach unten läuft. Richtig? Das ist großartig. Okay, aber vielleicht könnte ich dir ein besseres Beispiel zeigen. Natürlich werde ich es Ihnen zeigen, aber fangen wir an, dieser Variablen etwas zuzuweisen, damit ich sofort etwas zuweisen kann . Zum Beispiel fünf. Und ich konnte nicht wissen, dass Send in mit dem Alert-Namen off Variable. Und wenn ich meine, sie ist, wie Sie sehen können, habe ich fünf Jahre. Ich kann diesen Wert ändern. Ich kann es ändern, zum Beispiel, frei, weil ich es hier ändern. Und wegen der Dinge um Zeile nach dem anderen, wird es jetzt frei sein. Richtig? Ich könnte so etwas auch tun. Und arbeiten wir auch? Okay, wenn ich so etwas nicht mache, wie nur sehen kann, haben wir undefiniert. Es bedeutet, dass Ihnen nichts in Ordnung gebracht wurde. Okay, aber Sie sind wahrscheinlich gerade jetzt Warum noch kühner mit etwas wie Variablen? Weil ich so etwas nicht tun konnte, aber einfach fünf tippen und alles funktioniert überall gut, richtig? ich so etwas nicht tun konnte, aber einfach fünf tippen und alles funktioniert überall gut, Nun, es gibt einen sehr guten Grund. Stellen wir uns vor, eine Situation wie diese in Europa hätte die Steuer bekommen. Ja, und es hat die Mehrwertsteuer getötet. Sie können so etwas in Kürze pipe. Mehrwertsteuer und Sie haben gerade auf den Wert von Ihrem Problem hinzugefügt. So, zum Beispiel, wir haben eine Variable, die wir präsentieren Preis off Schuhe und ich würde hier eingeben Ich bin 100 und ich habe einen guten Preis von T. V. Okay. Und ich würde wem tippen? 959. Und dieser Preis ist der Preis. Ohne die Steuer und das ist ein Nettopreis, heißt es Nettopreis. Okay, Nettopreis. Nettopreis bedeutet, dass es ohne die Gespräche ist. Und jetzt würde ich gerne zählen. Wie viel geht es mit dem Mehrwert bei Angriffen? Also würde ich etwas variables Mädchen Preis von Schuhen machen. Und jetzt würde ich 100 mit 1,23 multiplizieren, würde ich das Gleiche tun, um die Mädchen Preis vom TV zu bekommen, oder? Und jetzt würde ich Sie 915 9 eingeben Wie Sie jetzt sehen können, wenn sich der Preis richtig ändert, müsste ich deswegen beide Orte ändern. Ich kann so etwas jetzt verwenden, wenn ich es hier ändere, es würde sich auch ändern. Okay, aber das ist nur ein Vorfall, warum überhaupt die Mühe? Richtig? Aber was Blick entwickeln Wert der Gespräche, die wir hier hinzugefügt, die freie Person ging, ist etwas, das gut geändert werden kann. An vielen Orten gleichzeitig, oder? Wenn wir jetzt ändern, den Wert der Steuer, weil unser Land sie geändert hat, würden Sie es in Orte ändern? Aber du könntest es zählen. Wir haben viele von diesen Typen, richtig? Mit Männern aus Produkten auf einmal. Also würden Sie das nicht ändern, ersetzen so etwas. Es ist also eine gute Idee, etwas variable Mehrwertsteuer zu erstellen und 20 frei zu geben. Und jetzt könntest du wissen, Tu so etwas wie eins Plus. Ah, wenn Sie 0,23 erreichen wollen, müssen Sie multiplizieren. Ah, 20 frei. Also der Gedanke von einem 100 richtig? Also eins plus eins 100 multipliziert damit. Oh, und dieses signierte wird verwendet, um in der JavaScript-Welling mom auf einer Programmiersprache zu multiplizieren . Und jetzt können wir so etwas tun. Ok. Und aber wir können es auch Mädchen Preis von Schuhen zeigen. Wie Sie jetzt sehen können, sind es 123. Ja, 100 gut eingesetzt von 1.23. Es sind 120 Meter. Es funktioniert gut. Wir können auch den Preis für TV zeigen. Alles funktioniert gut. Jetzt, wenn das Ventil gewechselt wird, können Sie es einfach hier tun. Und es war sofort den Preis ändern, oder? Und, nun, dieser benutzt es von der Variablen. Aber sieh mal, hier ist eine Operation, die Zeit braucht, oder? Wir müssen etwas vermehren, als bei etwas. Und dies könnte nur eine andere Variable starten, die Sie zum Beispiel berechnete, berechnete, bereitstellen können. Und wir könnten so etwas tun, oder? Und jetzt so etwas und alles wird auch gut funktionieren. Wir können hier nicht nur diesen Wert ändern. Aber die coole Sache ist, dass jetzt, wo die Berechnung nur einmal durchgeführt wird und es innerhalb des Speichers beginnt , richtig, es muss nicht wiederholt werden. Alles. Natürlich wurde es auf den beiden Malen gemacht. Ich weiß nur, seit es erwartet wurde. Aber stellen Sie sich vor, dass es wie 1000 Mal gemacht wird. Dann ist es toll, nur Geschichte, denn warum? Um alles auf jedes Mal so etwas zu berechnen, richtig? Es würde die Geschwindigkeit des Skripts verbessern. Aus diesem Grund können Sie jetzt sehen, warum Variablen richtig benötigt werden, und sie werden benötigt, weil Sie Ihren Wert irgendwo wiederverwenden möchten. Willst du dein Programm machen? Vielleicht auch selbstbeschreibender. Sie wollen etwas berechnen, weil es Zeit braucht, und wir verwenden es. Und nun, es gibt einige Konventionen, die Varaiya Stiefel benennen, wie Sie sehen können. Schau, ich nannte unsere Variablen wie diesen kleinen Buchstaben, dann die nächsten Arbeiter guten Großbuchstaben Kapital und diese Konventionen, wie man Variablen dort benennt, dann leichter zu lesen. Der Code ist einfacher zu pflegen. Denken Sie also daran, Ihre Co Ihre Variablen richtig zu benennen. Sie müssen selbstbeschreibend sein. Okay, Sie sollten auch wissen, dass die Größe aus Buchstaben in sehr Alkohol Märtyrer Es bedeutet, dass, wenn ich zwei Variablen erstellt, zum Beispiel, so dass sie zwei verschiedene Werte sind. 20 kostenlose Onda wir große Buchstaben 20 Recht auf andere, wenn ich so etwas mache. Äh richtig, dass, wie Sie sehen können, es ist nicht 23, weil wir diese Valium über alles ändern ist erinnern Führungskraft von oben nach unten. Also lassen Sie uns die Größe von Buchstaben innerhalb der variablen Variablennamen binden. Es ist sehr wichtig, weil es zu einigen Problemen führen könnte richtig. Du kannst mich sechs verlassen, weil weg. Also, welche anderen Fehler können Sie machen? Du musst dich an den Tod erinnern. Sie können den Namen der Variablen nicht mit dem digitalen starten. Es bedeutet, dass Sie so etwas tun können, wie Sie sehen können. Habt ihr etwas? Wir warnen Sie, denn wenn Sie Variable eingeben, erwarten Sie einen Namen der Variablen. Wissen Sie, dass die Zahl, die ich bin, nur etwas ist, das gezählt werden kann . Und das nächste, woran Sie sich erinnern sollten, ist, dass Sie nicht als Namensschlüsselwörter verwenden können. Die Schlüsselwörter sind nur etwas vory waren variabel in Ordnung. Die Dinge, die unsere Kräfte durch den Partner und sie bedeuten etwas für sie. Sie sind Schlüsselstationen, also variable Funktion diese nicht reserviert Sie können den Fluss nicht benutzen. Diene, was du später viele Reserve Kriege sehen wirst. Sie würden nur wissen, welche sind, die Sie nicht die Leerzeichen verwenden sollten Also variable Mehrwertsteuer berechnet blah bla. Wie Sie sehen können, funktioniert es nicht. Es erwartet so etwas wie Koma. Das ist Zeug wie das. Es wird funktionieren, weil wir jetzt deklariert haben, was bedeutet, dass wir 1234 Variablen auf einmal erstellt haben. Okay, aber wir haben mit Räumen, die er einfach nicht macht, dass Teile es weiß nicht, was du gerade tust, okay. Verwenden Sie keine Schritte in Namen. Das nächste, woran Sie sich erinnern sollten, ist, dass Sie keine Operatoren in den Namen verwenden sollten damit Sie etwas tun können. Variable var Wert der Steuer plus berechnet etwas. Es funktioniert nicht, okay. Es ist auch eine gute Idee zu wissen, dass es einen Mann von Variablentypen jetzt gibt. Wir haben nur einige Zahlen hinzugefügt, die sie multiplizieren. Aber es gibt viele Typen, also gibt Variablen aus. Und jetzt wissen wir, welche Zahlen sie Muslim in Lehrern genannt sind. Und jetzt werden wir so etwas wie String wissen, das ist nur es setzt Zeichen fort. Was bedeutet das? Nun, zum Beispiel möchte ich sagen, variabler Name, der unsere Autoschale abbaut, oder? Um es zu tun, muss ich den Doppelmantel oder das einfache Anführungszeichen verwenden, weil wir parceling, um zu wissen, dass es eine Zeichenfolge ist . Es ist eine korrekte seine Charaktere. Richtig, denn wenn ich einfach so aussah,ist er so, dass ist er so, denn wenn ich einfach so aussah,ist er so, dass diese nicht deklariert sind. Das ist eine Art Dreck, weißt du? D für verschiedene Dinge, wie der Name der Variablen auf Dinge wie Werte wie Zeichen. Aus diesem Grund müssen wir einzelne Schichten oder Doppelschicht verwenden, und das spielt keine Rolle. In JavaScript. Welches Sie verwenden, nur Frage der Präferenz wird nur an einem bleiben, den Sie haben. Auch etwas Welt wird Bowling genannt, und es ist wahr fällt. Es sagt nur, wenn etwas wahr ist oder nicht, werden Sie es mit den bedingten Aussagen verwenden, über die wir spät sprechen werden. Es gibt so etwas wie ein Raise Objekte. Das ist ein bisschen komplizierte Themen. Wir reden auch später darüber, und Sie haben so etwas wie nein, was bedeutet, dass etwas leer ist. Sie können einfach ah, initialisiert. Das bedeutet zum Beispiel ein Vorzeichen für die Variable . Äh, nein. Was bedeutet, dass es im Moment nichts gibt, so etwas könnte benötigt werden, wenn Sie wollen. Wissen Sie, überprüfen Sie, ob etwas später im anderen Code zugewiesen wurde, weil Sie wissen, dass Ihr Anruf sehr lang sein kann , und , und es ist schwer, im Moment zu beschreiben, warum Sie es verwenden, weil es ein bisschen kompliziert ist in etwas mehr komplizierte Programme. Also nur wissen, dass sehr so etwas wie ein neues Sie haben auch so etwas wie, Ich bin definiert. Sie haben es zu Beginn unserer Lektion bemerkt. Wenn Sie etwas wie die Variable A machen, ist es jetzt undefiniert, oder? Weil wir nichts zugeteilt haben, nur undefiniert zu essen. Also, um unsere Lektion zusammenzufassen, ist die Variable etwas, das in der Lage ist, vory es bedeutet, dass wir dort speichern können. Wir können ihnen Werte zuweisen, und wir können sie später ändern. Um eine Variable zu erstellen, müssen wir sehr weit als der Name der Variablen eingeben. Dann können wir ihr etwas hier oder später zuweisen. Ändern Sie es auf und Variablen werden verwendet, weil Ihr Programm dann eher das Skript ist. Wenn Sie einige Ausdrücke machen können, können Sie eine Art Berechnung durchführen, dass es immer noch sein wird und Geschwindigkeit Ihres Programms wird, können Sie Ihren Mantel später wiederverwenden. Einfacher, weil Sie können, zum Beispiel, ändern Sie dann den Wert der Steuer etwas anderes ziemlich einfach. Und es wird überall in Ihrem Programm in etwas geändert werden, das auch mit Zehe zurückgerufen wird . Denken Sie daran, wenn Sie Variablen den Namen Dane erstellen, so dass sie selbst beschreibend sind. Grund wäre Ihr Code einfacher zu pflegen, nicht nur für andere Leute, sondern auch für Sie. Sie sollten daran denken, Variablen so zu benennen. Die Welt begann mit dem Kleinbuchstaben und dann dem Großbuchstaben Let Brief für jede Arbeit, richtig? Sie sollten sich auch daran erinnern, dass die Größe des Buchstabens innerhalb der Variablen namens wichtig ist, Bolton wirklich zu lesen. Und es gibt Dinge, die Sie sich daran erinnern müssen, dass Sie You variables life nicht nennen und dass Nun, Sie können viele Typen innerhalb von Variablen wie zum Beispiel hier starten . So können wir auch unseren Namen sehen, meinen Namen auf meinem Starling. Und Sie können auch Text zueinander hinzufügen. Das ist etwas Neues, was so etwas wie Vorname und Nachname macht. Also plus wird verwendet Zehe hinzufügen zwei Strings Wir können hinzufügen, zum Beispiel, Raum dazwischen. Das ist etwas, das es sehen könnte. Jetzt können wir meinen Namen und meinen Souverän sehen, damit wir auf Variablen operieren können . Sie denken, eine Art von Operatoren? Okay, das ist bereit. Diese Lektion. Vielen Dank. 10. const - konstante Variablen: Hallo. Haben Sie bemerkt, dass es in unserem Editor dunkel ist? Ja, ich habe es auf Visual Studio Code geändert. Sie können einen IDE-Editor verwenden. Sie möchten Websites erstellen. Okay? Also werden wir heute in Visual Studio-Code programmieren. Sie können also sehen, dass es verschiedene Optionen von Editoren wie zB Visual Studio Code gibt. Nun, vielleicht wird es das sein, das wir später benutzen werden. Lassen Sie uns über das Schlüsselwort const sprechen. Schlüsselwort Const ermöglicht es Ihnen, die Variable in etwas zu ändern, das unveränderlich ist. Nachdem Sie also den ersten Wert festgelegt haben, den ersten, können Sie ihn später nicht mehr ändern. Wenn so etwas nützlich wäre. Lassen Sie uns mit einem weniger praktischen Beispiel beginnen. Dann gehen wir auf etwas Praktischeres ein. Nehmen wir an, wir haben Pi. Pi ist die MOF-Konstante, oder? Und es entspricht 3.14 oder sogar eine etwas genauere Version wie diese. Und wenn wir den Pi alarmieren, bekommen wir die Nachricht wie diese. Es gibt ein Problem, denn jetzt können wir es in der Mitte ändern, z. B. kostenlos. Und um ehrlich zu sein, wenn das Programm so klein ist, können wir sofort sehen, wo es ist, oder? Aber Ihr Code könnte später zB 500 Zeilen haben . Und wenn jemand so etwas tut, lass dich nicht verarschen. Das werden Sie nicht, all Ihre Berechnungen werden falsch sein , denn das ist nicht dasselbe wie diese Sache hier. Und deshalb können wir stattdessen das Schlüsselwort const verwenden. Und jetzt, wenn wir den Wert ändern, passiert, wie Sie sehen, nichts, wir sehen keine Warnung. Warum ist das so, weil in unserem JavaScript ein Fehler auftritt, wenn Sie die Tastenkombination Strg plus Umschalttaste plus I in Firefox oder Strg plus Umschalttaste plus j in Google Chrome verwenden die Tastenkombination Strg plus Umschalttaste plus I in Firefox oder Strg plus . Sie finden unter dem Tab Konsole die Konsole Ihres Webbrowsers. Und wenn es einen Fehler in JavaScript gibt, wirst du ihn hier sehen. Wie Sie sehen können, Tippfehler am Knöchel, ungültige Zuweisungskonstante P. Das bedeutet, dass Sie versucht haben, der konstanten Variablen etwas zuzuweisen der konstanten Variablen etwas zuzuweisen , das Sie nicht ändern können. Es ist unveränderlich. Nachdem Sie den ersten Wert festgelegt haben, setzen Sie ihn auf die Einsen. Sie können es später nicht ändern und wir erhalten eine Fehlermeldung und danach kann nichts mehr ausgeführt werden. Also die Warnung oder eine Anekdote hier unten hier, dieser Code hier, hier ist mehr Code. Es wird nicht hingerichtet. Okay? Das stoppt also einfach das Programm. Und das bedeutet, dass, naja, niemand Program nur für sich alleine will. Niemand wird in der Lage sein , einen Fehler zu machen. Okay, das ist das Erste, lassen Sie uns zu einem praktischen, praktischeren Beispiel übergehen. Aber bevor wir zur Sache kommen, schauen Sie, Sie sollten Ihre Variablen, die konstant sind, immer in Großbuchstaben aufrufen . Also drücke ich die F2-Abkürzung. Dieses Editor-Tool hat mir sehr gut gefallen , weil Sie es bei jedem Ereignis ändern können. Der Name der Variablen. Sie drücken einfach die F2 und Sie können den Namen von bei jedem Vorkommen ändern. Ich musste es nicht überall manuell machen, oder? Also habe ich die konstante Großschreibung geändert, weil du jedem anderen Programmierer und auch dir selbst zeigst , dass das eine konstante Variable ist, okay? jedem anderen Programmierer und auch Sie können die konstanten Variablen jetzt sofort von normalen Variablen unterscheiden die konstanten Variablen jetzt sofort von , wenn sie später im Programm verwendet werden, oder? Denken Sie daran, dass es einen gibt, es können mehr Linien hier sein , wenn wir Pi verwenden, wir können sofort sehen, okay, das ist konstant. Und wenn jemand so etwas wie Zahl macht oder das ist keine Konstante, oder? Und das praktische Beispiel für die Verwendung von etwas wie dem Schlüsselwort const in JavaScript wäre z. B. maximale Punktzahl für das Spiel, das Sie erstellen, oder? Dann. Mehrwertsteuer, z. B. Großbritannien. Oder die maximale Postlänge für den Beitrag, den jemand sofort auf Ihrem Unterarm verfassen kann. Sie können sehen, beachten Sie, dass alle Buchstaben in Großbuchstaben geschrieben sind. Wir verwenden den Unterstrich, wenn es mehr als ein Wort gibt, oder? Und wenn später jemand so etwas wie die OU benutzt, also ist das konstant, okay, also wenn ich diesen Wert ändern möchte, kann ich das nur von einer Stelle aus tun , an der er ursprünglich gesetzt wurde, oder? Aber ich kann es später nicht ändern. Das ist der Wert , den ich sehr einfach an einer Stelle nachschlagen kann sehr einfach an einer Stelle wo alle Konstanten gemacht werden, zB richtig? Dies wurde also erstellt , um die Lesbarkeit Ihres Codes zu erhöhen und sicherzustellen, dass in Ihrem Code weniger Fehler gemacht werden. Wenn Sie es also nicht benutzen, wird nichts Schlimmes passieren. Nun, vielleicht trennen sie sich nicht vom Rad. Und Ihr Code wird weniger lesbar sein, wenn Sie ihn nicht verwenden. Verwenden Sie es, wenn Sie das Gefühl haben, dass die Variable später nicht geändert wird. Das ist nur die Lektion. Vielen Dank. 11. Relationale Operatoren: Hallo Heute werden wir über die relationalen Operatoren sprechen, die meistens als Vergleichsoperatoren bezeichnet werden . Nun, was bedeutet Beziehung, wenn Sie zwei Menschen haben und sie in Beziehung sind? Nun, sie sind irgendwie miteinander verbunden, also können wir sie miteinander vergleichen. Und wenn Sie wollen, dass Zehe sich auf Dinge zueinander beziehen, vergleichen Sie sie, oder? So werden relationale Operatoren verwendet, um die Variablen zu vergleichen. Und Sie fragen vielleicht, warum Indianer benötigt werden, wenn wir etwas wie Variable A gleich fünf nehmen , dann binden wir b gleich frei. Dann wissen wir, dass hier fünf ist und hier befreit ist. Und warum müssen wir sie überhaupt vergleichen? Nun, Sie müssen zwei Variablen vergleichen, weil, zum Beispiel, manchmal Ihre Ver a Boost sind aus dem Website-Inhalt zugewiesen. Du tippst hier nicht genau fünf, oder? Sie nehmen nur den Inhalt Ihrer Website und wir lernen, wie es später zu tun und fügen Sie hier, zum Beispiel, wenn Sie Passwörter erstellen und dann den Pass Februar, wo der Benutzer hat zwei Ruhestand Passwort, das Sie vergleichen möchten, wenn diese beiden Passwörter identisch sind, oder? Also hat er aus Versehen. Geben Sie nicht etwas falsch und dann hätte er wahrscheinlich sein Mögliches verursacht. Wir werden nicht gut arbeiten, richtig. Und deshalb brauchst du so etwas wie Compa-Vernunft. Richtig? Und wir werden traditionelle Operatoren verwenden. Der erste traditionelle Operator ist also das Gleichheitszeichen. Und das ist nur zwei Dinge zu vergleichen. Wenn sie gleich zueinander sind rechts auf. Und du hast Zeh. Wirklich? Denken Sie daran, dass Sie hier zwei Zeichen haben. Nicht ein, weil ein Zeichen für eine Unterzeichnung etwas richtig verwendet wird? Sie wollen wie hier fünf zu einem zuweisen, wenn Sie so etwas nehmen, Sie vergleichen diese beiden Dinge nicht gesunken. Ok? Und das ist sehr typisch. Hier sind der Anfang. Programmierer tun so wirklich daran erinnern, dass dies nicht das gleiche ist, oder? Also, wie man es benutzt? Wir werden es im Alert-Befehl verwenden. Also wir allard, zum Beispiel, ist fünf gleich etwas sein, und wie Sie als Ergebnis sehen können, haben wir falsch, weil gut, frei ist nicht gleich frei, wie ich meine, fünf Jahre nicht gleich Zehe frei . Und wie Sie sehen können, ist das Falsche der Bowling-Typ , der wahr oder falsch ist. Und so ist das Ergebnis von den relationalen Operatoren eine Bowling-Bowling-Zeit. Und Sie können es später in der bedingten Anweisung verwenden, wo Sie so etwas sagen werden, wenn so etwas gleich ist, dann tun Sie so etwas, zum Beispiel in, dass der Benutzer, dass die Passwörter nicht sind das gleiche oder etwas, das, um so und das ist der grundlegende traditionelle Operator. Und Sie, wie Sie sehen können, haben wir hier Warnung, es sagt erwartete freie Wissenschaft so. Warum müssen wir hier frei tippen und was ist der Unterschied? Wie Sie sehen können, ist das Ergebnis das gleiche. Aber wenn du solche Sachen tippst, überprüft es. Wenn die beiden Variablen entweder Anti Call sind, okay, bedeutet dies, dass sie auch die gleiche Zeit haben müssen. Variablen müssen den gleichen Typ aus zu sein. Im Moment gibt es also eine Nummer, und das ist eine Nummer, und wenn wir solche Sachen machen, sind wir auch hier . Aber manchmal kannst du dir eine Schnur anlegen und dann wird es falsch sein. Es ist eine gute Idee. Toe haben so etwas, weil du vielleicht. Aber indem Sie es so machen, machen Sie weniger Fehler. Okay, aber wenn Sie wissen, was Sie tun, und Sie wissen, wie die Dinge funktionieren, können Sie ziemlich einfach verwenden, um zu unterschreiben. Aber es ist gut, etwas zu tun, das Sie Probleme haben, die zumindest am Anfang OK, also ist das der Unterschied. Sie können auch Dinge wie und dann Ausrufezeichen und das Gleichheitszeichen tun. Und dieses Ding wird nur prüfen, ob zwei Dinge nicht gleich sind, oder ? Wenn wir also so etwas wie diesen Osten fünf haben, der nicht gleich frei ist, sind sie anders. Ja, sie sind anders. Also ist es wahr. Und wenn sie, ähm, die gleichen sind ähm, , dann haben wir falsch. Natürlich, auf, na ja, Sie haben auch so etwas. Also, wenn die beiden etwas größer ist als etwas anderes niedriger als größer oder gleich oder niedriger als gleich sind. Also, wenn wir so etwas tun wie ein ist größer als nein, es ist nicht größer als sein. Es ist falsch, weil sie die gleichen sind, wenn wir so etwas machen. Das stimmt, weil fünf gleich sein müssen. Es ist alles größer, aber es ist dasselbe, oder? Es ist also wahr und wir können so etwas auch tun. Also, wenn wir es so machen, dann ist es Tara. Wenn du es so machst, ist es falsch. Wenn wir das tun, ist es so. Es ist falsch auch, weil sieben größer ist als ich. Natürlich können Sie hier und das andere verwenden. Sie müssen keine Variablen auf beiden Seiten verwenden, um alles zu vergleichen, was zu merken ist. Ok , Onley diese Lektion auch nicht. Vielen Dank. 12. Logischer Operator: Hallo Heute werden wir über logische Operatoren sprechen. Logische Operatoren sehen genauso aus wie die, die Sie wahrscheinlich von der High School aus dem Mathematikunterricht kennen . Wenn Sie Mathematik ziemlich gut kennen, werden Sie keine Probleme haben, alles zu verdauen. Aber keine Sorge, ich werde Ihnen alles über logische Operatoren zeigen. Logische Operatoren arbeiten an logischen Werten. Also arbeiten sie an Null, was falsch ist, und eine, die zu ist. Und zum Beispiel gibt es so etwas wie Nate Negationsoperator , der nicht sagt. Es bedeutet, dass, wenn Sie zum Beispielso etwas haben zum Beispiel , es das Ergebnis in eins ändern wird. Wenn Sie so etwas tun, ihre Ergebnisse auf Null. Es ist nur sagen, nicht falsch, was immer noch nicht, wo dieses falsche Recht ist? Und, ah, es gibt zwei weitere Operatoren, die ein bisschen härter sind, was die Konjunktion und alternative Colin Junction ist. Und Sie sollten dieses Ding nennen und diese Kreuzung, die manchmal als Alternative bezeichnet wird. Okay, also wie funktioniert es, wenn Sie haben, zum Beispiel, auf Ihrer Website und für mit dem Passwort und den Scheckbüchern für, zum Beispiel, akzeptieren Bedingungen und Bedingungen, können Sie manchmal wird nicht eine Person zu zwei beide Teile gebunden? Welt ist die gleiche. Also möchten Sie es auf Passwort überprüfen? Nun, ich bin verwirrt. Eins entspricht auch dem Passwort. Und in der gleichen Zeit wollen Sie, Zum Beispiel, Sehen Sie, ob die Scheckbücher war so und er überprüft und die Anzahl der Schecks oder etwas, das richtig Sie wollen sehen, ob etwas Schecks? Beispiele für ist überprüft Ostbegriffe Projekt. Sie möchten also eine Verbindung mit zwei Ausdrücken gleichzeitig machen, dann müssen Sie den logischen Operator verwenden. Und wie funktioniert Konjunktion, wenn Sie Ausdruck eins und Ausdruck zu Ihnen haben, erhalten Ergebnisse, wie wenn Sie Null haben und Sie wissen, dass die Ergebnisse Null sein werden. Wenn Sie 10 haben, wird das Ergebnis Null sein. Wenn Sie 01 haben, wird das Ergebnis Null sein. Aber mit Juan und eins, Sie werden eine Serie auf eins haben, was bedeutet, dass Konjunktion zu Onley ist. Wenn beide Ausdrücke zwei in der gleichen Zeit sind, was ziemlich leicht zu verstehen ist, weil gut, wenn Sie sagen, ich will ins Kino und danach, will ich das Eis essen, richtig? Es bedeutet, dass ich beide Dinge auf einmal machen möchte, und deshalb ist es nur durch, wenn beide Ausdrücke auch sind. In einer solchen Situation würden diese beiden Dinge auf Lee zurückkehren, wenn die Passwörter gleich wären und gleichzeitig überprüft wurden. Deshalb ist es cool, weil man so etwas auf einmal machen kann. Ok? Und Sie haben auch so etwas wie sie diese Kreuzung. Aber diese Kreuzung läuft ein bisschen anders. Nun, diese Kreuzung funktioniert so. Es bedeutet, dass, wenn Sie eine alternative Möglichkeit haben, etwas zu tun, Sie wählen. Also, wenn Sie 00 haben, haben Sie keine Alternative. Also das Ergebnis Null, wenn Sie eine und Null Behandlung eines von hier haben, genau wenn Sie 01 interessant haben. Diese hier. Also eine, wenn Sie ein und 100 diese oder Tag behandeln, so ist das Ergebnis eins und die S s. Also ist es eine gute Idee, so etwas zu schreiben. Diese Disjunktion ist aktiviert, wenn beide Ausdrücke in der gleichen Zeit falsch sind. Also lassen Sie uns die Sache trainieren, die ich Ihnen jetzt über bedingten Zustand und virtuelles Ive erzählen würde. Es ist eine bedingte Anweisung, die Sie verwenden können, indem Sie etwas in übergeordnete ist zwischen diesen beiden Seiten eingeben. Hier können Sie etwas wie Ausdrücke eingeben, oder? Also, wenn ich Dinge mache, wie wenn ein größer ist als der dann Oller zu testen und wie Sie sehen können, wenn unser Programm läuft, haben wir hier Test. Also wird dieses Ding nur zeigen, wenn a größer ist als sein. So ist es nicht. Es wird keine Witwe zeigen. Und jetzt können wir überprüfen, ob in der gleichen Zeit, zum Beispiel, B gleich fünf ist. Wenn ja, dann zeigen Sie den Test an. Wie Sie sehen können, zeigt es ihnen unseren Test. Aber wenn wir uns ändern, zum Beispiel, das, was du bist, nicht, das ist größer als das Sein. Ja, also haben wir Wärme, eine Wahrheit ist gleich fünf. Nein. Also haben Sie hier ist hier. Also eins und Null gibt uns Arbeit als Ergebnis Null. Also bedeutet es, dass diese Stunde wird nicht angezeigt werden, wenn Sie alternative verwendet, dass diese Jonathan-Verfügung Sie nicht werden, ist, dass wir jetzt hier gezeigt Test, weil eins und Null gibt uns eine. Und Sie können das Ergebnis immer ändern, indem Sie Negation verwenden. Also, wenn wir so entworfen und ich benutzte das Ausrufezeichen Now würde die 120 Recht ändern , weil dieses Ding uns eins gibt. Und dieses Ding ändert das Ergebnis von 120 Wie Sie jetzt sehen können, zeigt es uns nicht, obwohl ich diese Seite erfrische. So kriegen die Bediener. Natürlich ist es eine gute Idee, sie auf die praktischeren Dinge zu verwenden, wie so etwas. Aber ich zeige es jetzt so, weil wissen, nicht wissen,wie wir die Dinge von der Seite bekommen sollen. Wir werden all diese Dinge in zukünftigen Lektionen lernen. Das ist nur die Lektion. Vielen Dank. 13. Bitwise Operatoren: Hallo. Sie wollten über gebotene Betreiber sprechen. Beatriz Operatoren arbeiten, wie der Name schon sagt, wie der Name schon sagt, Bit. Aber was sind Beats? Nun, Bit sind eine elektrische Spannungen, die auf unseren PC kommen, und sie werden als Null oder eins interpretiert. Also wir sie springen zwischen Null und Einsen und sie springen einige Mittel, weil wir einen sehr guten Prozessor und andere Dinge wie das haben, und sie sind irgendwo sicher. Erinnere dich an Blob von ihnen. Es gibt viel zu stoppen es, aber gut, aber gut, das ist nur eine Information, die im Schlepptau interpretiert wird. Alles, was Sie in Ihrem Computer sehen können, können die Dinge auch hier Editor, ein anderes Programm. So können wir mit den großen weisen Operatoren arbeiten, und Sie könnten denken, dass es schneller wäre. Ja, es wäre schneller. Aber das Problem ist das JavaScript. Wenn Sie mit der Tonhöhe arbeiten, tun weise Operatoren etwas wie das Ändern von Typen aus den Variablen, mit denen Sie arbeiten , und dies ist ein bisschen langsamer. Also in Javascript möchten Sie die meiste Zeit vermeiden, großen weisen Operator zu verwenden. Sie sind cool in anderen Sprachen, aber hier wird es nur sehr selten verwendet. Diese Lektion ist also eine interessante Tatsache für Sie. Okay, wenn du inhaftiert bist, überspringe einfach diese Lektion. Aber ein Warten Sie eine Sekunde. Es gibt etwas, das Sie wissen müssen. Schau, hier ist eine Person, eine einzige Person, die weise, und es bedeutet, dass ist sehr ähnlich wie der logische Operator. Eine Kontraktion, die so aussah. Es funktioniert auch sehr ähnlich, aber dieser arbeitet an Gebot. Diese arbeitet an logischen Werten. Und du weißt, dass du Zeh hast. Denken Sie daran zu wissen, diese von einem Mystiker zu benutzen, oder? Weil es nicht gut für dich wäre. Und Sie müssen wissen, wo die Big Boys Operatoren im JavaScript verwendet werden. Nun, sie werden meistens verwendet, wenn Sie für etwas kommen wollen, aber es ist sehr selten, weil es anderen Sprachen besser geht. Und sehr Sie wollen es durch die Arbeit Flucht tun. Und, nun, wenn Sie etwas mit Ports mit den Steckdosen machen wollen, dann wollen Sie nach ah suchen, etwas wird Flachs entdeckt. Wir Drogen, die eine Art Staat sind. Steve, Etwas ist zum Beispiel geöffnet keine anderen Dinge wie das. Das ist also sehr, sehr richtig. Also, aber es ist cool zu wissen, wie unser Computer funktioniert. Also, wenn Sie Zeit haben, schauen Sie sich einfach dieses Video an. Ok? Also, wie ich trage, zum Beispiel, Zahlen im wirklichen Leben, die Sie verwenden, die ein Schicksal, das im Dezimalsystem ist, arbeiten, wenn Sie für etwas sterben 126. Die Wahrheit ist, dass wir so etwas tun, das mit 10 multipliziert ist, was ein Dezimalsystem ist, und zum Ausschalten, zwei zum Ausschalten, um so in den Teil der Sekunden von diesen bedeuten, dass es ganz richtig ist. Es ist gut quadratisch, also 10 spritzen und das ist, was 100 multipliziert mit eins ist 100. Das ist also die Wahrheit über unser System. Und dann einfach Sachen wie zu multiplizieren mit dann plus sechs multipliziert mit 10 auf die Power off Null. Und das ist, was, wenn wir tun, wie alles multiplizieren. Es ist 100 multipliziert mit Eins. Es ist eins dann multipliziert mit zwei ist zu intensiv. Also sind es 120 plus Null. Multiple, äh, auf die Macht von 10 bis zur Macht von Null ist immer ein Recht. Alles zur Para-Serie eins multipliziert mit 66. Also sind es 126. Also ist es das Gleiche. Warum ich gute Dinge zeige, weil wir etwas haben. Was ist ein binäres System? Und ja, es ist die Sache, mit der wir die gebotenen weisen Operatoren arbeiten werden. So 1010 zum Beispiel. Und das ist jetzt nein, 10.000 Mal. Aber das ist so etwas wie eine multiplizierte. Zu dieser Zeit haben wir ein anderes System, also ist es auch. Und zum Ausschalten, lassen Sie uns 012 kostenlos zählen. Wir müssen von rechts nach links von Null kommen, um zu sehen, welche diese spielt. Dieser ist um 012 kostenlos. Also zum Ausschalten, plus an. Und dann haben wir Null multipliziert mit dem System, um die Energie aus dem Ort, wo wir im Moment sind . Also diesmal Teoh plus eins multipliziert mit zwei auf die Power off eins plus Null Null multipliziert mit zwei auf die Power off Null. Also, wenn der Kandidat sehen wird, dass wir etwas wie zu dem Teil der Karte bekommen haben, ist eine Null multipliziert mit irgendetwas ist immer Null plus. Warum multipliziert mit zwei Teoh plus Null mit irgendetwas multipliziert. Es ist hier. So können Sie sehen, wenn Sie hier Null haben, bedeutet dies, dass wir uns nicht darum kümmern müssen, etwas zu zählen. Es wird also ein bisschen einfacher, es hier zu zählen, oder? Wir können so etwas tun und dann so etwas und es entspricht 10 in unserem System. Lassen Sie uns zum Beispiel etwas schneller kneten. Ich werde Ihnen die Abkürzung dieser Multiplikation zeigen, damit Sie es ein bisschen schneller machen. Ok? Immer dieser Ort, der einer ist? Dieser Ort ist immer noch dieser Ort ist 48 16 30 zu 64 es geht weiter. Warum? Denn nicht ist, dass wir immer mit zwei zu dieser eine Art von Macht multiplizieren müssen. Und ah, hier, wenn Sie 11 mit zwei multipliziert haben, um die Stromversorgung auszuschalten. Null ist, während multipliziert mit einem braucht eins, richtig. Also hier kann es nur eine oder Null an diesem Ort sein. Richtig? Also ist es eins plus Teoh plus vier plus acht Wenn es immer einen gibt. Aber wenn es nicht als Null. Ah, nun, wenn es keinen gibt, dann müssen wir uns einfach nicht um diesen Ort kümmern, richtig? Wir bewegen uns nur vorwärts. Also, wenn Sie zum Beispiel bekommen, waren diese nur bei einem Plus vier plus zwei, es wäre 12 plus zu seiner 14 ziemlich einfach. Das ist also eine Abkürzung, um diese Dinge zu tun. Und nun, lasst uns unsere Raubtiere benutzen. Schließlich machen wir es eine Art Ah Lorant, so etwas wie 10 14 und bieten weise Operator. Wir haben getan, das Gebot war Operator und funktioniert genauso wie der logische Operator, aber es funktioniert gut auf Beat. Wenn Sie also die letzte Lektion nicht kennen, gehen Sie bitte dorthin zurück. Ah, also geht es auf Lee zu Onley, wenn beide Argumente, aber Ausdrücke sind zwei oder die in Schulden Situation. Beide Beats sind eins. So 40, wie man 14 nimmt. Und, nun, es ist 110 Wein, weil es ein Plus vier plus zwei plus Null rechts ein plus vier plus zwei ist 40. Erinnern Sie sich, wie es geht? Es ist, als würde es 1248 essen und du zählst später. Mark 10 ist die Sache, die wir hier und jetzt getan haben, wenn wir annehmen, richtig genannt, wir tun so etwas mit dem Gebot weise und wir hätten gedacht, einer und einer gibt uns 11 und 001 und man gibt uns, während 00 G eine gefragt hat, weil eins und eins beide Ausdrücke auch haben. Genau hier haben wir auch beide Ausdrücke durch und dies ist die einzige Zeit, wenn die Verbindung, wenn der Operator und wird Ihnen die eine in einer anderen Situation geben, die Sie sehen konnten. Es bedeutet also, dass das Ergebnis Stent ist, als wir zuerst waren. Wie Sie sehen können, haben wir hier 10. Okay, versuchen wir es noch mal. Also das Gebot weise sind so in dieser Situation, wir haben gut von einem und 1/2 11 und Null gibt uns eine, weil die Alternative falsch ist. Auf Lee gewann. Beide Ausdrücke sind falsch. So wie das und deswegen haben wir jetzt 40. Wie Sie sehen können, sind es 40. Und jetzt bist du vielleicht wie Bruder, wirklich? Warum brauchen wir überhaupt Teoh so etwas? Wie ich bereits sagte, ist es sehr schwer zu verwenden, aber Sie können zum Beispiel es zum Beispielals eine Art Flachs verwenden. Zum Beispiel sagt dieser, dass es einen Benutzer gibt, der zuvor Privilegien zum Posten hat. Dies bedeutet, dass er Privilegien zum Lesen dieser Mittel hat, dass er gute Privilegien für die Bearbeitung von Pose oder etwas hat. Das und mit diesen Dingen, etwas Prozent, oder das Gebot weise oder das Exklusive. Oder Sie können Operationen wie die machen, können Sie einfach überprüfen, was der Benutzer. Welche Privilegien hat der Benutzer Andi in Sockeln? Du kannst dich ändern. Überprüfen Sie, ob, Wenn das ist wie ein D ergänzt alles, was richtig, Sie haben alles gut läuft. Andere Dinge wie das. Und Sie können auch eine Art von Kampf komprimieren, weil Sie sich daran erinnern müssen, dass sie etwas haben . Körper genannt kauft Bisse sind gekleidet, weiterhin acht Schläge, und Sie können mehr als eine von der meiste Zeit haben Sie gut, zum Beispiel, war eine Zahl. Sie haben vier Bisse, dann haben Sie vier multipliziert mit Anzeige. Es sind 22 Schläge in einem. Die Wahrheit ist, dass dieses Wesen so aussieht und du magst dann nicht 20 Eier? Nullen sind dafür, richtig? Das ist die zwei Nummer, okay? Und nun, die Nullen könnten verwendet werden, und Sie können die einfügenden menschlichen Werte auf diese komprimieren, wie Kompressionen Die meiste Zeit funktioniert. Also, weil sie ungenutzter Ort sind, der benutzt und später von Ihrer Kompresse interpretiert werden könnte , oder , ähm, Sie kennen das Programm, um Sie richtig zu machen? Das ist also gut. Das ist der Grund, warum so etwas diese die verwendeten aber natürlich in anderen Sprachen auch schneller sind. Unwahrscheinlich in Javascript ist es nicht. Okay, also haben wir ein wundes Thema exklusiv oder wir arbeiten nur fast so, dass Bid weise auf gekauft sind . Nun, das ist so etwas. Ausdruck. Ein Ausdruck für Ergebnisse. Also, wenn Sie eins und Null haben, gibt es uns auch eins, wenn es Null und eins, es gibt uns auch eins. Aber wenn Sie eins zu eins haben, dann haben Sie Null exklusiv oder es bedeutet, dass ich exklusiv bin. Ich möchte nur eine Sache wählen. Okay, ich will mich nicht entscheiden. Also, wenn Sie Null und Null haben, haben Sie auch Null. Also, wenn du so etwas machst, bedeutet das, dass wir jetzt gehen und was haben? Null Null Und hier eine, was bedeutet, dass wir haben, was er sein würde, wird er auch sein. Und hier ist für so ist es für, wie wir es aktualisieren. Wie Sie sehen können, haben wir hier für Sie können auch Bits bewegen. Die Linke um eins. Wir haben uns gerade nach rechts geschoben, um es nach rechts zu bewegen. Wenn wir also zum Beispiel so etwas wie die 14 machen , bewegen wir es an einen Ort, zum Beispiel nach links. Dann haben wir was? Dieser wird hierher ziehen. Diese, wir ziehen an den Ort von diesen ein. Dieser wird sich an den Ort dieses vor ihm bewegen. Du hast Nullen, oder? Also wird es so etwas wie 0111 Andi sein, es bedeutet, dass er dieses eins plus zwei plus vier. Also? Also sind es sieben. Wie Sie sehen können, haben wir 17. Es bedeutet also, dass wir 14 durch sieben geteilt haben. Das ist eine ziemlich interessante Tatsache. Und in anderen Sprachen ist es schneller. Aber nicht in diesem. Recht, durch zwei zu teilen, mit so etwas. Und nun, du hast auch so etwas. Sie können es nach links verschieben. Also, dann waren wir 11100 Also, wenn Sie nach links ziehen, stellen Sie sich vor, wir haben hier Mann ist Euro. Es ist wie, Nun, ich habe diese Null an diesen Ort gebracht, richtig? Und nein, alles ist einfach von was bewegt? Und nun, es wird 20. Warum wusste ich es? Denn ich multipliziert mit Wir können es natürlich zählen . Auch eins, 24 plus acht plus 16 auf 16 plus ID Zehe Geben Sie Zehe 24 plus 4 28 So funktioniert alles gut. Und wir haben auch gebotene weise Negationen bekommen. Wenn wir so etwas tun, könnte man denken, dass das Ändern von 11 Null und die Negation so funktioniert, als würde man 0 zu 1 ändern, richtig? Also wären es ihre 000 und eins wegen ihr, würden Sie wahrscheinlich denken, dass wir bekommen würden, also bist du nicht diese Austrocknung. Wir benutzen einfach die Negation aus. Weißt du, die logische Negation. Es ist minus 50. Warum? Es ist minus, wo er minus ist, wie wir gesagt haben, dass unser Mann die Euro ist. Und wenn die 1. 0 er die eine geändert hat und weil wir den Namen Negation Gebot weisen Operator verwenden , ändern wir alle Nullen der Ergebnisse jetzt überall ein und nein Und auf wie 0001am Ende, richtig? Die 1. 1 sagt, dass dies eine Zahl ist, die nicht positiv ist. Es ist negativ und, naja, wissen Sie, irgendwie müssen sie es. Sie hatten Zehe so etwas zu schaffen, um, wissen Sie, zu zeigen, welche mit Trockenheit negiert wird, positiv für das Zählen. Und so haben sie es geschafft. Und dann zählt es nur die große, andere Art und Weise. Das ist, warum, in Negation funktioniert so, dass haben wir Ihnen hier negiert in der Zahl Zahl Zahl nicht eine positive, aber die hat, räumt er ein, eher und interessante Tatsache. Große weise Operatoren werden selten verwendet. Es ist gut zu wissen, dass es sie gibt, , vielleicht nur um sogar, vielleicht nur umzu wissen, dass du, die Molkerei, die Molkerei, so etwas wie ein einzelnes Prozent und eine einzelne Perle weise sind, weil du mich nicht dazu bringen würdest Zustand, indem sie es nicht guten Weg. Und wenn Sie so etwas treffen und es wird für Sie nicht überrascht sein, richtig, wenn Sie Charaktere wie das in jemand anderes Programm treffen, wo sie Advanced Stop verwenden, ist wie zum Beispiel Sockets Okay, Das ist nur eine gute Lektion. Vielen Dank. 14. Conditional: Hallo. Sie wollten also über bedingten Zustand sprechen Bedingte Anweisungen Sind Anweisungen , die etwas konditionieren können und sie werden verwendet, um verschiedene Aktionen basierend auf verschiedenen Bedingungen auszuführen . Und wenn so etwas benutzt wird. Zum Beispiel, wenn Sie Ihr Formular validieren wollen, wissen Sie nicht genau, was dort gebunden sein wird, oder? Sie wissen nicht, ob zum Beispiel der Benutzer zum Beispieldas Passwort richtig eingeben wird, wie Sie es wollen. Und dann können Sie ihm einfach eine Warnung senden, bevor er das Formular sendet eso er wird nicht Zeh brauchen, alles aktualisieren oder alles wieder zurückgezogen. Andere Dinge wie das. Er würde sofort informiert werden, dass etwas nicht stimmt, oder? Du konntest ihn nicht informieren. Aber wir können es nur tun, weil wir konditionieren können. Wir können überprüfen, ob die Variable so ist. Wenn etwas auf deiner Webseite so ist, natürlich nicht, wissen wir natürlich nicht, wie wir die Dinge aus unserer Waffe bekommen sollen. Wir beenden es später. Aber jetzt wäre es eine Träne. Es würde genaue Beispiele kitzeln, aber zumindest wird er wissen, wie diese Dinge funktionieren. Sehr gut. Okay, Also, wie man eine bedingte Anweisung einfache erstellen, können Sie nehmen, wenn und dann, wenn Sie nach. Wenn Sie so etwas haben wie Parentis ist und darin Sie diesen Zustand in Ordnung bringen. Und zum Beispiel können wir den Vergleichsoperator so verwenden und fünf größer als drei isst. Ja, es ist größer als frei. Und dieses Ding wird eins zurückgeben. Richtig? Denn wenn etwas durchkommt, wird eins zurückgeben. Wenn etwas nicht wahr ist, wird Null zurückgeben. Und wenn diese Ausdruckseinsicht hier ist, dann wird die Anweisung unter einer Zeile unten ausgeführt. Wenn es nicht stimmt, wird es nicht hingerichtet. Also, wenn ich so etwas mache, wie Sie sehen können, haben wir hier eine Warnung. Warum? Weil dieses Ding so war und deswegen wird es diese Codezeile ausgeführt werden, wenn man so etwas macht. Also hier haben wir falsch. Nun, wie Sie sehen können, sehen wir nichts. Okay, das ist also die einfache. Und Sie müssen sich daran erinnern, dass jeder andere Wert als Null Ostern, Also, wenn Sie so etwas haben, wird es ausgeführt werden. Wenn Sie Null haben, wird es nicht ausgeführt, wenn Sie einen Minuswert haben, es wird ausgeführt. Wenn Sie eine Zeichenfolge haben, wird sie auch ausgeführt. Okay, also lasst uns zum Beispiel zwei Variablen erstellen, ein, äh und lasst uns etwas härter machen. Also, wenn a größer ist als sein, dann möchte ich tippen. A ist größer als sein. Ich könnte auch so etwas tun, damit ich Strings so verbinden kann. Und wie Sie sehen können, fünf Jahre, weil es auch ist. Wenn wir es so ändern, funktioniert es nicht. Natürlich werden Dinge wie Variablen nicht, die Sie nicht wollen, um zu überprüfen. Variieren Sie mit dem Typ hier, die Werte darin, weil Sie wissen, wie sie richtig aussehen. Aber Sie können all diese Werte nicht von Ihrer Website nehmen. Und jetzt ist ein größer als sein, und man kann manchmal auch die andere Situation überprüfen wollen, zum Beispiel, sonst. Wenn ja, wenn es eine andere Situation gibt, tun Sie etwas wie ein ist niedriger auf, dann sein und dann werden wir alarmieren A ist niedriger als ich. So ist niedriger als frei. Ja, es funktioniert nicht. Also, wie funktioniert es? Alles wird von oben nach unten gepackt. Also hier. Hey, wir finden natürlich Variablen und dann prüfen wir, ob ein größer ist als sein. Ist es nicht. Also hier haben wir Null. Das Ding wird also nicht hingerichtet. Aber dann nehmen wir eine andere Situation, wenn gesenkt wird und sein, Ja, Ich benutze niedriger als sein. Dann können wir so etwas zeigen. Und so etwas können wir auch tun. Unser Haus und dieses Ding werden hingerichtet, wenn alle anderen Bedingungen nicht erfüllt sind. So können wir so etwas fahren wie ich gleich B gleich ist richtig, weil die auf der Situation in Hand so niedriger ist als frei. Wenn wir tun, zum Beispiel, frei, frei gleich Freunde. Okay, also gibt es einige Dinge, die du jetzt wissen musst, weil dieses Ding mein BZ, du willst jetzt diese Lektion schließen. Aber tun Sie es nicht, weil es einige ziemlich wichtige Dinge gibt, die Sie wissen müssen. Sonst werden Sie viele Fehler machen. Schau, du kannst so etwas machen. Sie können nur das tun, wenn einfach, Aber Sie können es mit dem alten sonst verbinden, wenn und Sie brauchen, um nicht anders zu verwenden. Aber du kannst so etwas auch tun. Ähm, so dass Sie einfach verwenden können, wenn und sonst. Und Sie müssen daran denken, dass, wenn Sie eine gute Situation wie diese haben. Wenn und sonst, wenn die Bedingung erfüllt ist, wird diese Anweisung ausgeführt. Aber diese Bedingung wird nicht erneut überprüft werden. Wenn Sie die Hausarbeit benutzen, schauen wir es uns an. Also, wenn ich mich für fünf entschieden habe, machen wir in beiden Fällen die gleiche Bedingung. Also denken Sie vielleicht, dass das Exekutive sein wird. Das wird exekutiv sein, richtig? Nein. Fünf ist größer, stumm frei. Und das ist alles hier. Dieser Satz wird er nicht hingerichtet werden, oder? Wenn Sie so etwas ausführen wollten, geben Sie Wenn wieder fünf größer ist als 35 ist niedriger als drei gehen zu erinnern, dass, wenn Sie etwas krank, um zum Beispiel, Ihr Programm schneller machen wollen . Sie sollten die Dinge überprüfen, die am meisten sind, die die größte Wahrscheinlichkeit aus passiert zuerst, weil sie dann die dann werden Sie sehen. Ah, die Anweisung wird darunter und alle anderen Anweisungen ausgeführt. Alle anderen Kontrollen, die wir wissen, werden ausgeführt. In Ordnung. Es ist sehr wichtig. Und du wirst so einen Fehler nicht machen. Und es gibt noch eine Sache, an die Sie sich erinnern müssen. Was, wenn ich so etwas mache? Ah, so wie das. Und ich habe mich unterbreitet. Was glaubst du, wird gezeigt? Was waren die ersten, die Sie sehen können? Sie können sehen, zwei ist niedriger als frei und dann testen. Okay, das ist ziemlich etwas, von dem du denken würdest, dass es passieren würde. Aber was habe ich getan? So etwas. Du denkst vielleicht, dass nur dieses Ding gezeigt wird. Wie Sie sehen können, können wir immer noch hören. Siehst du einen Test? Warum? Begu? Es ist hier. Warum wir hier haben können. Azman tritt ein, wie wir wollen. Jetzt denken Sie vielleicht, Hey, es ist wahr, dass die Thesenanweisungen um diese herum sein sollten. Nein, aber Sie wissen, warum Räume nicht interpretiert werden. Richtig? Also müssen wir immer genau zeigen, was wir ausführen wollen. Oh, wollen wir nicht ausführen, wie Zehe Hinrichtung Armen. Dann eine Anweisung auf einmal. Nun, dann musst du so ein Schild benutzen. Also müssen wir Klammern verwenden, die so aussieht Wenn Sie mehr als eine Anweisung gruppieren möchten und dann, wenn wir es innerhalb verwenden. Wie Sie jetzt sehen können, können wir auf den fünf sehen ist größer als Füße. Und das ist alles, weilSie gerade weil diese beiden Anweisungen als eine interpretieren. Sie möchten also mehr als eine Anweisung ausführen, die Sie wachsen können. Gruppieren Sie sie, können Sie sie mit diesen Klammern geschweifte Klammern zusammenführen. Richtig. Okay, wenn ich so etwas weiß, wird das Ding laufen, wenn ich so etwas mache. Äh, alarmiert A gleich B und nur diese Dinger. Sie müssen sich also daran erinnern, dass, wenn Sie keine Klammern machen Onley eine Anweisung ausgeführt wird . Und, nun, Sie sollten die meiste Zeit Nur zwei Klammern, auch wenn Sie auf die eine Anweisung tun. Wenn Sie zumindest betteln, okay, weil Sie nicht vorausgesetzt, dass es könnte potenzielle Probleme für Sie sein . Ich habe nicht gemacht, dass lockige Klammer Klammern, weil ich, wenn ich nur einzelne sehr kurze Anweisung, weil ich habe ich ich bin sehr erfahrene Person im Programm direkt über Ihre hinter Vietnam, der Anfang, so dass einige Probleme, weil es. Und es wird nur eine Menge Zeit dauern zwei d Barcode wie das in. Es ist also vielleicht manchmal sogar eine gute Idee, nur für eine Anweisung zu tun. Geschweifte Klammern. Okay, so funktionieren bedingte Aussagen und Sie wissen, wie Sie Fehler vermeiden können. Es ist nur diese Lektion. Vielen Dank. 15. Abgeschlossene bedingte Statement: Hallo Heute werden wir über verkürzte bedingte Aussage sprechen, die Operator Fragezeichen und Kohle genannt wird und gut, wissen Sie, Programmierer sind faul und manchmal wollen Sie vermeiden, zu viele Zeilen Code schreiben Wenn etwas ist einfach offensichtlich. Es ist einfach so einfach zu schreiben. Du willst nicht viele gesäumt lügen. Natürlich werde ich es Ihnen bald zeigen. Ein Beispiel. Ziemlich praktisch ein So. Aber lassen Sie uns nachsehen. Erstens, wie funktioniert es? Du nimmst hier so etwas wie Ausdruck. Also wissen Sie, eine Art von Zustand hier. Und wenn der Ausdruck wahr ist, dann wird dieses Ding hier zurückgegeben werden, und das ist es nicht. Das Ding wird zurückkehren. Was bedeutet das? Nun, vergessen wir die Leiche für eine Sekunde. Lassen Sie uns ein Beispiel erstellen. Ich möchte überprüfen, ob das X zum Beispiel gerade ist . Okay, also, wie geht es? Wie würden sie es tun? Wir haben nur eine normale bedingte Aussage. Ich würde etwas tun. Ich habe Höhle ex Mort So Operator-Modus Eso Ich möchte überprüfen, ob es keinen Rest gibt. Ach, zwei sind gleich Null. Es gibt also keinen Rest, oder? Durch, wenn Sie durch zwei teilen, was bedeutet, dass es gerade Zahl und dann können wir sagen, dass die Augen auf seine ich denke, diese Zahl ist sogar spezielle Variable erstellen kann, zum Beispiel, ist sogar. Und jetzt können wir sagen, seine sogar ISS, sonst wissen Sie, dass es sogar falsch ist. Wir haben eine klare Warnung, weil es sagt, dass es gut ist, zwei Jahre hier, freie Wissenschaft so, denn dann wissen Sie, dass Sie gerade jetzt die gleiche Art von Variablen vergleichen . Okay, schwächen. Wir konnten es nicht gebrauchen. Und jetzt, wie? Woher können wir das wissen? Sagen Sie, dass die Zahl sogar ist, so können wir zum Beispiel einfach so etwas tun , und es ist acht. Es ist zu Ja, tun ist sogar fünf nicht. Trotzdem haben wir falsch. Wie Sie sehen können, mussten wir 1234 Codezeilen schreiben. Es gibt eine Codezeile, die schneller wäre. Das ist umso schneller damit. Mit diesem. Denken Sie darüber nach, so geben wir Ausdruck so Eier Multi tun gleich Null und dann kehren wir zu sonst wollen wir Zehe Rückkehr falsch. Und das Problem ist, wer hörte, dass der Eintopf oder die Farces zurückkehrte, aber an den Ort, an den Sie sie zugewiesen haben. Sie können natürlich, Sie tun eine Art von Funktion. Sie können Funktionen aufrufen, Jahre Beispiel. Sonstiges. Richtig, Andi, aber was auch immer. Was immer du getan werden willst, wird getan werden. Wenn dieses Ding an diesem Ort wahr ist, ist es nicht. Es wird ausgeführt, wenn das Ding falsch ist, also können wir so etwas nicht zuordnen. Okay, damit wir das gemeinsam nehmen können, weil es für uns keine Rolle spielt. Wie Sie jetzt sehen können, ist es ziemlich schneller. Und jetzt können wir einen Stephen tippen und ja, arbeitet falsch zu. Aber, wissen Sie, wir können noch mehr aufwerten, wenn Sie es nur als Ausgang haben wollten. Wir wollen diese Werte nicht starten. Warum sollte man es nicht so machen? In Ordnung, jetzt haben wir Träne sind falsch, und wir können es verbessern. Warum nicht? Wissen Sie, sagen Sie etwas zu den Leuten. Zum Beispiel ist der Wert gerade. Der Wert ist nicht einmal die Werte. Nicht einmal der Wert ist auch, so ihr wisst, ihr ruft Allah über irgendetwas zu hören. Du kannst hier nur eine Sache überprüfen, hübscher Vater. Und dann nur noch ein anderes. Die Person, die etwas in Ordnung ist oder etwas ist nein. Obwohl Kain, und du machst es einfach in einer Zeile. Du musst so etwas nicht tun. Sie müssen nicht nur Lasten Offline-Codes für eine einfache Aufgabe haben, richtig? So benutzt man es also. Das ist, wenn man es benutzt. Und wie Sie sehen können, ist es eine gute Idee, unsere Programmierung manchmal zu verkürzen. Das ist nur gut. Das war's. Vielen Dank. 16. Schalter: Hallo Heute werden wir über switch-Anweisung sprechen, die spricht, Umschalten zwischen Werten Haben Sie an diesen Schalter gesendet? Und falls etwas passiert, das an den Switch gesendet wird, können Sie diesen Code die Anweisung ausführen, die Sie wollen. Es ist also wirklich so etwas wie die bedingten Aussagen, und Sie können genau die gleichen Dinge mit Kühlschrank tun, wie Sie mit den bedingten Aussagen tun können . Warum also noch mutiger? Lassen Sie mich. Erstens können einige Leute es verwenden, so dass Sie die Syntax davon verstehen. Und zweitens sieht es manchmal besser aus, wenn man Männer in bedingten Aussagen hat. Wissen Sie, wenn, als ob als eine Z Weste Ärsche und Sie wissen, wie 10 10 oder mehr sechs Explosion oder etwas, dass es eine gute Idee ist, Schalter zu verwenden, weil es in Ihrer Kälte besser aussehen wird . Später wirst du es schneller lesen, oder? Deshalb sollten Sie switch verwenden und wie es funktioniert. Sie geben switch, und dann geben Sie die Sache, die Sie wechseln möchten Sie jagen, um zwischen wechseln möchten. So, zum Beispiel, erstellen wir einen variablen Tag pro Woche, und ich würde hier ein eingeben, und wenn wir schickten Ihren Tag schwach. Wir können jetzt verwenden, was wir jetzt hier die aktuellen Klammern zu verwenden haben. Und jetzt sollten wir, falls sie schwach gleich eins haben, können wir zum Beispiel eine Warnung am Montag senden, falls es immer noch kostenlose Einwilligungserklärung ist, um dieses Recht zu nutzen, das zu verwenden. Und in allen anderen Situationen kennen Sie dieses Mal den Typ als, aber geben Sie Standardwerte ein. Es ist also die Standardsache, die Sie tun müssen, wenn alle anderen Dinge nicht wahr sind. Und, nun, das ist nicht die Off-Woche, zum Beispiel. Richtig? Wie Sie sehen können, haben wir Montag und Dienstag hier, und das ist nicht die Tür aus der Woche. Warum? Warum? Warum, was passiert ist? Weil Switch ziemlich seltsam ist. Weißt du, wenn es Schalter ist, kämpft es zwischen diesem Wert. Es geht in diesen Fall und whoa, es ist einer. Okay, also werden wir das erlauben, aber wir werden auch alles auf die Flasche Ho hinrichten. Warum also überhaupt die Mühe machen, etwas zu benutzen? Sogar das, was man genau sagen muss, dass sie brechen wollen. Ok. Wenn wir es so machen, führen Sie dann nur diese Anweisungen aus, weil Sie wissen, dass Sie irgendwie abschleppen. Sagen Sie dem Dolmetscher Wie maney sexy in Abschnitt, die Sie ausführen wollen, richtig? Weil Sie Typ-Man-Anweisungen auf 50 hören können. Und dann müssen Sie sagen, Hey, Hey, ich will brechen und manchmal wird es sogar genannt, weil Sie diese Fälle verwenden können, zum Beispiel. Bevor wir zu ihm gehen,sollten Sie sich daran erinnern,dass Sie fast immer nach jedem Fall eine Pause geben. , Bevor wir zu ihm gehen,sollten Sie sich daran erinnern, Du brauchst es nicht nach dem Sturz zu tun, weil es die letzten sind. Sie müssen hier nicht ihren Standard eingeben, aber in allen anderen Situationen, die Sie haben, sollten Sie so etwas aktivieren. Nun, lassen Sie es uns überprüfen. Wenn ich den Zeh tippte, wäre es ein C. Betrachten Sie Dienstag. Wenn ich etwas uns tippe, wird es sein, dass der Tag nicht schwach ist. Aber was wäre, wenn ich etwas sagen wollte wie, Oh, es ist, ah , Tag in diesem und es ist ein Wochenende genau dann sollte ich viele Fälle von denen machen und ich könnte so etwas wie Case machen. Ein Fall auch. Fall-freie Fall für den Fall fünf bis fünf frei für fünf. Und hier ist es, Arbeitstag und in anderen Situationen, Ich würde gerne 67 eingeben und natürlich muss ich so eine Pause machen und es ist, dass wir nicht weiterer Tag der Woche ist, wenn ich eins tippe. Es sollte tun, was es würde nur auf die 1. 1. Anweisung übergeben, die ausgeführt werden muss und dann auf die Bremse ist kein freier Tag pro Woche. Ähm, oh, ich tippe 11 Geschichte Arbeit Sache. Wenn ich sechs oder sieben tippe, ist es ein Wochenende. Sie wissen also, dass Sie ein paar besondere Dinge tun können. Zum Beispiel für Geld. Oh, nein, es ist Montag, und wenn du Nein nimmst. Eins, es wird andere dieses Ding und die heutige Sache richtig, so funktioniert es. Also, wie ich bereits früher gesagt habe, wird die meiste Zeit nicht verwenden, welche Aussage dies. Aber Sie müssen die Syntax kennen, da die meisten Leute sie verwenden und e nur, wenn Sie sie verwenden. Es ist zum leichteren Lesen von Dingen. Okay, wenn Sie mehr lesbar Mantel haben wollen, wenn Sie gute viele Fälle zu überprüfen haben, dann ist es eine gute Idee Bäume, die während des Unterrichts, vielen Dank. 17. Funktionen: Hallo Heute werde ich dir sagen, Bruder Funktionen, wie man ein Ende schafft. Warum sie benötigt werden Funktion ist einfach ein Hund des Codes, der aufgerufen werden kann, ausgeführt werden kann, so oft wir wollen und verschiedene Stellen in unserem Mantel von uns oder sogar anderen Menschen funktionieren. Wir haben gerade manchmal aufgerufen und Methode ist, wie der Name schon sagt, eine Rollenfunktion zu übernehmen, um etwas richtig zu machen. Es ist eine Frage, um das Problem zu lösen. Zum Beispiel kann eine Funktion etwas berechnen oder den Benutzer über etwas auf der Website informieren, indem das spezielle Fenster auftaucht, zum Beispiel alit-Funktion, die wir bereits richtig kennen. Wenn wir Dinge wie unsere nehmen und wir etwas hinein eingeben, werden wir ein Fenster spezielles Fenster mit dieser Variablen mit dem Wert dieser sehr Buch innerhalb des Fensters erstellen . Also hat jemand die Funktion für uns erstellt, die jemanden alarmieren wird, den er über die Funktion nachdenken könnte , ist, dass man sie bezahlen kann. Sie können es so oft anrufen, wie er gewarnt hat. Und an vielen Stellen in Ihrem Code. Natürlich wärst du die anderen Dinge wie dich gewesen, richtig, andere in deinem Mantel. Und deshalb sparen Sie Ihre Zeit, und Sie können sofort sehen, dass diese Funktion für die Welt verantwortlich ist, jemanden zu alarmieren anstatt sie. Sie würden wissen, Tal asi wie ich kenne 67 Linien des Fells und Sie müssen die wiederholten in Gewinn wiederholen . Und wenn du etwas ändern wolltest, dann hättest du ein Programm, richtig? Verwenden Sie mich, um jeden möglichen Ort zu wechseln, wo Sie ihn benutzen. Es wird sehr schwer zu erkennen und gut, Sie werden einfach zu viel Kälte haben. Okay, also sind Funktionen sehr wichtig. Es gibt viele Funktionen, die von anderen Personen geschrieben wurden. Das ist auch sehr cool. Also was? Es gibt einige Grundlagen, eine, die Standard in einem gebaut sind, beginnen sie in einigen beiseite, etwas Gutes wird Objekte genannt. Meistens werden wir später über Objekte sprechen. So gut, zum Beispiel haben Sie eine Funktion, die Compound einen Typ von beispielsweise String Toe Integer versorgt beispielsweise . Das ist eine ziemlich nützliche Funktion, die Sie verwenden können. Sie können mich ändern und ändern, zum Beispiel. Ah, überprüfen Sie, ob die Zahl eine Zahl ist, keine ist keine Zahlenfunktion und andere Dinge wie diese. Es gibt viele Funktionen, zum Beispiel, verwenden Sie für den Betrieb auf Strings, wenn ich hier gehe und ich es öffne, Wie Sie hier sehen können. Ah, Pförtner. Es funktioniert hier Typ, der einige Operationen mit String ausführen kann. OK, Und was wir einige der nützlichsten Funktionen gelernt haben und manchmal werden wir Funktionen für erstellen , sind in Ihrer eigenen Verwendung. Aber es gibt viele, zum Beispiel, auch Frameworks wie Jake Wear. Es ist ein sehr gutes Framework, das nur die nützlichsten Funktionen von anderen Leuten und unseren Geldsteckern erstellt wird. Schleppen Sie es an. Nun, wenn Sie Jake kennen, tragen Sie zuerst ein und was Javascript, und dann j Abfrage, können Sie viele Dinge sehr weit erstellen. Okay, also ist es eine gute Idee, im Internet zu schauen, denn die meiste Zeit, wenn Sie etwas erstellen möchten, wurde es bereits erstellt. Verlieren Sie also nicht Ihre Zeit. Sie können am liebsten braten und es sogar kostenlos finden. Okay, also nach bespricht sehr gute Idee, etwas zu lernen, das J Query genannt wird. Weil Sie viele nützliche Funktionen finden, sagen sie für diejenigen Ihrer Zeit. Okay, wir nein, nein. Wir wissen jetzt, dass die Welt Funktion ist. Aber wie man Funktionen erstellt, unsere eigenen. Beginnen wir mit der Erstellung eines einfachen. Wir lernen also mit der Syntax einen König kennen. Um die Funktion beizubehalten, müssen Sie eine Tastaturfunktion eingeben. also Kennen Siealsoden Interpreter, der JavaScript interpretieren wird? Wir wissen, dass Sie bald eine Funktion erstellen werden, dass es sich um eine Definition der Funktion handelt, nicht aufruft. Go-Funktion. Richtig. Also jetzt müssen wir zum Beispiel den Namen der Funktion eintauchen . Tests. Okay, das ist der einfache Name. Und dann geben wir Klammern ein. Das gleiche, wie damals, als wir es angerufen haben. Aber weil aus der Schlüsselwortfunktion die interpretierte jetzt weiß, dass dies nur eine Definition ist, und Sie können definieren, dass etwas Parameter diskutieren wird. Aber du wirst etwas später darüber reden. Jetzt sollten wir die geschweifte Klammer verwenden, um zu sagen, wo die Funktion beginnt und wo die Funktion enden wird. Dieses Ding nennt man es über einen Felsbrocken von funktionellen. Okay, Sie damit Sie es wissen, auch die Carol umarmt von, zum Beispiel, den Staat in und sie waren immer noch viele Anweisungen verwendet s Oh, ja. Hier in der Funktion hat es zwei Rollen. Man ist zu sagen, wo die Funktion beginnt König und wo sie endet und auch zu stürmen und Anweisungen und diejenigen, richtig? So könnten wir schwächen Geben Sie Ihre Anweisung ein, während Sie in der Sektion um bam, bam, bam, bam! Und alle diese Anweisungen werden aufgerufen werden, werden ausgeführt, wenn wir die Testfunktion aufrufen . Wenn wir also nur so etwas wie Test OK, werden alle diese Anweisungen aufgerufen und Sie können innerhalb der Funktion eine andere Funktion aufrufen . Du kannst hier tun, was du willst, oder? Also, zum Beispiel, wenn ich Sachen wie Allert Probe tippe und wenn ich das ausführe, wie Sie sehen können, haben wir Good. Jetzt ist hier das Beispiel gesagt, weil ich innerhalb des Testbeispiels laufe, wenn ich so etwas wie zum Beispiel mache , ich all dieses Windows-Beispielbeispiel zum Beispiel frei sehen konnte, weil ich sagte, dass ich durch Aufruf von Dysfunktion alle diese Anweisungen hier. Sie bemerken wahrscheinlich auch, dass gerade jetzt nicht alles eins nach dem anderen beteiligt ist, von oben nach unten Funktion ist nur eine Ausnahme von dieser Regel, von der ich Ihnen erzählt habe. Du definierst es irgendwo, und es wird einfach aufgerufen werden, wann immer du willst, von welchem Ort du willst. Ok? Sie lesen nicht alles von oben nach unten. Sie denken über Funktion, weil wir gerade jetzt sind, wenn wir so etwas tun, die von diesem Ort zu diesem Ort springen. Okay, so funktionieren Funktionen, wenn Sie sie aufrufen. Ja, springen Sie zur Felsfunktion und Sie laufen die Dinge, die sich im Boot befinden. Und nun, nun, die Funktion kann auch an den Ort zurückkehren, an dem sie beteiligt ist. Ein Wert. Aber was bedeutet es, den Wert zurückzugeben? Nun, wenn man so etwas wie Rückkehr fünf gibt. Ich weiß es hier, wirklich? Wir haben so etwas wie fünf. Wenn Sie hier einige Anweisungen über oben hätten, würden sie alle ausgeführt werden. Und danach hätten wir deine fünf. Das ist ziemlich nützlich. Siehst du bald, warum? Aber schauen wir es uns an. zum Beispiel Lassen Sie unszum Beispieleinen Rabel kreieren und speichern Sie das Ergebnis dieser Funktion Dave Arabia, die als a bezeichnet wird, und dann werden wir es alarmieren. Also machen wir so etwas. Wie Sie sehen können, haben wir keine fünf. Was auch immer wir hier tippen, was auch immer wir zurückkehren, wird es jetzt sein. Beginnen Sie innerhalb der Variablen A. Da wir es zuweisen war der Operator für die Zuweisung es hier durch Aufrufen der Funktion. Und wir haben diese Rückkehr hier und sie wird einfach ersetzt. Diese Linie wird durch Dieselrücklauf ersetzt. Richtig an diesem Ort. Genau. Sie können also auch die Funktion innerhalb der Funktion so aufrufen, oder? Als Argument schicken wir nur Kim, , richtig, fünf. Schauen wir es uns an. Wie Sie sehen können, haben wir genau den Wert hier, wenn die Bombenbombe die fünf bombardieren. Okay, so ist es, wie es ausgibt. Du kannst etwas zurückgeben. Zusammenfassend bedeutet das Aufrufen der Funktion, dass die Funktion ausgeführt wird. Alle Anweisungen innerhalb der Funktion und des Ortes, an dem die Funktion aufgerufen wurde werden durch den Rückgabewert ersetzt. Also, in unserer Situation, gerade jetzt, sind es nur fünf von Kurs. Dies ist ein sehr einfaches Beispiel. Also lasst uns etwas Ernsteres tun. Manchmal möchten Sie vielleicht an Variablen arbeiten, die am Anfang stehen. Ich weiß nicht, Zum Beispiel, Werte Typ in der Form durch den Benutzer Ihrer Website auf die Funktion, die wir zustimmen Variablen , die kalte Argumente sind jetzt. Lassen Sie uns etwas Einfaches erschaffen. Einfacher, zum Beispiel, eine Funktion, die wir bei zwei Werten. Lassen Sie uns also die Funktion erstellen. Haben wir die Anzeige verkleiden? Wie Sie sehen können, dass der Name deutet darauf hin, dass etwas hinzufügen wird. Und jetzt können wir das definieren. Wir werden zwei Argumente nehmen, Sie und wir werden Perry-Parameter definieren. Sie werden hier Parameter genannt. OK, wir nennen sie, zum Beispiel, X und y. Sie können tun, was wir sie nennen können, was jeder, natürlich, wie Variablen. Und jetzt werden wir die geschweiften Klammern erstellen. So, jetzt können wir tun, ist nur Sachen wie Werbung und gesendet, zum Beispiel, frei und fünf. Und dieser Frei wird jetzt in den Eiern sein, und fünf werden darin sein. Warum variabel? Und jetzt können wir diesen Wert verwenden, der hier innerhalb der Funktion gesendet wird, damit wir binden können, zum Beispiel X plus warum zurückgeben? Und jetzt hier haben wir das Ergebnis der Operation nach der Rückkehr Welt gelaufen. Es ist also ein, dass wir es überprüfen können. Wir können zum Beispiel etwas tun. Ich habe ein paar Variablen gesehen und dann können wir sie alarmieren. Wie Sie sehen können, haben wir jetzt eine und wir können jetzt ändern. Diese resultieren ziemlich schnell, indem nur verschiedene Argumente vom Kurs gesendet werden. Diese Argumente können auch Variablen und andere Dinge wie diese sein. Okay, wir haben versucht, ein paar Operationen an ihnen durchzuführen. Lassen Sie uns nun eine weitere Funktion begrüßen, die zwei Variablen teilen wird. So, zum Beispiel, Funktion und ich nennen wir es teilen, und auch sind wir nennen sie Eier und breit. Wie Sie sehen können, können wir sie gleich nennen. Als ob sie hier sind, und es wird keine Probleme geben mit, wissen Sie, äh, welches ist was? Weil sie in einem anderen Umfang sind. Okay, das Ding ist ein Scoble. Also für Variablen, so dass Sie nicht brauchen Zehe besorgt es Wenn Sie eingeben, wie Übung, wird es mit der obigen Funktion arbeiten. Ok. Und jetzt können wir einfach sterben Britain X geteilt durch Warum das Problem ist, warum kann manchmal Null sein und Sie können durch Null teilen. Also, wie man so etwas wie, wissen Sie, informiert den Benutzer, dass er Null gebunden Es ist falsch. Du kannst es tun. Sie können ive mit der if-Anweisung überprüfen Wenn warum gleich 20 ist, dann zurückgeben. Es bedeutet, dass nichts tun. Wir können auch zuerst von Beispiel andere Düne informieren, die Sie nicht durch Null teilen können. Okay, und dann kehren Sie zurück. Wenn wir nach der Rückkehr nichts haben, bedeutet das, dass Dysfunktion hier enden wird und wieder zurückkehren wird. Definieren Sie. Und jetzt, wenn wir zum Beispiel eine durch Null geteilt tippen , bemerken wir, dass wir, ähm eins haben . Wir hatten eine, weil ich die Funktion nicht geändert habe. King schreibt Divide, Es sind nicht einige von Variablen, aber, ähm gut, das Ergebnis aus Diffusion. Und jetzt können wir sehen, dass Sie durch Null teilen können, und dann haben wir undefiniert. Das Ergebnis wird also der Ort, an dem wir diese Funktion beteiligt haben, durch diese Return on ersetzt , weil wir hier nichts eingegeben haben. Wir haben ihre undefiniert wie das auf definiert. Wir könnten auch, wissen Sie, zum Beispiel, ID so zurückgeben . Uh, was gibt dann? Nur eine Warnung, die Sie durch Null teilen können. Wir brauchen sie nicht zu benutzen. Tragen Sie Zahnspangen, richtig? Und Sie fragen sich wahrscheinlich auch, warum wir nach innen zurückkehren müssen. Sie können sie so viele haben, wie Sie wollen, aber nach der Rückkehr wissen Sie alles. Nach der ersten Rückkehr, die involviert ist, wird es nicht ausgeführt. Also in unserer Situation, weil die zweite Variable ist, was Null. Wir kehren nur hierher zurück und dieses Ding wird nicht hingerichtet. Du könntest deinen Hintern tippen, aber weißt du, für mehr vielleicht mehr Klarheit. Aber es spielt keine Rolle. Sie müssen es nicht eingeben, weil diese Rückkehr die Funktion verlassen wird. Die Rückkehr ist also auch ein Ausgang aus der Funktion. Wenn wir also diese beiden zum Beispiel fünf ändern und er 10 nehmen wird, sollten wir das Ergebnis auch abdecken . Weil, na ja, diese if-Anweisung ist nicht wahr. Diese Rückkehr wird also nicht ausgeführt und das Programm wird es. Und hier natürlich sind natürlich alle diese Funktionen einfach. Ich zeige Ihnen nur, dass die Syntax später härtere Funktionen erstellen wird. Im Moment, lassen Sie uns diese Lektion zusammen, wie Sie sehen können, die Funktionen, ist nur ein Plug of Coat, den Sie überall in Ihrem Mantel aufrufen können und das Ergebnis erhalten. Aber warum brauchen wir Funktionen? Dank Funktionen, wenn Sie etwas in unserem Mantel ändern möchten, können wir es nur an einem Ort tun. Das Board der Funktion und wenn wir nicht über Funktionen, würde die gleiche Operation Mantel an vielen Orten haben, sagt Orte. Und wenn Sie eine einfache Änderung machen wollten, erhalten, um eine Änderung alle möglichen Orte zu machen. Okay, es wird viel Zeit brauchen und wir haben sogar schwer, es wird viel Zeit brauchen und wir haben sogar schwer, all diese Dinge zu finden. Orte nutzten seine beleidigenden Funktionen. Sie können Männer so oft wiederverwenden, wie Sie wollen. Das gleiche aufgerufen, was Ihr Projekt einfacher zu pflegen macht. Und es spart Ihnen viel Zeit, weil Sie Ihre Arbeit oder sogar jemand als Arbeit wiederverwenden können. Sie wissen, wie zum Beispiel, Jake, wo Framework Dank Funktionen. Unser Programm ist auch besser lesbar, weil Sie leicht sehen können, was jeder Teil natürlich, Coat ist verantwortlich für Lassen Sie uns eine Situation wie diese Holen Sie sich Wert von Form Form I d. Wir können es schaffen. Wir können eine Funktion wie die vor erstellt einbeziehen, richtig und ja, Sie können sofort diese Funktion sehen. Verwenden Sie vorwärts vergessen Wert von Form, das heißt, das hat Form I d bekommen. Als Variable ast der Wert dieses sehr ist es einfach großartig, weil sofort gesagt, sehen Sie, dass Dysfunktion wird nur den Wert aus der Form erhalten. Welche Idee ist für meine d? Wir hatten keine Funktionen werden stattdessen aus es haben. Zum Beispiel, 15 Augen des Codes, die uns nicht so sehr informieren würden wie diese eine einfache Zeile hier. Richtige Regel Nieto, analysieren Sie den Mantel, um mehr Informationen über das Auto zu bekommen. Denken Sie also daran, dass Sie Kate Funktionen sollten, die selbst beschreibend sind. bedeutet, dass, wenn Sie sie lesen, Sie wissen, was sie gerade tun, Dinge wie diese scheinen mögen, als wären sie für Sie nicht wichtig. Aber glauben Sie mir, Sie werden dankbar für mich sein. Für all diese Informationen in Zukunft, das ist alles in der Lektion. Vielen Dank. 18. Umfang von Variablen: Hallo Heute werden wir über den Umfang der arabe ALS innerhalb der Skript-Funktionen sprechen. Bereichsbereich bedeutet, wo an welcher Stelle die Variable verfügbar ist. Was bedeutet das? Was bisher habe ich Ihnen gesagt, dass alles von oben nach unten ausgeführt wird, aber es gibt einige seltene Situationen, in denen dies ein bisschen anders ist. Der Unterschied besteht darin, wenn Sie Funktionen ausführen, wenn Sie sie erstellen, wenn Sie Variablen in ihnen verwenden. Weil es einige seltsame Dinge gibt, die in JavaScript in anderen Programmiersprachen passieren ist hier ein bisschen einfacher. Es kann ein bisschen langweilig sein, wenn man nicht weiß, wie es funktioniert. Konzentrieren wir uns darauf, wie es Buch. Okay, lasst uns die Funktion von einfach bei einem wie Test bekommen und lasst uns so etwas wie Probe machen. Okay, unser Einfaches. Also normalerweise, wenn wir so etwas tun und wenn wir es ausgeführt haben, Wie Sie sehen können, haben wir Probe, wir wissen, dass es Sie Krieg sollten, denn was diese Funktion hier definiert wurde und wo wir jetzt laufen, das ist hier. Also, Leute, es sollte es sein. Das Programm sollte bereits über den Test wissen. Sie schreiben über Testfunktion, aber wenn wir es so machen. Sie würden überrascht sein, denn wir haben auch gute Ergebnisse in JavaScript vor Ausführung. Diskret, da die Ausführung von Anweisungen im Skript First Interpreter alle Funktionen übernimmt . Alle Variablen tun es. Manche gehen, beide formen, und es speichert es dort. Und deshalb sind Sie Funktionen an jedem Ort, an dem Sie sie erstellt haben. So können Sie Tee wie 100 Zeilen gehen aus. Andere Mäntel, richtig? Und wenn Sie hier so etwas tun, wenn Sie den Test aufgerufen haben, können Sie Ihre Funktionen und den richtigen Weg aufrufen. Warum kannst du es tun? Weil, nun, es ist überall verfügbar. Es ist momentan im globalen Rahmen. Funktionen überall verfügbar. Es bedeutet auch, dass, wenn Sie zum Beispieleinen Rebellen wie diesen erstellen zum Beispiel , und wenn Sie etwas tun, wie zum Beispiel, alarmieren ein Und wenn Sie so etwas tun, sind Sie nicht, ist, dass wir gute fünf haben. Irgendwie wird die Variable innerhalb dieser Funktion gesehen. Es ist überall verfügbar, aber es gibt einen kleinen Unterschied zwischen den Funktionen, weil, naja, schauen Sie sich das an. Wenn wir etwas lügen, nehmen wir es in die Kommentarwarnung. A. Natürlich werden wir fünf sehen, aber wenn wir es so machen. Ich werde nichts sagen. Es ist im Moment definiert. Okay, also ist das alles verfügbar, was unter der Definition steht. Das ist also ein bisschen anders als das Funktionsverhalten, richtig? Und irgendwie können Sie hier auf den Wert zugreifen. Darüber hinaus können Sie es sogar ändern. Also, wenn wir es so tun, können Sie jetzt sehen können frei hier, und das ist sehr wichtig. A ist jetzt geändert, es ist gleich. Und wenn wir es so machen, würden Sie feststellen, dass es kostenlos ist und es auch außerhalb der Funktion frei ist. Es bedeutet also, dass Sie den Wert außerhalb der Funktion standardmäßig ändern können, ist das Verhalten von anderen Sprachen sehr unterschiedlich. Okay, wenn du keine anderen Sprachen kennst, dann ist es vielleicht nichts, was du nicht verstehst. Ich weiß, aber haben Sie etwas, das seltsam wäre? Was ist das? Nun, Sie können etwas erstellen, was lokale Variablen genannt wird, weil Sie manchmal etwas außerhalb nicht ändern möchten . Sie müssten einige temporäre Variablen haben, um sonst etwas dazwischen zu ändern, aber Sie können diesen Wert manchmal nur senden, um ihn zu verfolgen. Sie möchten den Wert nicht außerhalb ändern. Sie wollen, wissen Sie, einige Operationen durchführen oder brauchen. Du willst keine andere erstellen. Temporär war unter solchen Dingen. Und dann möchten Sie genau einen Blick eines Rabelais unter erstellen, um einen Look zu erstellen, der in der Lage ist, einen Parameter zu erstellen. Wir haben gerade gerade einen angerufen. Und deshalb werden Sie feststellen, dass, wenn ich um dieses Programm herum, es ist kostenlos und dann fünf, weil jetzt ein und dann ein vernünftiger signierter, um frei signiert, den Wert an die lokale Variable signiert. Okay, also ist das Aussehen eines Rabel etwas, das zwischen seinem Umfang verfügbar ist. In dieser Situation ist es zwischen der Abdeckung, den Zahnspangen, Meinungsbonbons, was einen verursacht. Also schauen Sie sich die Etiketten sind später nicht verfügbar. Wenn wir es nicht wissen, mache ich so etwas. Wie Sie sehen können, kostenlos auf Bomben, nicht das Buch. Du hast hier nur einen Ball, dann ist das alles. Habe immer noch ein Blau. Es bedeutet also auch, dass es nach dem schließenden Clicker gelöscht wird. Die Klammer, Sir. Es bedeutet auch, dass meine Mutter das Gedächtnis Ihres Drehbuchs fürchtet. Das bedeutet also das. Nun, wenn du in etwas schnell operieren willst und Memoria befreien willst, dann ist es eine gute Idee, so etwas zu tun, anstatt alles im Mädchen zu haben, Bosco. Und jetzt gibt es etwas, das Sie auch verstehen müssen, dass, wenn Sie nicht müssen, wissen Sie , zum Beispiel Parameter erstellen zum Beispiel . Sie wissen also, dass Sie so etwas tun können. Es ist das Gleiche. Okay, wenn du eine Variable so erstellst, ist es fast so, als hättest du es so gemacht. Aber wenn man dann Argumente senden kann, mag ich, du weißt schon, schicke Q fünf oder so. Deshalb möchten Sie manchmal Parameter erstellen. Aber sieh dir das an. Es ist jetzt jeder Blick über in der Lage, wie Sie sehen können, nicht gut frei und dann fünf, weil wir hier eine lokale Variable haben. Wenn ich es lösche, werden Sie nicht, ist, dass wir nicht mehr haben. Sie schauen über einen Rebellen, also ändern wir den Wert von hier aus. Aber es gibt auch etwas Komischeres, wenn Sie kommen. Und das bedeutet, ähm, ist das jetzt nicht, was los ist? Wir haben keine globale Variable ihn. Wir weisen etwas frei zu. Was? Was? Wir haben nicht sehr Buchmacherwechsel. Das Problem ist, dass Sie eine Variable in JavaScript erstellen können, auch wenn Sie kein Variablenbit davor eingeben . Wenn du es so machst, wird es global werden. Variable, sogar Zehe ist es innerhalb der Funktion erstellt. Es bedeutet, dass wir jetzt Frito A zugewiesen haben und es ist auch hier verfügbar. Wie Sie jetzt sehen können, haben wir hier kostenlos und kostenlos hier. Aber wenn ich es sofort so mache, ist dieses Ding außerhalb des Geltungsbereichs nicht verfügbar. Es ist eine Sperre von sind in der Lage in Ordnung und dass Sie sehen können, jetzt ist es kostenlos, so dass Sie leicht sein könnten. Und jetzt, ähm, wissen Sie, es ist schwer, diesen Anfang zu verstehen, aber Sie müssen sich daran erinnern, dass, wenn Sie Variable eingeben, bevor es lokale Variable sein wird . Wenn es innerhalb der Funktion erstellt wird, wird es eine globale Variable sein. Es ist, wenn es außerhalb der Funktion erstellt wird. Und Sie müssen nur daran denken, versehentlichzu versehentlich bemerken, so etwas zu tun, weil es eine globale Variable sein wird. Sind sie richtig? Sie müssen mindestens das deklarierte verfügbare oder schwere erstellen lassen. Das ist eine Para-Angelegenheit hier, weil es dann ein bisschen anders interpretiert wird. Ich erzählte Ihnen von den Dingen, die Sie nicht brauchen, um das Gleichnis vor dem Namen eines Rebellen zu schreiben , weil man manchmal einen Fehler machen kann. Darauf sind sie sehr schwer zu Sport. Also denken Sie daran, nicht aus Versehen, wieder Hass eines Rebellen ohne die var davor oder jung, wenn es nicht ein Teil seiner para Materie , Sie brauchen nicht, um das Buch hier zu tippen, weil es wäre ich zweite Erklärung der gleiche Variable, die hier ist. Okay, also tu es nicht. Ok? Es gibt nur die Lektion. Vielen Dank. 19. Anonyme Funktionen: Hallo. Heute werden wir über anonyme Funktionen und über Funktionen sprechen, die als Ausdruck als Wert aus der Variablen interpretiert werden. Okay, also wissen Sie, bis jetzt wissen wir, dass wir eine Variable wie zum Beispiel so erstellen können zum Beispiel . Und dann können wir hier zuweisen. Beispiel fünf. Und jetzt ist die Art dieser Bojen in Lehrer, Wenn Sie so etwas tun, die Diable diese waren in der Lage, es ist trinken. Aber wer andere? Jede Art von Rebellen. Ja, Sie können in JavaScript eine Funktion zuweisen, die variieren kann Also, wie geht es? Sie geben nur Funktion hier als den Namen der Funktionen ein. Also zum Beispiel, Test. Dann können Sie hier Parameter direkt definieren. So kennen Sie Variablen. Aber wir brauchen dort nichts zu leben. Dann haben wir nur Schöpfer Öffnung kalibrieren seine schließende geschweifte Klammer sagte, Und dann das Semikolon und wir haben jetzt eine Funktion Start innerhalb dieser Variablen und es gibt einen kleinen Unterschied durch die Schaffung einer Funktion auf diese Weise gerade jetzt, es ist nicht in den globalen Geltungsbereich. Es ist im Inneren diese Variable, so dass wir sie jetzt nur unter der Definition verwenden können und in der gleichen Zeit können wir so etwas wie dieses System tun, zum Beispiel. Und jetzt können wir so etwas tun. Wie Sie sehen können, funktioniert es nicht, weil es jetzt ist. Fangen Sie hier an. Und um die Dysfunktion zu erhalten, können wir es nur durch diese Variable tun. Im Moment ist diese Variable wie eine Funktion. Sie können so etwas X verwenden und dann rufen Sie die Funktion auf, die dies so beginnt, wie Sie sehen können. Also, er war also, sollten sie alarmieren? Wie Sie jetzt sehen können, gibt es Beispiel. Natürlich würde es nicht funktionieren, wenn wir so etwas machen. Alles funktioniert wie beabsichtigt. Daher können wir die Funktion nicht mit dieser Variablen aufrufen. Jetzt bist du vielleicht so, aber wann warum brauchen wir diesen Namen? Nun, wir brauchen es nicht. So können wir hier etwas Körper namens anonyme Funktion verwenden, die keinen Namen hat. Anonym war eine Person, die Dokumente unterzeichnet, Dokumente mit anonymen und niemand wusste seinen Namen. Also ja, das ist nur eine Funktion. Wir haben nur Tiere, weil wir ihren Namen nicht kennen. Es wird momentan nicht gebraucht. Hier, richtig? Es spielt keine Rolle. Also, wenn Sie wollen, können Sie eine enorme Funktionen erstellen, wenn Sie sich nicht um den Namen kümmern und es passiert die meiste Zeit statt Dissertation so, aber es wird auch in Frameworks verwendet. Wenn Sie die Funktion als Argument senden möchten und sich so bald um ihren Namen nicht kümmern , werden Sie einige Dinge wie das sehen. Und aber, na ja, weißt du, es ist ein bisschen vorangehendes Thema für jetzt. Wir können natürlich auch hören Argumente senden, damit wir so etwas wie Argument eins tun und so etwas tun, das wir wissen können, schickte ihn, zum Beispiel fünf. Und wie Sie jetzt hier sehen können. Aber einfache fünf. Es funktioniert. Atmen Sie das Ok ein. Versuchen wir nun, etwas zu tun, wie eine Funktion zu erstellen, die als Umfang eine Funktion hat . Okay, nehmen wir das in den gemeinsamen Abschnitt und lassen Sie uns die Funktion bekommen, die wir Test genannt haben, und er wird als Parlamentarier übernehmen, eine Funktion, die ich lhre F tippe, aber Sie können tippen, wissen Sie, Was immer du willst. Es ist nur der Name der Variablen, die wir die Funktion starten, die Ihnen richtig gesendet wird . Und jetzt können wir zum Beispiel hierher schicken. Weißt du, so etwas wie fünf. Und jetzt würde das fünf F. zuweisen , aber wir können hier auch eine Funktion senden. Und das Coolste ist, dass wir hier zustimmen. Dass die namenlose Funktion mit der enormen Funktion Da uns der Name Onda nicht wichtig ist, können wir ihre Sie wissen, beide Funktionen aus senden . Beispiel. Alert Probe plus Ah, sind einfach. Probieren Sie einfach so. Wir können es, weißt du, weißt du,ein bisschen anders machen, wie wir es dir so machen können. Also haben wir ja. Weißt du, äh, dann sehen wir, wie alles gedruckt wird. Nun, wir haben Pfeile. Wie Sie sehen können, habe ich so einen Fehler gemacht. Also ist es eine gute Idee, manchmal, weißt du, ah, gute Dinge zu haben. Formatierte neun Dent. Weil es einfacher ist, als einige Probleme zu erkennen. Also schicken wir nicht Dysfunktion hier rein. Heißt das also, dass es auf diese Weise einbezogen wird? Natürlich nicht. Wir müssen es innerhalb des Körpers von dieser Funktion aufrufen. Also im Moment haben wir das f hier. Und Sie wissen, dass wir es so verwenden können, weil wir das gerade zugewiesen haben. Sehr wie Sie jetzt sehen können, haben wir hier Probe und es funktioniert gut. Und auch wir können Sie zu Dysfunktion innerhalb für sein exaktes Beispiel plus X senden, und wir können an diese Funktion jemals in der Lage ein Argument senden. Wie Sie sehen können, funktioniert es auch gut. Können wir, wissen Sie, Mann Argumente in Dysfunktion machen? Natürlich können wir selbst Beispiel Argument eins. Und hier dann werde ich Zeit. Zum Beispiel 20. Und jetzt können wir zum Beispiel bei diesem Argument eine Zehe, die vier und senden Sie es an die Funktion, die an diese Funktion senden wird . Ich weiß, es ist etwas seltsam. Es klingt seltsam, und all diese Dinge werden am meisten in fortgeschrittenen Programmen verwendet. Also mach dir keine Sorgen. Wir verstehen nicht, ist gerade jetzt das sind nicht so wichtige Toppings, die am Anfang ist . Aber es ist gut zu wissen, wie diese Dinge funktionieren, wenn man sie liest. Weil einige Frameworks solche Dinge verwenden und dann wissen Sie, dass Sie im kalten Willen verloren gehen werden. Du würdest die Kälte so lesen, oder? Also ist es eine gute Idee, dies zu tun. Verstehst du, was hier los ist? Ok. So können wir innerhalb der Funktion eine Funktion aufrufen und vielleicht mögen, Warum sollte ich es überhaupt tun? Da Sie zum Beispiel innerhalb dieser Testfunktion einige Operationen ausführen möchten zum Beispiel , bevor Sie diese Funktion ein wenig geändert haben. Verwendung des Wertes. Sie wissen, dass Sie wissen wollen, zum Beispiel, verwenden Sie Dysfunktion. Wenn die Werte gleich fünf oder einer anderen Funktion waren, waren die Werte unterschiedlich. Schreiben Es hängt alles von der Situation ab. Diese kommen Situationen zum Houston Fire an. Aber weißt du , so funktioniert es. Sie können auch die Funktion zurückgeben. Das ist noch schwieriger. Mal sehen, wie es geht. Lassen Sie uns eine Variable erstellen. Gehen wir es hoch und lassen Sie uns ein Zeichen es eine Funktion, die heißt, das ist ein weiterer Miss eins. Und jetzt lasst uns mit so etwas. Um, lassen Sie uns einen Perimetertyp bekommen. Und wenn Typ immer noch entspricht, zum Beispiel, Kugeln, dann möchte ich verschiedene Funktionen von Beispielfunktion zurückgeben, die denken würde, es ist ein Argumentname und ich werde Allah sind reißen hohe Bälle und dann der Name der Bullen, Richtig. Aber sonst wissen wir, dass diese Jungs wissen, dass der Ball so gut die Funktion mit dem Namen auch zurückgegeben hat, aber diesmal gut, es wäre fast die gleichen Ideen. Damit wir es bechen können. Das sind wir nicht, Say, Boss. Wir mögen nur hohen Namen. Und Sie wissen, dass es andere Operationen geben würde. Natürlich. Außerdem bin ich, weil es einfach ist. Zum Beispiel, für Bälle müssen Sie einige Dinge kommen, wie, wissen Sie, er ist Gehalt anders, wie Anderson so ist, damit Sie so etwas tun können. Und jetzt geben Sie Funktionen zurück, oder? Der Wert Oh, die Rückkehr hier für Dysfunktion wird die Funktion sein. Also bedeutet es, dass, wenn wir so etwas wie hallo tun und dann sagen wir hier Bälle und wir sind auf diesem Programm ist, können Sie sehen, nichts passiert. Warum? Weil wir jetzt was haben? Dieses Ding stattdessen, Bewegen Sie das. Ich denke, weil, wie wir in der Lektion über Funktionen gesagt haben, wenn Sie einen Wert zurückgeben, wirklich, haben Sie den Finger diese danach nach ihrer Rückkehr zurückgegeben. Schlüsselwort. Es bedeutet also, dass wir hier Dysfunktion haben und es bedeutet, dass wir die Funktion gut haben , die wir verwenden können? Nein. Also sollten Sie diese zuweisen, zum Beispiel zurückgegebene Funktion der Variablen so. Und jetzt können wir Dysfunktion mit dieser zurückgegebenen Funktion beteiligt. Wie Sie jetzt sehen können, funktioniert es. Aber wir haben hier undefiniert. Warum? Denn im Moment sollten wir sagen und ein Argument für diese zurückgegebene Funktion, um etwas danach zu sehen . So, zum Beispiel, mein Name, wie Sie Highballs Arctic sehen können. Und jetzt, wenn wir so etwas in der Zeile 42 so tun, bedeutet das, dass wir an die hohe Funktion senden . Also heute an einem, so etwas, braucht es, dass dies nicht ausgeführt wird. Aber ja, das wird laufen und wir werden nur hoch sehen. Und mein Name ist richtig. Ich werde die Boote nicht sehen, weil der Typ nicht beides ist. So funktioniert es also. Wir können Funktion gut senden, ein Argument Sie stimmen sehr ableto eine Funktion zu und geben die Funktion in Abhängigkeit von ihren Argumenten zurück , die gesendet wurden. Wie Sie sehen können, sind Dinge wie das ein bisschen voraus Und mach dir keine Sorgen Wenn du es jetzt nicht verstehst, kannst du einfach voran gehen. Sie können zu diesen zurückkehren, wenn Sie Javascript besser kennen. Wenn du weißt, dass du fortgeschrittene Dinge machst. Dinge sind so, dass in Frameworks verwendet werden. Sie werden auch feststellen, dass Ereignisse es manchmal verwenden, wenn Sie sich registrieren möchten und sogar Sie wissen, dass Sie zum Beispiel eine Funktion senden möchten , um beteiligt zu sein, wenn etwas passiert. Also, zum Beispiel, klicken Sie auf etwas und dieses Ding heißt auch wir werden mehr über gerade und Ereignisse sprechen . Und dann wirst du sehen, dass solche Dinge manchmal jugendlich sind und vielleicht nicht so hart codiert . Aber dieser Teil dieser Dinge, dass wir ihn sehen können,weißt du, weißt du, Dinge wie das sind die meiste Zeit vor dir verborgen. Und solche Dinge werden von Leuten geschrieben, die Bibliotheken schreiben. Und du benutzt nur solche Dinge. Sie senden nur,wissen Sie, wissen Sie, Funktionen Zehe Zehe, zum Beispiel, eine andere Funktion. Und es gibt einen Code, der an ihnen arbeitet, etwas, das ähnlich aussieht. Weißt du, sie überprüfen. Geben Sie ihnen, wie Argumente aussehen, und es signieren Dinge richtig. So funktioniert es gut, die meiste Zeit, so genannt wird, ist versteckt. Aber du musst wenigstens wissen, ich weiß, dass es existiert. Du verstehst also, wie es funktioniert, oder? Richtig. Du schreibst also nicht deinen Mantel und lernt alles auswendig. Es ist eine gute Idee zu verstehen, wie die Dinge funktionieren, denn dann können Sie Mantel besser erstellen . Das ist nur eine gute Lektion. Vielen Dank. 20. Objekte: Hallo Heute werde ich Ihnen sagen, was das Thema, wie es zu erstellen und wie es zu verwenden. Objekte sind nur Container zum Speichern von Variablen und Funktionen, die thematisch miteinander verwandte Methoden genannt werden , um die Wiederverwendung zu erleichtern. Ist es möglich, es ein bisschen einfach weg zu definieren? Ja. Alles um mich herum ist ein Objekt. Ja, ich schaue auf den Monitor. Ich schaue mir den Kurs an, oder das bewegt sich hier. Alles, was Sie sehen können, kann als Objekt bezeichnet werden. Und Sie können Objekte verwenden, die Sie definieren können durch, Sie kennen die Variablen. Und Sie können sagen, welche Aktionen auf diese Objekte durchgeführt werden, indem Sie Funktionen erstellen und sehr gesteigert beschreiben, dass die Objekte kalt sind. Ah, diesmal so etwas wie Perlenpartys. Ok. Und nun, lassen Sie uns ein Beispiel erstellen, das wir,wissen Sie,etwas schaffen könnten wissen Sie, . Aber zuerst denke ich, Sie könnten einfach die Beispielbeispiele verwenden, die bereits erstellt wurden Wenn Sie zum Mozilla Developer Network gehen , gibt es einen Kerl. Es gibt auch ganz oder für Fahrer. Keep free one Aber e Wenn Sie hier sind, können Sie so etwas wie Referenzen in Objekten gebaut finden. Wie Sie sehen können, gibt es viele eingebaute Objekte, die Sie verwenden können. Es gibt viele Eigenschaften, also vory Boots, die diese Objekte und Funktionen beschreiben, die Ihnen helfen können, mit ihnen zu arbeiten . Das ist wirklich, wirklich cool. Zum Beispiel haben Sie auch so etwas wie Dokumentobjektmotor. Wir reden über dieses Ding leichter. E. Und innerhalb des aktuellen Objektmodells gibt es das wichtigste Bedürfnis, das heißt Dokument Dokument beschreibt das Dokument aus dem HTML fünf. Lassen Sie uns verwenden, es hat das Dokument verwendet. Mm-Objekt. Was? Um das Objekt zu verwenden, gebe ich einfach den Namen des Objekts ein. Und dann habe ich diesen Punkt getreten und dann, wie Sie sehen können, kann ich dort auf alle möglichen Werte zugreifen und in diesem Editor sind die blauen Variablen. Die Eigenschaften, richtig, und die rote sind die Metalle, die ich verwenden kann. Und jetzt möchte ich Element für Idee bekommen, dass ich Sie geschickt habe und ich hier zum Beispiel zustimme . Weißt du, lass uns diesen Kerltest nennen. Also habe ich jetzt Gutes wegen dieser Angelegenheit, die von jemandem geschaffen wurde, den ich weiß, wie es geschaffen wurde, wie es funktioniert. Ich will nur wissen, dass es so funktioniert. Es bekommt dieses Element nur durch diese i d und jetzt tippe ich hier, zum Beispiel, Vardy. Wenn aber was auch immer. Ich möchte diesem Ding nur den Rückgabewert zuweisen. Und lasst uns Allard, Wie Sie sehen können, innerhalb eines Tages haben wir gutes Objekt, das html Diva Zitrone genannt wird. Also habe ich gerade ein anderes Objekt bekommen, dass ich es verwenden kann. Es wird html dif eine Zitrone genannt. Wie Sie sehen können, ist es innerhalb des Dokumentobjektmodells. Richtig? Und wenn wir hierher gehen, können wir etwas mehr darüber lesen. Sie können lesen, welche Eigenschaften sich darin befinden und solche Dinge. Ähm, aber gut, und Objekte, ähm, es hat etwas gut in dem HTML hat so etwas wie eine Eigenschaft, die inneres HTML genannt wird . Wir können etwas tun, Dave in ihrem HTML und jetzt können wir ein Zeichen hier anders zuweisen. Ich denke, dass das innerhalb des dif sein wird, das wir hier Dysfunktion verwenden, damit wir hier tippen können . So, zum Beispiel, dies ist neuer Text Jetzt, wenn wir aktualisieren, wie Sie sehen können, würde den Wert Einsicht ändern. Das ist wirklich cool, denn im Moment können wir sagen, es ändern Sie den Wert von alles auf unserer Website dynamisch, ich wissen Sie, wir können zum Beispiel hier überprüfen. Wenn jemand alles richtig in der Form gemacht hat, wenn ja, dann würden wir sagen: Hey, Hey, alles ist in Ordnung. Wir können hier sogar ein Bild beleidigen, oder? Wir können tun, was wir wollen, nur indem wir dieses kleine Ding wissen, dass das so mächtig ist, wir jetzt tun können, was wir wollen. Richtig? Sie können überprüfen, ob, zum Beispiel Um dieser Typ hat die Größe des Dokuments so. Wir wollen, dass Teoh alles in unserem Dokument abnimmt. Wir können solche Dinge tun, weil wir jetzt gute Objekte haben, die von anderen Menschen natürlich geschaffen werden , dann einige von ihnen in den nächsten Lektionen die wichtigsten Dinge über sie. Ähm, aber es wird sehen, dass es so mächtig ist. Richtig? Und Sie können auch Ihre eigenen Objekte erstellen Das ist auch nützlich. Zum Beispiel, entkam ein Objekt, das wir Person genannt und wie es zu tun. Sie haben nur asi nicht ist, dass wir es nur als normale Variable erstellt haben, oder? Aber im Moment, um ein Objekt zu erstellen, sollten wir hier so etwas wie Curly Brace ER erstellen , und es bedeutet, dass wir gerade ein Objekt erstellt haben, das Person genannt wird, und jetzt ist er hat es unterschrieben. Wir können die Variablen erstellen, die Eigenschaften, die Sie diese Objekte beschreiben, was es beschreiben kann. Die Person Person hat einen Namen und dann haben wir nur ein bisschen Art von Namen und dieser Name kann Wert haben . Also, zum Beispiel, sind so, um es zu tun, wir geben einfach den Schlüssel Krieg als die Spalte und den Wert aus der, um aus der Eigenschaft. Und jetzt können wir mehr von ihnen erschaffen. Wir können das Komma zwei separate verwenden. So, zum Beispiel, Nachname auf DNA. Jetzt werde ich eine Menge von dem, was unser Trick eingeben. Und wie Sie sehen können, haben wir jetzt gute Werte. Aber, weißt du, es so in einer Zeile zu schreiben, ist eine sehr schlechte Idee. Sie sollten es so machen, denn im Moment ist es besser lesbar. Wie Sie sehen können, ist es sofort einfacher zu lesen, und dann können wir handeln, ist all diese Dinge. Also, zum Beispiel, kann ich unsere Person tun, die so genannt wird. Wie Sie jetzt sehen können, ist es Rx. Also haben wir das Gleiche gemacht, wie hier greifen wir auf das innere HTML von dem tiefen Element zu, das wir hier durch diese Methode bekommen haben. Und, nun, wir können es natürlich dynamisch ändern. Hier ist ein Beispiel, das mehr beäugt. Wie Sie sehen können, wurde es geändert, oder? Wir können es ändern. Wahrscheinlich haben sie es hier getan. Ah, zu einer Zeit können Sie, natürlich, dynamisch in etwas neues Alter 15 zum Beispiel, Wie das auf Sie können Sie wissen, dass wir jederzeit alle Elemente können. Das coole Ding ist auch, dass du es jetzt so benutzen kannst, oder? Wir brauchen nicht zu verwenden, andere als sie auch einfacher für uns, um die Rinde Dinge später. Also die innere HTML und jetzt können wir Person eingeben, zum Beispiel Name, richtig? Und es funktioniert. Was ist passiert, wenn wir zum Beispiel solche Sachen haben? Wie Sie sehen können, sagt es Objektobjekt, weil es einen Standard gibt. Mein Gedanke, das ist der Iran. Wenn Sie das Objekt als Zeichenfolge interpretieren möchten. Ah, diese Methode heißt streak, okay, und Sie können sie überschreiben. Aber nur um String zu sagen. Und jetzt können wir die Funktion eines Tieres erschaffen, die es überschreiben wird. Das Standardverhalten. Jetzt können wir die Sache zurückgeben, die wir nur sagen wollen, dass, wenn wir so etwas tun, Sie sehen können, dass wir den als den schwächeren Typ hier sehen werden. Was auch immer das will, wird genau das sein, was angezeigt wird, wenn jemand will sie keine Person diese Variable als String interpretieren. Also, wenn Sie so etwas tun, damit wir zurückkehren können. Hier ist zum Beispiel, diese, zum Beispiel, Name, wie Sie jetzt sehen können, zeigen wir standardmäßig Ihren Namen. Aber du kannst so etwas auch tun. Dieser Nachname bum sind Rick würde widersprechen? Es funktioniert. Nein, es ist nur ein Standardwert. Und, naja, Sie wissen, dass Sie Ihre Mani-Methoden erstellen können. Dies wird die Methode Ihr eigenes genannt. Ich weiß, du kannst etwas zählen. Wie lange, bis du diesen Kerl nimmst, wird seltsam alt sein. Er wird 18 sein, wenn die Kanten niedriger als dann. Wir sagen, dass er Nein ist. 18 oder etwas, das wir unsere eigenen Methoden tun können. So ist alles alt, zum Beispiel, wie diese Funktion und jetzt natürlich müssen wir ein Komma hören, und Sie können überprüfen, ob das Kretin h so etwas ist. Und wenn das Alter unter 18 ist, dann False zurückgeben Andernfalls zurückgegeben. Wahr. Richtig. Ist das auf Dhere? Ein zynischer, ähm, und im Moment können wir das benutzen. Die Person ist alt, wie Sie sehen können. Ähm, das und Sie schreiben Mm. Weil, ähm, aber so gut, die Person, die dieser Erwachsene die Fehler als Bowling zurückgibt. Und das ist einfach nicht jeden Tag auf dem toten Weg auftauchen. Natürlich würde es auftauchen, weil jetzt nur schreien, weint. Ähm, Mensch ist Oh, ich weiß, dass er dran ist. Warum nicht? Warum nicht? Es funktioniert nicht drinnen, um tot zu sein. Also ist es eine gute Idee, dass ich diese Fehler wegen der hohen gemacht. Ich werde dir etwas zeigen,was sehr wichtig ist, weil du diesen Fehler auch begehen könntest. , Ich werde dir etwas zeigen,was sehr wichtig ist, Und es ist ziemlich cool auf einem Stock. Ja. Wie alt ist das jetzt hier? Es ist nicht in diesem Alter, dieses Alter hier könnte das Alter sein, das hier definiert ist. Also spielen manche das richtig. Wir müssen genau zu Javascript sagen, dass wir zu diesem Rand gehen wollen, und wir tippen einfach, dass diese acht. Dies deutet immer darauf hin, dass die am nächsten liegende Umleitung möglich ist. Also in dieser Situation in diesem Objekt. So interpretiert es jetzt hier das h hier und deswegen. Wie Sie jetzt sehen können, haben wir hier wahr, weil, na ja, die Zeiten oben, wenn wir nehmen, zum Beispiel, 15. Wie Sie jetzt sehen können, ist es falsch. Es funktioniert also. Wir haben unsere eigene Funktion suchen erstellt. Und wie Sie sehen können, sind diese Funktionen miteinander verwandt. Diese Variablen sind miteinander verwandt. Also ist es eine gute Idee, Dinge zu speichern, die miteinander verwandt sind. Sie können auch Ah, wissen Sie, Objekte erstellen , indem Sie vor etwas wie neues Objekt tippen und dann so bombardieren. Wir können das für eine Sekunde nehmen. Uh, Sie können sehen, dass es funktioniert, aber ich kommentiere das nicht mit diesem Ding. Du würdest, ich zeige es dir nur. Du weißt also, dass so etwas existiert. Ich empfehle es nicht, weil es langsamer ist, und es ist nicht so einfach, so zu lesen. Du. Es gibt auch eine andere Möglichkeit, Objekte zu erstellen, aber wir könnten es Ihnen in der nächsten Lektion zeigen, weil, naja, dies ist eine Metapher, wissen Sie, viele Objekte aus einem Typ erstellen. Okay, es ist nur Advent fortgeschrittener. Stoppen Sie diese die Grundlagen, die Sie wissen müssen. Die zweite Sache ist sehr, sehr fortgeschrittene Sache. Nicht viele Leute werden es benutzen. Also, wenn Sie es verstehen, können Sie jetzt voran gehen und Sie lesen über viele Objekte, die Sie zum Beispiel verwenden können, Datum eins, wo Sie für Timing Dinge und andere Dinge wie das berücksichtigen können. Ah, wir würden über das Wichtigste reden. Weniger. Es gibt nur diese Lektion. Vielen Dank. 21. Objektkonstruktion Funktion: Hallo Heute werde ich Ihnen über die Konstruktorfunktion erzählen. Wir haben gerade in anderen Sprachen angerufen. Klasse? Was ist es und warum sollten wir brauchen? Stellen wir uns eine Situation wie diese vor, die ich jetzt eine zweite Person erschaffen möchte. Also, was soll ich tun? Ich würde so etwas tun. Ich würde ihn zu Evers anrufen. Ich würde hier den Namen ändern, zum Beispiel, Viola und das Alter. Und ich möchte, zum Beispiel, zum Beispiel, ändern Sie ein bisschen Dysfunktion Und dann würde ich Person freie Person schaffen 4% 5 ho. Weißt du, Weißt du, es wäre schrecklich, wenn ich dann etwas drinnen ändern will. Zum Beispiel möchte ich ein weiteres Eigentum Leben hinzufügen, zum Beispiel. Telefonnummer sind die Website oder etwas, das wäre einfach schrecklich. Ich müsste jedes mögliche Objekt wie diese Eigenschaft hinzufügen, wenn ich etwas in der Funktion ändern wollte , wenn der Unterschied Also würde es bei b anders funktionieren, wo a Es würde auch viel Zeit dauern, weil ich jeden mögliches Objekt wie das. Also brauchen wir eine Art von Form zum Erstellen all dieser Objekte und dieses Ding wird Klassenkonstruktorfunktion in Javascript genannt . So kurz Klassen dieses Formular zum Erstellen von Objekten. Ein solches Formular wird verwendet, um Objekte in einer Klasse zu sammeln. Das ist, warum es Kreuz genannt Sie können, weil es erstellen. Mann. Es unterscheidet sich voneinander. Objekte dort unterscheiden sie sich voneinander durch unterschiedliche Namen wie die direkt über der Website. Nennen Sie die ganze Wut, was auch immer, aber mit den gleichen Eigenschaften und Methoden zur gleichen Zeit. Richtig. Also, wie so etwas zu tun? Wie löst man dieses Problem? Wir können einen Funktionskonstruktor erstellen. Also? Also in Javascript ist es wirklich schwer für den Schuldner. Stört es, wenn die Funktion eine Funktion von ihr ist? Es ist eine Funktion. Konstruktor ist seltsam, warum sie kein neues Schlüsselwort wie Klasse erstellt haben. Aber nun, Sie müssen nur daran denken, dass er die Funktion manchmal diese Funktion sein kann. Manchmal kann es ein Konstruktor sein. Und jetzt werden Sie hier den Namen von diesem Funktionskonstruktor eingeben und zum Beispiel Person sein. Und das ist der Ort, an dem Sie genau bemerken sollten Wenn diese Funktion als Funktionskonstruktor verwendet wird oder es nicht die Funktion ist, weil Sie wissen, dass Sie das Verb für die Funktionen verwenden sollten, die Sie Element von I d erhalten Dies die Funktion wenn Du siehst so etwas wie diese Person. Nun, das ist nicht das Verb, genau dann ist dies ein Funktionskonstruktor. Und während, wenn Sie einen Körper auch sehen, werden Sie feststellen, dass dies nicht die gleiche Nacht, die Funktion, weil Sie nicht die Rückkehr hier sind . Ah, der Wert. Sie rufen die Funktion nicht wie no Well auf, Sie rufen nicht den Funktionskonstruktor auf, den Sie nur verwenden Get your konstruieren Sie das Objekt mit dem Schlüsselwort new, so dass wir es tun. Also lasst uns dasselbe tun wie oben, wie es jetzt geht. Jetzt haben wir Zehe nehmen ah Argumente zu dieser Person, die diese Person repräsentieren wird. Also in unserer Situation ist ein Name und es ist Asare Name, richtig und es ist auch Alter. Und jetzt sollten wir Eigenschaften erstellen, wie Eigenschaften für den Funktionskonstruktor zu erstellen. Wir sollten dieses Schlüsselwort verwenden, da dies auf den Wert aus der tatsächlichen Konstruktion Think mm Objekt OK zeigt. Von dem, den wir mit dem Personenkonstruktor konstruieren möchten, was sein könnte, lassen Sie uns den Konstruktor verwenden . Also lassen Sie uns eine Person zum Beispiel erstellen, Variable X. Eine neue Person, wenn wir Sie geschickt, zum Beispiel, Sind Rick die so, zum Beispiel, Wie das? Und jetzt lasst es uns unter dem gemeinsamen haben. Also haben wir keine Probleme mit diesen und dem, oder? Und nicht wir haben hierher geschickt, Eric. Wir schickten hier zu anspruchsvollen würde Arktis und bis zum Alter 39 richtig? Und jetzt wollen wir mit diesem neuen Schlüsselwort diese Person konstruieren und es verwenden Sie als eine x-Variable . So müssen wir nun Eigenschaften erstellen. Also tun wir es, indem wir dieses Schlüsselwort und das eingeben und wir erstellen nur den Namen aus dieser Eigenschaft. Wir können es nennen, was wir wollen, aber wir nennen es einfach so, als wäre es hier. So haben wir später keine Probleme, indem wir spezielle Namen erstellen. Es ist hübsch, weißt du, es kann am Anfang missverstanden werden, weil es so sein mag, als wäre dieser Name derselbe wie dieser Name. Weißt du, selbst ich habe diese Zeit mal benutzt, um das Recht zu haben. Äh, Sie müssen sich nur daran erinnern, dass dies die niedrige Abdeckung ist, die in der Lage ist, dass diese auf, die Sie zwischen diesen geschweiften Klammer zugreifen können , die Dis erstellt, weil wir hier den arktischen Namen senden Körper muss sich auch erinnern dass dieser Name nicht auf den Namen zugreift, der an diese Funktion gesendet wurde. Aber es ist Zugriff auf die gewunderte Teoh das Objekt, das wir erstellen wollen. Okay, also jetzt diese SAR-Namen und ich tippe Es ist unser Name in diesem Alter und jetzt können wir es einfach so etwas wie das X Alter machen . Und wie Sie sehen können, dass wir heute Abend haben, funktioniert es ziemlich gut. Es ist eine gute Idee, auch zu sagen, dass Sie auf Dinge in Objekten zugreifen können, indem Sie so etwas eingeben. Es ist auch möglich, es so zu tun. Okay, also kannst du es so machen, oder du schaffst es, Dad. Weg weiter. Und jetzt lassen Sie uns Funktionen im Inneren erstellen. Also, wie es zu tun? Dies ist Erwachsenen gleich Funktion, und jetzt die Mühe die Funktion. Der Unterschied ist, dass wir hier jetzt ein Semikolon brauchen. Und Sie bemerken wahrscheinlich auch, dass Sie keine Kommas hinzufügen. , Wir können die Grenzen kopieren,damit wir nicht wieder reinkommen müssen. Wir können diese drei ng Funktionen dieser String-Funktion kopieren. Ähm, ohne natürlich, das. Okay? Gleiche in Köln und jetzt ging in etwas, das wir sehen arktische podiatrische. Und es funktioniert sehr gut, oder? Und die coole Sache ist, jetzt, wo wir können Was? Wir können jetzt so etwas tun. Bombe, Bombe, Eier! Ruhig! Set. Odjick! Ich weiß, zum Beispiel, Yolanda, ich quäle, was wir hier Werte ändern können, und wir haben Gut. Nun, zum Beispiel, können wir so etwas in HTML. Richtig? Wir wollen diesen Kerl mitnehmen. Dieser Kerl. Äh, was? Warum? Ähm krank. Und wir haben alle neuen Leute draußen gedruckt. Sie jemals alle nicht auch bemerken, dass es gut sein wird? Es hatten wir mehr Leute gerne etwas zu schaffen. Würde das kalt und Eric. Aber wir reden später darüber. Nächste Lektionen. Aber wie Sie sehen können, sparen wir jetzt Zeit. Warum? Denn wenn Sie jetzt neue Eigenschaft erstellen möchten, geben wir einfach dies ein und jetzt den Namen der Eigenschaft, die wir erstellen möchten, zum Beispiel, Website und Art der Website. Und wir stimmen hier jetzt Website genau so zu. Und es wird jetzt funktionieren. Wir können es verwenden, indem wir hier Wert senden, wenn Sie nicht senden. Es funktioniert auch, weil Jetzt ist es einfach undefiniert, schwächen, definieren oder nicht. Also ist es ziemlich cool. Wir können uns jetzt ändern, weißt du, zum Beispiel. Oh, ich möchte mehr Dinge in zwei Saiten plus Balsam eingeben, dieses H genau so. Und jetzt gegen das Hauptquartier, richtig? Wir könnten, wissen Sie, zu etwas wie Age Column gehen, und wir können Instant in hinzufügen und es ist alle Objekte hinzugefügt. Es ist einmal mit, wenn wir es so erstellt haben, müssen wir es an jedem möglichen Ort ändern. Deshalb sind Klassen so cool und Sie sollten sie verwenden, wenn Sie beispielsweise auf Werte aus der Datenbank zugreifen möchten. zum Beispiel vor, Stellen Sie sichzum Beispiel vor,dass Sie etwas verwenden. Wird dieser Kult Ajax und Sie sollten über dieses Objekt lernen? Ja, Dies ist ein Bob-Objekt, das in einigen Methoden und Eigenschaften gut etwas hat, mit dem Sie uns BH handeln können, und PHP kann dann zum Beispiel auf Datenbank zugreifen, so dass es Fuß gehen kann, für Beispiel, mein esque Öl. Holen Sie sich Informationen und geben Sie sie mit dem Ajax zurück, wenn auch Objekt innerhalb des JavaScript, ohne Ihre Website neu zu laden. Sie können Ihre Website richtig abdanken. Das ist sehr cool. Sie können Ihre Inhalte Ihrer Website aktualisieren, ohne Ihre Website neu zu laden, Sie können, Ah, das ist wirklich, wirklich mächtig. Sie können deshalb sehr nützliche Skripte erstellen. Und nun, dann können Sie zum Beispiel, wissen Sie, gehen wir in die Datenbank, nehmen wir oder Koreaner und lassen Sie wissen, Rückkehr t zum Skript in der JavaScript. Und jetzt haben wir, zum Beispiel, viele Leute, die sowohl etwas und, ja, dann wäre es eine gute Idee, Objekte für sie ausgebildet, weil dann können wir auf all diese Werte ziemlich einfach zugreifen. Aber es wäre auch eine bessere Idee, eine Konstruktorfunktion der Klasse A zu erstellen, weil wir Menschen von ihnen haben . Und wenn Sie etwas ändern wollen, dann ja, ich werde gut sein, weil wir es sofort ändern können, indem wir einfach eine neue Eigenschaft, eine neue Funktion oder andere Dinge wie diese eingeben . Okay, das steht alles in der Lektion. Vielen Dank. 22. Prototyp: Hallo Heute werde ich Ihnen sagen, was dieser Prototyp und ging, um Prototyp und gut zu verwenden, wie Zehe Requisite Paritäten außerhalb von Funktion Constructor außerhalb außerhalb von. Besprechen Sie, wie es normal geht. Wenn Sie eine neue Eigenschaft zu jedem Objekt hinzufügen möchten, können Sie einfach Kuchen eingeben und dann zweifeln. Und du, Joe Und du kannst dir hier den Namen eines neuen Eigentums vorstellen. Party. Also ist etwas Neues gleich fünf und dass wir handeln können. Ist es ziemlich einfach? Wie der Tod. Und wie Sie sehen können, haben Sie jetzt fünf, aber natürlich. Das ist etwas Neues. Diese Eigenschaft ist in anderen Objekten nicht vorhanden. Warum? Weil alle diese Objekte unterschiedliche Vorfälle sind. Es ist ein anderes Objekt. Okay, x y und dass sie alle verschieden sind. Sie wissen nicht über einander. Wenn ich diese Eigenschaft in allen möglichen Objekten gleichzeitig ändern wollte, hätte ich sie hier ändern sollen. Ich hätte so etwas tun sollen. Einige denken neu und dann hier gleich fünf und nein, tun so etwas. Jetzt ist es in Ordnung, aber manchmal gibt es ein Problem. Sie haben keinen Zugang zu diesem Ort. Und nun, Sie könnten so sein, als hätten Sie es gehabt. Ich schreibe so gut. Ich habe immer Zugang hier. Ja, aber jetzt stellen Sie sich die Situation vor. Wenn Sie jemanden benutzen, der gut geht, können Sie natürlich die Dinge dort ändern. Aber stellen wir uns eine Situation wie zum Beispiel Jake vor, wo J-Abfrage ein Framework ist, in dem Sie viele nützliche Tools haben. Aber manchmal möchten Sie, dass Sie Ihre eigenen Werkzeuge erstellen und Sie möchten es mit anderen Menschen teilen . Und diese Dinge werden Plug Ins genannt. Und dann wird es großartig sein, wenn Sie nicht etwas in diesem Plugging ändern müssen weil Sie wissen, dass es am meisten Zeit kompiliert ist. Es ist vergrößert, und es wird deswegen weit aussehen. Sie möchten es außerhalb der J Courage Java-Skriptdatei haben. Okay, und dann kommt so etwas wie Prototyp. Prototyp ist ein vorläufiges Modell, richtig? Es ist etwas. Was zuerst kommt und alles nach diesem Prototyp erbt alles im Inneren. Ah, dieser Prototyp. Also, was? Selbst dieser Personenfunktionskonstruktor erbt alles von dem Objekt, das Prototyp ist . Sie können mehr darüber lesen, denken Sie hier und ah gut, Sie können wahrscheinlich bemerkt haben, dass, wenn wir zB Start eingeben, Sie viele Funktionen hören konnten, die wir nicht erstellt haben und alle von ihnen sind nur geerbt . Was bedeutet, dass wir, ah, nur, weißt du, wie, wer gefunden haben? Er hat sie der Funktion Person sofort hinzugefügt, ohne sogar, du weißt schon, etwas zu tun, und Sie können den Prototyp ändern. Sie kennen das Problem in ihrem Modell sehr einfach außerhalb der Funktion. Ah, nur indem wir den Namen vom Namen aus der Sache mit dieser Person eingeben und jetzt können wir nur einen Prototyp und dann das. Und jetzt können wir zum Beispiel sagen, Hey, Hey, ich möchte etwas Neues schaffen, und dann wird es gleich fünf sein. Und wie Sie sehen können, funktioniert es richtig. Du kannst es ändern. Wie Sie sehen können, funktioniert es. Wer hat es der Klasse hinzugefügt? Wir haben es dem Objekt nicht wie hier in der Zeile 30 hinzugefügt, um es dem Prototyp aus der Klasse hinzuzufügen . Und dieses Ding wird in einer Situation verwendet. Wie ich schon sagte, wenn Sie Applauding erstellen wollen, zum Beispiel für erfordern, war es sehr nützlich für Sie, als Sie endlich Jake tragen gelernt. Und wir wollen ein paar Plug Ins erstellen und mit anderen teilen, richtig? Und aber ist, dass nur Situation verwendet wurde. Prototyp. Es gibt einige. Auch andere seltene Situationen waren es gut. Ich habe Bean mit Web-Entwicklung seit über 10 Jahren gebracht, und ich habe es nicht einmal verwendet, weil es bessere Möglichkeiten gibt, zu schreiben, wissen Sie, denkt in Java-Schema und in allen anderen Programmiersprachen, für können Sie Navigationskompositionen verwenden, was bedeutet, dass Sie Objekte innerhalb von Objekten erstellen, was bedeutet, dass Sie den Zusammenbruch richtig bekommen können und Sie uns ein Argument, ein Objekt nehmen , und Sie sind nur Signieren Objekt innerhalb dieser Funktion. Und so sollten Sie Code schreiben, anstatt etwas Gutes zu tun, wird Vererbung genannt . Vererbung in JavaScript ist so komplex und gleichzeitig sieht es so schlimm aus, dass ich Ihnen nur empfehlen, dieses Ding zu lernen, weil , es sehr ist,so etwas zu verwenden und es ist sogar die empfohlen. Es gibt bessere Möglichkeiten, es zu tun. Nehmt euch nicht eure kostbare Zeit damit, so etwas zu lernen. Okay, der Verkauf dieser Lektion. Vielen Dank. 23. Arrays: Hallo Heute werde ich Ihnen sagen, was unsere Augen und wie sie zu benutzen. Und darüber hinaus werde ich Ihnen sagen, warum Sie sich sogar die Mühe machen, Fehler zu verwenden. Okay, also warum man sie benutzt und was ist Harry? Harry ist ernst von Werten, die nebeneinander sind. Flächen sind Container für diese Werte. Ok? Und du kannst handeln. Es ist alles aus den Werten mit Sound Art off Index 012345 Sie sind nebeneinander und Sie können zum Beispiel den Namen des Bereichs und dann Top Null verwenden zum Beispiel und Sie werden die Akteure auf den Wert bringen, der da ist . Also, jetzt könnten Sie so sein, wenn ich so etwas verwenden möchte, stellen Sie sich eine Situation wie die wir aus der Datenbank abrufen wollen Einige Werte wie zum Beispiel Pearle-Docks. Also würden wir so etwas wie ein variables Produkt erstellen. Aber hey, es gibt noch ein Produkt. Okay, also wie würden wir es produktiv nennen, um ein freies Produkt zu schützen, und dann müssen wir, wenn wir bei einem anderen Produkt wieder das Produkt fünf haben. Und wir müssen den Code ändern, der sehr schrecklich wäre, oder? Und nun, zum Beispiel, wenn wir auf der Website Index dot html schauen, haben wir hier diese Elemente, die wir wirklich stinken Sie Programmierung Kurse und Web-Entwicklung Autos ist, was, wenn ich ein weiteres Auto Kurs hinzufügen möchte Beispiel, so etwas. Wie Sie sehen können, haben wir es hier sofort hinzugefügt. Aber nun, wenn Javascript-Estrich etwas mit diesen Listenelementen hier tun würde und wir werden es manuell mit jedem dieser Artikel tun und mir das Buch zugewiesen, das er auch halten muss. Ein weiterer aktivierter wäre es nur Hori Boot. Wir haben so etwas wie ein Array, das einfach alle diese Werte zusammen speichern kann. Für Beispiele könnten wir Produkte gleich eingeben. Und jetzt hier Klammern wie diese. Das bedeutet, dass wir in den Himmel wollen, Eric. Und jetzt können wir diesem Array diese Werte zuweisen, oder wir können es einfach verlassen und dann können wir das gleiche später hier. Aber lass es uns tun. Lassen Sie uns zum Beispiel sagen Hey, ich möchte hier und da ein weben den Wert wie zum Beispiel html auf und, zum Beispiel, pH ist, zum Beispiel meine Escwa Recht so etwas. Und im Moment haben wir einen Bereich, in dem freie Werte gespeichert werden, und Sie können mit solchen Indizes darauf zugreifen . Also, um zum Beispielzu zum Beispiel diesem Kerl hier zu kommen, müssen wir Pearl Docks eingeben. Und jetzt die Klammern. Und wie Sie jetzt sehen können, wenn wir aktualisieren, haben wir hier jetzt ECs h d m o. So könnten Sie sein wie, Warum ist es Null hier? Denn in JavaScript müssen Sie bei der Indizierung von Dingen von Null kommen. Das bedeutet also, dass dieses Ding gut in der Null ist. Das bedeutet, es hat einen. Das Ding hat zu tun, also ist es nicht wie 12345, aber du musst von Null kommen. OK, also ist das letzte Element immer minus eins. Ok, Eso greifen Sie auf Dinge drinnen zu. Sie können auch zu den bestehenden sehr neuen Werten hinzufügen, so können Sie so Beispielprodukte tun und ich möchte am Ende hinzufügen So hat uns Eine Zitrone ist hier. Das tat weh. Das vierte Element ist, dass der Index frei. Also sollten wir so etwas eingeben und wir können jetzt hier eingeben, um zum Beispiel, JavaScript richtig? Und jetzt können wir mit so etwas darauf zugreifen. Wie Sie sehen können, können wir bekommen, wenn wir hier nichts tippen. Wir geben nur Produkte ein. Wie Sie sehen können, haben wir jetzt, ähm, alle Werte durch Komma getrennt. Wir können sie hier ganz einfach sehen. Also, wenn ich so etwas tippe, ändern wir einfach den Wert von diesem Kerl hier. Richtig? Meine Eskorte zu Javascript. Und wie Sie sehen können, funktioniert es gut. Wenn ich also den ersten Änderungsantrag ändern möchte, würde ich so etwas annehmen, und das ändert es. Also, zum Beispiel, Sie wollen nicht wissen, Dinge hier manchmal, weil es dumm sein wird, wenn wir jedes Mal Zeh haben, zählen, wie maney, wenn genau. Und dann etwas ändern genannt Wenn Sie am Ende etwas am Ende wollen. Sie haben zu Lösungen, die Sie verwenden können. Eine der Lösungen ist Zeh. Verwenden Sie die Eigenschaft, die sich innerhalb des Bereichs befindet, da Bereich wirklich ein Objekt ist. Und wie wir bereits gelernt haben, Objekte gute Methoden und einige Eigenschaften, die Sie verwenden können. Ah, und wenn Sie etwas wie Produkte eingeben, können wir jetzt den Punkt-Operator verwenden und dann können wir etwas wie Länge verwenden. Länge gibt die Länge zurück, die Menge aus der Menge von Dingen, die innerhalb des Bereichs sind. Also dieses Mal wird es was sein, Free 12 kostenlos. Okay, also ist es das gleiche, als würden wir so etwas eingeben. Also im Moment fügen wir am Ende des Bereichs das JavaScript hinzu und wie Sie sehen können, funktioniert es gut. Sie können auch den letzten Wert ändern. Also, zum Beispiel, indem wir so tippen, so haben wir freie Leute wollen, dass es immer noch ist und ja, wir ändern diesen Kerl hier. Und wie Sie sehen können, ändern wir es. Aber Sie haben auch einige Methoden, weil, na ja, dieses Ding ist ein bisschen lang, oder? Wir können so etwas wie Produkte machen. Das und jetzt Push-Push drängt nur die Dinge am Ende. Also, wenn wir hier tippen, Ah, etwas Neues. Also, zum Beispiel, Grant Js Sie werden feststellen, dass wir es am Ende aus dem Bereich schieben. Wir haben schon so etwas getippt. So vorausgesetzt, das ist noch einfacher. Sie sollten auch wissen, dass Sie einen Aufstieg schaffen können. Keine Dosiersyntax wie diese, aber Sie können so etwas wie ver ah Variable tun. Und, zum Beispiel, Name off. In Ordnung. Und jetzt neuer Harry. Da dies ein Objekt ist, können Sie es so erstellen, dass der Funktionskonstruktor dosiert wird. Richtig? Und ja, ja, du kannst es jetzt benutzen. Sie können nicht, wissen Sie, erstellen Sie hier einige Werte zum Lesen, und wir werden die gleichen Dinge tun. Aber benutze die nicht. Du musst nur wissen, dass so etwas existiert. Wenn Sie den Code lesen, der von jemand anderem erstellt würde, sind dies nur langsamer. Ok. Diese langsamer sind nicht so effizient wie diese hier. Die These Denken wird schneller laufen. Sie in Ihrem Web-Browser. Also benutze nicht die Methode, die ich sagen sollte, dass ich dir gerade gezeigt habe. Okay, benutze das hier. Sie sollten auch wissen, dass es etwas wäre assoziativ ein Anstieg genannt. Assoziative Arrays bedeutet, dass Sie die Verwendung 012-Indizes kennen. Aber Sie verwenden Schlüsselwerte. Sie sind einander zugewiesen. Wie funktioniert es? Nun, Sie können im Bereich erstellen, indem zum Beispiel variable Person eingeben. Und jetzt können wir so etwas tun und dass wir Person eingeben und jetzt Namen. Also wissen wir jetzt genau, dass Sie hier rühren wollen Name, richtig. Und wir genau jetzt wissen, dass wir speichern als Härten und gehen hören wollen. Aber die Wahrheit ist, dass in Javascript assoziative Bereiche Objekte sind und sie völlig Objekte sind . Jetzt sind die Strahlen nur die, die du hast. 012 Indizes Hier sind sie Objekte. Völlig. Warum? Denn wenn Sie etwas eingeben, den ich Person Punktnamen können Sie auch auf diese Dinge ziemlich einfach zugreifen . Schauen wir es uns an. Alle Erde Person Name. Ok. Und wie Sie sehen können, haben wir hier jetzt unser IQ Um, wenn wir Typen sind Name Wie Sie sehen können, haben wir Wort Arctic bekommen. Es funktioniert. Wir können es auch so tun, wie wir alle es Problem gemacht haben. Es wird auch funktionieren. Okay, das ist ziemlich nützlich zu wissen, weil du weißt, manche Leute vielleicht andere Centex benutzen. Es ist eine gute Idee zu wissen, dass man solche Dinge tun kann. Diese Dinge wie hier sind ein bisschen mehr terroristische Kitzeln Dinge. Gehen wir zu etwas härterem. Wie Sie sehen können, haben wir auf unserer Website jetzt auf Bestellung aus diesen Artikeln Papst Programmierung Kurse und Web-Entwicklung veröffentlicht . Kearse's Was ist, wenn ich zu allen Programmierautos kommen wollte , ist natürlich nicht diejenigen, wie es geht. Das ist ziemlich einfach, weil wir nur zu dem Dokument gehen müssen, dass wir Element von i d tun müssen. Also, in unserer Situation, diese Idee, ihre Programmierkurse und jetzt wollen wir auf was zugreifen? Alle weniger Artikel. Also müssen wir nur eine Frau benutzen, indem wir anziehen. Hier ist eine Funktion, die wir den Bereich zurückgeben. Okay, Elements, kein Element, richtig, genau in dieser Situation, aber alle Beträge. Und jetzt können wir einfach wie hey, was am wenigsten Element und wir können es zuweisen, zum Beispiel, Programmierkurse. Und wenn die Oller tat, werden Sie nicht, ist, dass wir hier haben. Welches Objekt? HTML-Sammlung. Eine Sammlung ist etwas sehr Ähnliches. Stimmt und schief. Ähm ist der Container mit all diesen geringsten Gegenständen, auf die wir nicht zugreifen können, damit wir jetzt sterben erschienen Programmierkurse von Null. OK, und wie Sie jetzt sehen können, haben wir Objekt html Leasing Artikel Aram und so, was bedeutet, dass wir in diesem Bereich und Jetzt können wir auf den Wert zugreifen. Der Wert vom ersten. Dieses Element Element Element, weil wir den Null-Index verwenden, ist das, was innere HTML mit inneren HTML-Eigenschaft waren . Weil was? Das ist im Objekt, richtig? Wir können die Eigenschaft in einer Reihe verwenden. Html und, wie Sie jetzt sehen können, haben hier Schlucke. Und es funktioniert. Wollen wir den letzten Punkt bekommen, wie man es bekommt, wird die Länge von Programmierkursen verwenden, die Programmierkurse, die Länge minus eins, weil, gut, Sie Länge wir dieses Mal zurückgekehrt. Was? 12 frei. Aber wir wollen zum letzten Element kommen, das sich bei Index toe befindet. So frei minus man ist immer noch und weil es die letzte eine Zitrone bekommen. Die coole Sache ist, dass wir jetzt ziemlich einfach sprang Web-Entwicklung Kurse, richtig? So wie das. Und Bombe, die wir haben. Gut. Jetzt das letzte Javascript Lemon. Ziemlich einfach. Weißt du, wir waren der falsche Name von Ray-Salz, aber wir können uns ziemlich leicht ändern. Sie könnten die Syntax hier im Moment auch nicht verstehen, aber nun , ich werde Ihnen sagen, wie es funktioniert. Hören Sie, ich möchte Sie an die Lektion über Funktionen erinnern. Wenn Sie nicht genau verstehen, wird es eine gute Idee sein, Zehe Arbeit, die Lektion über die Funktionen wieder. Aber das Wichtigste ist, dass und die Methode immer das Ding an den Ort zurückgibt , an dem die Funktion in einer solchen Situation aufgerufen wurde. Duckman, holen Sie die Zitrone bei einem D. Wir könnten, wissen Sie, auch Typen, die ich auf Bestellung variabel fühle, bitte. Und machen Sie so etwas, richtig? Und jetzt scheint es ein bisschen einfacher. Wir sind hier. Was auf bestellt durch Eingabe etwas, das richtig freigegeben. Also haben wir das gut, um dies zu bestellen. Und jetzt wollen wir in diese auf geordnete gehen. Also tippen wir auf eine andere Leasing und erhalten von, dass unter den wenigsten, was Elemente durch Talknamen , das ist dieser Artikel. Und ja, wir bekommen nur all diese Listen Artikel hinein. Das ist ziemlich genial, nicht wahr? Ist die coole Sache ist, dass wir nicht brauchen, um eine temporäre höfliche, dass auf erstellen. Wir können einfach wieder die Operation mit dem Punkt so machen. Weißt du, wenn wir auch alle möglichen Kurse bekommen konnten, indem wir nur etwas tun, das ich aus dem Dokument bekomme , alle Elemente nach Tag-Namen diese Elemente. Aber wegen ihm, ob wir jetzt alle von ihnen haben, so dass zuerst eine Zitrone wird, was c plus plus sein. Und ja, es ist vermutlich plus die zweite wäre sehen schärfen. Und so weiter. Aber Sie wissen, wir wollen nicht alle diese Elemente die meiste Zeit bekommen Möchten Sie auf das zugreifen, auf das wir zugreifen möchten . Also ist es eine gute Idee, auch wenn Sie Ihr HTML-Dokument erstellen, wissen Sie, nennen Sie Ihre anderen diese So ist es einfach, sie von JavaScript-Code zugreifen, oder? Es ist eine gute Idee, Dinge im Alter Dämon Code zu nennen. Wenn Sie wissen, dass irgendwann etwas über den JavaScript-Mantel zugreifen würde. Okay, es gibt nur diese Lektion. Vielen Dank. 24. Nützliche array: Hallo. In der letzten Lektion haben Sie gelernt, was eine Ära in dieser Lektion ist. Sie werden neue Methoden und Eigenschaften lernen, die Ihnen helfen, mit einer Erhöhung zu arbeiten. Okay, also weißt du jetzt, dass das wirklich ein besonderes Objekt ist, oder? Und deshalb haben Sie gute Eigenschaften und Methode, weil Schöpfer von einem Anstieg gab Ihnen sie. So können Sie, wissen Sie, schneller mit ihnen arbeiten. Okay, um Ihnen zu zeigen, dass dies möglich ist, wie diese Methoden funktionieren. Ich habe hier am if mit der Identifikation erstellt, es heißt das Ergebnis. Und jetzt können wir es hier verwenden, indem wir mit Dokumenten darauf zugreifen. Jetzt erhalten Element von I d Ergebnis. Und jetzt können wir die innere HTML-Eigenschaft aus dem Objekt zugreifen, das von abgebaut rechts zurückgegeben wird , So können wir innerhalb des inneren HTML auf den Wert ändern, zum Beispiel, zum Beispiel, Videokurse. Und wie Sie jetzt sehen können, können wir alle diese Videokurse hier gedruckt sehen. Und Sie fragen sich vielleicht, warum auch wir all diese Eigenschaften im Inneren sehen können. Das ist ein besonderes Objekt, richtig? Aufgetretenes Spezialobjekt. Und wie kommt es vor? Da Sie normalerweise hier standardmäßig ausgeführt werden, ein Thema, das als String aufgerufen wird. Ich habe dir gesagt, dass Objekte so funktionieren. Und das, um Muster zu streamen, schreibt wirklich eine Angelegenheit, die als Wert aus bezeichnet wird. Wie Sie sehen können, haben wir das Gleiche. Standardmäßig funktioniert dieses Verhalten so. Sie können zum Beispiel dieses Verhalten ändern, zum Beispiel dieses Verhalten ändern, indem Sie Methode verwenden, wir gehen einfach Join, und dann können Sie hier eingeben, zum Beispiel. Hey, ich will kein Koma. Ich möchte hier brechen html Pause. Und jetzt drucken wir es aus. All diese Video-Kurse wie das ist oh, es funktioniert anders. Wir drucken es nicht anders, und es ist sehr nützlich, weil wir uns vorstellen, jetzt könnten wir auch hier eine Tabelle und Ari erstellen, wir könnten sogar den Wert der Funktion hier zurückgeben. Wie sollten diese Dinge funktionieren, oder? Das ist ziemlich cool, weil es sofort interpretieren kann, wie entstehen sollte, sollte nur mit dieser gemeinsamen Funktion gedruckt werden. Okay, das ist, wie wir machen, ist, wie die gemeinsame Funktion funktioniert. Und das ist das erste, was wir gelernt haben. So Join wird verwendet, um Elemente zu verbinden und durch gesendete Argument, okay. Und wir haben eine sehr wichtige Eigenschaft, über die wir vorher gesprochen haben. Wir haben gerade Längenlänge genannt. Es gibt nur das Land vom Eric zurück. Es ist sehr wichtig zu wissen, wie viele Mitglieder drin sind, denn dann wissen Sie, wie oft Sie später durch die Gegend gehen müssen. Es wird sehr nützlich in der nächsten Lektion sein, wenn wir die in den nächsten Lektionen wollen, wenn Sie Lopes verleihen möchten. Okay, so denken Sie daran, über diese Eigenschaft ist eine der wichtigsten Eigenschaften ist auch sehr wichtig zu wissen, dass das Gelenk nicht mit den Videokursen falsch funktioniert, wissen Sie, wie es seine Werte ändert. Hier ist es nur für den Präsentationszweck. Es bedeutet also, dass, wenn wir zum Beispiel so etwas tun, wir den Operator plus equals verwenden, was bedeutet, dass wir hier nicht zu dem vorhandenen Inhalt gehen, etwas Neues. Wie Sie jetzt sehen können, haben wir gut. Nach dem Drucken dieses Bereichs kennen Sie den Raum und dann diese Striche, die wir uns helfen, den Mantel zu debuggen und jetzt können wir den Wert von Videokursen hinzufügen . Wie Sie sehen können, der Wert nicht geändert, ist er immer noch gleich. Dieses Ding bringt uns nur zurück. Das Ergebnis für den Druck. Okay und derm oder Funktionen. Die nächste Funktion wird Kegel Cut genannt, die aus dem Krieg Kolkata Concoct in acht ist. Schneiden Sie den Namen etwas, das und es verbindet sich mit einer Gehaltserhöhung. Also, wenn ich etwas tue, dass Sie feststellen, dass wir mit unseren verbunden haben und wir verwendet beitreten. Entschuldigung. Ok. Jetzt haben wir mit einem Anstieg verbunden. Und wie Sie sehen können, sind sie später nicht verbunden, sie sind als Rückgabewert von diesem Ding verbunden. Also, wenn wir diesen Wert behalten , wollten Sie wollten, wollten Siegeändert werden. Wir sollten so etwas tun. Videokurse. Wir sollten den neuen Wert zurückgeben und ihn den Videokursen zuweisen. Dann, wie Sie sehen können, ist der neue Wert immer so. Erinnern Sie sich daran, weil nicht alle Funktionen funktionieren. Mit dem Wert, dem Abstieg hier und dem Hauptobjekt, an dem wir gerade arbeiten, ändern wir den Wert nicht. Okay, wie Sie sehen können, so funktioniert es. Conch Captain Aid Es verbindet sich, um zu entstehen. Die Länge ist rot. Zurückgeben der Länge aus einem Array und wir haben. Außerdem wird etwas besprechen. Pop Pop knallt nur seine explodierende rechts. Das letzte Element. Wenn Sie so etwas tun, entfernen Sie das letzte Element. Wie Sie sehen können, wird es jetzt aus dem ursprünglichen Bereich entfernt, also ist es nicht. Ah, die Sauce existiert später nicht und sie wird sofort zurückgegeben. Das Denken wird zurückgegeben, denn später können wir, weißt du, diese beiden Etwas vergleichen, auf denen Mädchen ein paar Operationen machen. Dinge wie diese sind sehr nützlich. Sie werden über diese Dinge erfahren, warum sie später nützlich sind, wenn Sie sie verwenden. Das ist also nur in der Hoffnung, das letzte Element zu entfernen, das Sie auch drücken können, was bedeutet, an einem Element bis zum Ende aus Bereich, so dass wir etwas wie Push tun und neues Element hören können . Wie Sie sehen können, haben wir hier ein neues Element hinzugefügt, und es wird die neue Größe von einem Bereich zurückgeben und die Rückkehr die neue Größe auf Eric, wir haben auch etwas gehen diese Kaltverschiebung, was bedeutet, entfernen ihre -Element. Das erste Element in Ordnung geformt, wenn wir es so machen, wie Sie sehen können, entfernen wir das erste Element. Es wird auch zurückgegeben werden. Que. Sie können auch die UN-Hauptversion von dieser Funktion verwenden, die alle Elemente im Bereich um eins verschiebt und am Anfang ein neues Element hinzufügt. Also, wenn wir so etwas tun, meine Frage gut verbessert, es wird hinzugefügt Betteln und alles wird bewegt. Das PHP wurde nicht entfernt. Okay, so funktioniert es bei Schafen. Und es gibt eine sehr, sehr coole Funktion, die wir gerade getötet haben. Sortieren Sie, welche , wie Sie erraten können der Bereich sortiert. Das ist ziemlich genial. Wie Sie jetzt sehen können, ist es sortiert Alphabet zu tragen. Also G h MP uns, richtig? Ziemlich genial. Was, wenn Sie diesen Bereich absteigend sortieren wollten? Also von der Z essen gesetzt auf a, Sie müssten nur so etwas wie Videokurse machen. Und jetzt geben Sie Reverse Reverse Reverse ist nur Umkehrung eines Bereichs. Jetzt ist dieser Abstieg hier als Sonntag. Das ist ziemlich genial, nicht wahr? Sie können es sofort tun, konsultieren Sie die Dinge sehr einfach. Sort ist ein alphabetischer Sortierer Kelly. Und es gibt ein Problem, weil wir gute auch Zahlen haben, wie man Zahlen bedient. Wird es das gleiche sein, wie Sie sehen können? Nummern wurden nicht sortiert. Nun, weil wir 44 haben, sollte hier sein, oder? Es funktioniert also nicht richtig, da die Sortierung standardmäßig eine Funktion innerhalb dieses Metalls . Es gibt eine Funktion, die in diesen Jahren aus Firmengründen, und es wird für Stärke verwendet, nicht für Zahlen. Wenn Sie also Zahlen vergleichen möchten, sollten wir hier eine Funktion senden, die die Standardfunktion ändern wird. Und hier, wie Sie sehen können, haben wir in den letzten Lektionen über Funktionen gelernt, die wir eine Animus-Funktion erstellen können, diese sehr nützliche Situation und mit zwei Parametern, die ein Minus-Bi zurückgeben werden und jetzt könnten wir sein. Aber warum? Aber warum? Es sieht so aus, weil die Sortierfunktion eine Vergleichsfunktion verwendet, die so aussieht. Und es hat, ähm, wissen Sie, in etwas wie, hey, hat jemand die Funktion hierher geschickt? Wenn nicht, verwenden Sie die Standardfunktion zum Sortieren von Zeichenfolgen. Wenn nicht, verwenden Sie die, die sie hier geschickt und es Mama sollte so aussehen, und es sollte negative oder positive Zahl oder Null behalten, wenn Null. Dies bedeutet, dass diese Dinge , verglichen werden, und sie sind die gleichen. Also sollten wir die Platte nicht wechseln. Wenn negativ, sollten wir den Ort in die andere Richtung ändern und wir sind positiv, dass wir wieder in die andere Richtung ändern sollten . Völlig eso, es so zu tun. Wir werden jetzt als senden, um, Nummern. Wie Sie sehen können, sind sie jetzt richtig sortiert. Wir müssen jetzt nicht rückgängig machen, weil , es nicht so funktioniert,dass wir jetzt auch die Art und Weise ändern können, wie es sortiert wird, indem wir ändern. Seien Sie zu einem, wie Sie sehen können, es funktioniert eso Keine Sorge. Wenn Sie nicht genau verstehen, wie er arbeitet, senden Sie nur eine Funktion an die Sortierfunktion, die Dysfunktion verwendet. Es hat also das Standardverhalten geändert. Sie können Funktionen wie diese auf eigene Faust erstellen. Wie Sie jetzt sehen können, ist das Senden von Funktion an eine Funktion nützlich, und sogar Ersteller von JavaScript-Menschen, die eine Luft erstellt haben. Ich benutze es, weil Sie dann das Standardverhalten oder eine Funktion ändern können. Und so machst du es diesmal. Okay, also sortie alphabetisches Etienne-Array sortieren und wir werden hier sicher sein . Ähm, das wird verwendet, um den sendenden Weg zu sortieren, sortieren und luftig absteigenden Weg. Okay, Es gibt auch keine, wir sollten diese Art umgekehrt ist umgekehrt. Ja, die Ari, das ältere Angebot. Die nächste Funktion, die wir nennen sollten, sprechen Sie darüber, dass es Slice Slice heißt, ist nur Slicing. Weißt du, als würdest du Fuß schneiden. Es wird denken in Scheiben schneiden, damit wir schneiden können. Machen wir es mit füttern Sie Ihr Korsett, weil es einfacher ist. Um, lassen Sie uns die Videokurse beleuchten und das ist zum Beispiel, Folien Elemente von eins zu frei. Wie Sie sehen können, haben wir. Jetzt ist er Myer Schule und JavaScript und später alles gleich. Also bedeutet es, dass diese Folien mein Gedanke nicht auf dem Haupt falsch funktioniert. Es wird die Werte dort nicht ändern, aber Sie können zurückkehren. Weißt du, ich will Dinge von hier, Teoh hier, und wir können zurückkehren. Aber wir müssen uns daran erinnern, dass es so funktioniert, wie es ist. Ah, eine Zitronen von 12 freien schließen Klammer schneiden, was bedeutet, dass es zuerst eine Zitrone schneiden wird, was in dieser Situation Ph. B. Aber nicht die erste Zitrone einschließt. Also wird es mein SQL- und Java-Skript schneiden, einschließlich frei. Also diese Unterschriften haben wir die eine und dieses Zeichen bedeutet mit frei. Also, wenn wir so etwas eingeben. Wir gehen zum Beispiel zu fünf, was Arbeit bedeutet. 12 wir wollen meine esque nicht gut, und dann 345 Was bedeutet, dass wir JavaScript, PDO und Grand Js haben . Wie Sie sehen können, funktioniert es gut. So funktionieren Scheiben und Sie haben auch etwas los. Dieser sogenannte Lieferspleiß ist sehr cool, denn wenn Sie etwas wie zum Beispiel eins eingeben und dann zum Beispiel frei eingeben, bedeutet dies, dass es alle Elemente innerhalb des Bereich von der ersten Position. Und es wird sich von ihnen entfernen, wie Sie die erste Positionierungsrede sehen können. Aber es ist nicht inklusive, wie bei der Scheibe. Das erste Dilemma. Also wird es 12 freie Ausrichtung entfernen. Also tun wir es. Wir haben nicht meine Schule Javascript und Video, und es gab diese Werte zurück. Aber Sie haben auch wahrscheinlich bemerkt, dass es wird sie von der ursprünglichen Version aus auf einer rechten Seite entfernen . Also ist es sehr wichtig, so dass es aus den Bereichen einige Zitronen entfernt, richtig? Es ist ziemlich cool. Und Sie können auch diese sehr cool bei Newell A Monster. So, zum Beispiel, etwas Neues eine Zahl. Ah, ihr Kopf da ist vielleicht, dass du so Geld neue Werte halten kannst, wie er will, damit es nicht frei ist. Wie Sie sehen können, haben wir gerade innerhalb des Ortes, wo normalerweise mein Schädel und Eifersucht PDO hinzugefügt, wo wir neue Elemente hier hinzugefügt . Richtig? Das erste Argument bedeutet also, von welchem Ort wir anfangen möchten, Elemente zu entfernen. Und zweites Argument ist, uns zu sagen, wie viele Elemente ich entfernen möchte, und dann die optionalen Argumente, so dass Sie so viele Elemente erhalten können, wie Sie möchten, die Sie nach der Position im Ei Argument zuerst hinzufügen Argumente, so dass Sie so viele Elemente erhalten können, wie Sie möchten, die Sie nach der Position im Ei Argument zuerst hinzufügenmöchten. Okay, Also Deads sind die nützlichsten für Methoden, die Sie wissen sollten, wenn Sie mit einer Gehaltserhöhung spielen . Und jetzt könnten Sie sein wie, Vielleicht ist dies, dass sie nicht so nützlich sind. Aber später werden Sie sehen, dass die meisten von ihnen Sie mit einigen, die sie verwendet haben, weil Sie einige Verarbeitung auf Bereichen haben werden . Okay, das ist alles in dieser Lektion. Vielen Dank. 25. Während und während: Hallo, heute. Ich würde Ihnen sagen, beide sind Schleifen, wie man sie benutzt. Und in beiden Situationen sollten Sie Schleifen verwenden. Warum überhaupt die Mühe machen, sie zu benutzen? So Schleife ist etwas, das einen Mantel ausführen kann. Ein Blogger Offcoat, so oft Sie wollen. Es gibt Situationen, in denen so etwas sehr nützlich ist. Stellen Sie sich so eine Situation vor. Er will zum Ergebnis kommen. Also mit Sachen wie dem Dokument erhalten Element von I d Ergebnis. Und jetzt würden wir es in der Ferne retten. Wie dieses Ergebnis. Und jetzt bekommen wir das Ergebnis. Inneres HTML. Und ich möchte Video-Auto-System hinzufügen. Also werde ich etwas tun. Videokurse, Um, und Null. Wie Sie sehen können, haben wir jetzt, Pfirsich. Ich möchte noch einen hinzufügen. Also lasst es uns tun. Ähm, okay. 1234512 Frei für weit sechs. Okay. Also sollte ich sie jetzt alle haben. Was, wenn ich jetzt an der Bruchlinie wollte? Okay, es gibt eine gute Idee. Lasst uns in der Pause. Ich muss, dass Sie wissen, hier, hier, hier, hier, braucht Zeit. Richtig. Aber siehst du nicht die Ähnlichkeiten zwischen all diesen Zeilen, die fast gleich sind, oder? Wir wiederholen uns nur. Und wir haben hier an jedem Ort. Was? 012345 Nur ein Unterschied. Es gibt einen kleinen Unterschied in diesem Code, indem nur die Zahl sich ändert, richtig. Die Zahl ändert sich um eins. Also können wir so etwas benutzen. Was heißt Lope? Weil Schleife eine Codezeile so oft ausführen kann, wie Sie möchten. Wie man eine Schleife benutzt. Sie geben den Namen der Schleife dort viele Schleifen in dieser Lektion ein. Wir haben zwei davon gelernt. Die 1. 1 ist gut weiß, was tut, was den Mantel ausführen wird, bis der Ausdruck hier drin wahr sein wird. Okay, also was kann dieser Ausdruck sein? Wir könnenzum Beispiel zum Beispiel einen Rebellen erschaffen? Ich bin und wenn es niedriger als fünf ist, dann werden wir Dinge zwischen diesen geschweiften Klammern ausführen. Ah, wir haben hier eine Warnung, weil wir keine Variable erstellt haben. Ich bin so dass wir es mit Null initialisieren müssen. Also wissen wir, dass das die Nummer ist. Und jetzt gibt es ein Problem mit diesem Look, diese Schleife wird in verschiedenen Notar laufen Wenn ich etwas getan habe. Wie zum Beispiel, um Allert. Hallo. Jetzt sehen wir im Schlepptau Unendliche, unendliche Fenster. Wir sehen nur zuerst wissen wir, dass die zweite und die dritte und 550 Glaube und, ähm Bam, bam, bam, bam, bam! Unendlich. Okay, denn Null ist immer niedriger als fünf, oder? Dieser Ausdruck. Wir sind immer wahr. Und deshalb müssen Sie diese Anweisung mit herum für immer deswegen innerhalb der Schleife ändern, nachdem Sie zum Beispielalle anderen Anweisungen ausgeführt haben zum Beispiel . Dort verwende ich das Post-Inkrement Tater-Post belastend ist die Erhöhung der Zahl. Warum? Durch um eins herum. So wird es sein, als ob Null eins eins niedriger als fünf ist. Ja, also ist man weniger als fünf Jahre. So auch. Das einzige, was sich in diesem Dope ändert, ist die Variable I und schau dir das hier an. Wir brauchen etwas, das sich so ändern würde. 012345 Richtig, So wird dies perfekte Situation sein, um dies zu verwenden. Schau, wir könnten das hier oben kopieren. Lasst uns um dieses Programm herum. Wie Sie sehen können, wird 01234 und fünf nicht angezeigt. Warum? Weil fünf nicht niedriger ist als 555 Gleicher Kampf, richtig. Deshalb ist fünf nicht gedruckt. Also können wir jetzt einfach diesen Teoh Death Place ändern. Wir können das Ding einfach löschen, weil wir es nicht mehr brauchen. Und hier kann ich so etwas wie diesen Balsam machen. Und wie Sie sehen können, funktioniert es. Wir drucken alles auf einmal aus. Nun, wir haben keine Soße. Warum? Weil Sauce 123456 Wir sollten Ihre sechs eingeben. Aber das ist immer noch keine gute Idee, ein Sechs Jahr haben, denn wenn Sie etwas Neues hinzufügen müssen, um es hier zu ändern. Versuchen Sie also immer, ihren Code auf diese Weise zu fahren. Hast du es benutzt? Universeller Weg? Also, wenn wir jetzt Länge haften. Jetzt, wenn Sie an etwas hier wussten, werden wir im Stande sein, es auszudrucken. Wie Sie jetzt sehen können, können wir Sauce sehen. Aber wenn Sie tatsächlich etwas Neues hören, Also zum Beispiel, Also zum Beispiel, habe ich die neuen Anrufe erstellt über, ähm ich weiß,und Sie sind Js, werden Sie sehen, dass es ziemlich einfach ausgedruckt ist. habe ich die neuen Anrufe erstellt über, ähm ich weiß, Und jetzt können wir sehr einfach die Bremsleitung wie das hinzufügen und bombardieren es innerhalb dieser Schleife gespritzt wird , Sie können sogar kommen Pariser aus Beispiel-Video-Kurse mit Kursen aus I, wenn es gleich ist , zum Beispiel, meine esque Nun, ich mag etwas anderes zu tun. Ich möchte dem inneren HTML etwas wie vor Hallo hinzufügen und so bombardieren. Und wie Sie vor meinem Esseker sehen können, können wir jetzt sehen. Hallo, es funktioniert. Die Schleife führt also nur alle Anweisungen aus. Bis zu diesem Ding ist dieser Ausdruck nicht wahr. Und wie Sie sehen können, ah, es ändert sich an dem einen Wert, den Sie Kier ändern, und es muss geändert werden. Sonst hätten wir Probleme, oder? Unsere 55 Leute würden aufhören zu arbeiten, denn wer würde ihn einfach mit Duminy-Anweisungen überladen ? Und es ist sehr nützlich, wenn ein Zoo sehen kann, durch das Gebiet zu gehen, etwas zu tun, und es wird magnetisiert ausgeführt werden. Lassen Sie uns ungewöhnlich Scheibe hier draußen und führt zu etwas sogar schwer dort. wir uns zum Beispiel Stellenwir uns zum Beispieleine Situation vor. Ich möchte Programmierung Flüche richtig nehmen und etwas mit ihnen tun, so würde ich für unsere eine mutige Programmierung Kurse Dokument bekommen Element von I D tun . Ich möchte zu den Programmierkursen gehen, identifizieren sie und dann bombardieren, dass ich möchte, ähm, gehen, um Elemente nach Gesprächsnamen zu erhalten, am wenigsten Element. Also habe ich keine Programmierkurse. Nehmen wir diese unter dem Kommentar. Und lassen Sie uns zum Beispiel so etwas tun, dass das Ergebnis innerer HTML auf Lassen Sie uns jetzt hier zum Programm gehen. Programmprogrammierung Kurse Was? Wir werden sehen. Wie Sie sehen können, haben wir zu Ihrem Objekt HTML-Sammlung. Richtig. Also, jetzt können wir Zehe von diesen wenigsten Elementen bekommen. Wie Sie jetzt sehen können, haben wir das wenigste Element. Und jetzt bombardieren diese innere HTML schwächen Typ und wir werden was bekommen? C ++. Wenn wir diese beiden ändern, werden wir C scharf. Wenn wir diese 22 ändern, werden wir Java ziemlich genial bekommen, oder? Okay, also, ähm, wir können jetzt nur diesen Wert ändern, um zum Beispiel alle Dinge aus den Programmierkursen zu drucken. Richtig? Und Sie können auch einige Dinge mit ihnen machen. Wir können einige Operationen von ihnen machen, also brauchen wir einen Blick. Warum? Wir müssen eine sehr blinde Oper schaffen. Sie können es nennen, was Sie wollen. Wenn ich niedriger ist als es eine gute Idee ist, alle Kurse der Programmierung Kurse, Bombenlänge, dann wollen wir die Kälte so ausführen. Oh, und ich habe gerade unsere fünf Leute zerquetscht, weil ich das nicht hinzugefügt habe. Denk nach. Okay, ich eröffnete den Firefox, und wie Sie jetzt sehen können, wenn Sie gehen C ++ siehe Shop und Java ausgedruckt einfach und wir können hier hinzufügen, zum Beispiel, der helle Kerl und ich mag das und es funktioniert gut. Und wir können jetzt alles auf unserer Website hinzufügen Das ist der wichtigste Teil so. Und wie Sie sehen können, haben wir es hier hinzugefügt, und es war sofort daran. Also wissen Sie, dass das angerufen wurde. Wir drucken nur an einem anderen Ort, aber Sie müssen es nicht ausdrucken. Du könntest ein paar Operationen machen. Sie könnten die Werte an eine Art von Programm senden, das sie später an die Datenbank sendet. Was auch immer Sie tun können, mit welchen Informationen von Ihrer Website. Ziemlich weit Schnee, weil es zu all diesen Elementen auf einmal gehen kann. Das ist sehr, sehr genial, nicht wahr? Und jetzt möchte ich mit Ihnen ein bisschen mehr trainieren, zum Beispiel, Funktionen, weil Stellen Sie sich eine Situation wie diese vor. Wir wollen jetzt keine Programmierkurse. Wir möchten Webentwicklungskurse, die wir brauchen. Was? Ändern Sie einfach all diese Dinge in die Web-Entwicklung, oder? Und jetzt haben wir eine gute Web-Entwicklung. Aber wenn ich belästigte wollte, müsste ich beide Zeit haben, den gleichen Mantel. Und jetzt stellen Sie sich eine Situation vor, in der Sie es zu diesen fünf Mal tun müssten, und Sie müssten dann etwas in Gold ändern. Eine Sache, die wir an fünf Stellen ändern müssen, die in Situationen wie, sollten Sie sofort denken, etwas wie, Hey, es ist eine gute Idee, eine Funktion zu erstellen. So funktionieren tot Nun, zum Beispiel, drucken Sie Kurse, was auch immer. Und hier nehmen wir als Parameter das i d aus, um das am wenigsten. Okay, und jetzt könnten wir das hier kopieren, und wir müssen nur tun, was ich von einer bestellten Liste hier ist. Es ist eine Variable. Also sollte es nicht so sein. Und hier würden wir es nicht Programmierungskurse nennen. Aber was auch immer nur Kurse, und jetzt können wir einfach einen Job einbeziehen. Also drucken Sie Kurse und ich muss nur schicken Hey, ich will das hier und bombardieren. Wir haben keine Programmierkurse. Hey, ich möchte Web-Entwicklungskurse geo und ich habe Web-Entwicklung Constant. Ich möchte beide Kurse und ich habe beide Kurse einmal. Das ist einfach genial, nicht wahr? Jetzt können Sie sehen, warum ich Ihnen so viele Lektionen gezeigt habe. Ah, alle Funktionsstörungen, die Dinge all das. Ah, all diese Variablen, warum ich so viel darüber rede? Denn wenn Sie dieses Ding verstehen, können Sie einen Mantel erstellen, der am wichtigsten ist. Das kann später leicht geändert werden, oder? Dass wir immer arbeiten, ohne dass du zu viel Mühe machst, oder? Und alle, Das ist sehr cool. Wir verstehen Ihren Mantel deswegen. Die Ergebnisse sind ein weiterer niedriger Buddhist genannt tun, warum wir so etwas tun könnten. Und warum dann so? Nehmen wir das unter dem Kommentar und lassen Sie es uns hier pinkeln. Wie Sie sehen können, funktioniert es gleich. Aber es gibt kleine Unterschiede zwischen dem Teig. Warum und warum? Was ist der Unterschied, wenn du es machst? Schau ich, du wirst immer das Denken Sie ausführen, was bedeutet, dass selbst wenn der Ausdruck wie der nicht durch ist beim Betteln an diesem sobald dieses Ding ausgeführt wird. Und, äh, diesmal benutzen wir hier. Wert 5 51,251 hier, Also lasst uns es für eine Sekunde auf Null ändern. Wie Sie sehen können, haben wir Ph. B mindestens einmal gedruckt , oder? Und wenn wir dies in diese Schleife ändern, so tun wir etwas wie die Änderung 20, da Sie nichts sehen können gedruckt, weil dieser Ausdruck am Anfang überprüft wird. Okay, wenn es nicht stimmt, wird hier nichts laufen. Ich werde mindestens einmal Ron sein. Das ist also der Unterschied, an den du dich erinnern solltest. Tun Sie während und waren Weifang Funktion. Ich habe die meiste Zeit die Frau Funktion verwendet, aber es kann eine Situation geben, in der Sie die Tür verwenden müssen, wenn Sie etwas laufen wollen und weg, auch wenn die gerade. Wenn die Bedingung nicht so ist, lassen Sie uns ungewöhnlich dies und die coole Sache über alle Dinge wie das ist, dass wir jetzt können Sie etwas überprüfen, machen Unternehmen Grund. Wenn zum Beispiel zum Beispiel der Typ hier selbst wenn Kurse aus dem I gleich PHP sind, möchte ich etwas Besonderes für PHP. Also will ich an das ist meine Sprache und Bombe. Ah, gibt es einen Pfirsich, der Ort ist? PHP. Wir haben Pfirsich-Wesen, ähm okay, wir sollten hier reißen, wenn inneres HTML Das ist meine Sprache. Es funktioniert richtig für PHP. Wir haben etwas hinzugefügt, dass wir diese Zehe ändern können, zum Beispiel, der Kompass und es funktioniert immer noch Alles, was wir können auch so etwas wie oder es entspricht Teoh Maya-Schule . Und wir haben es jetzt mit dem PHP, ich habe über den falschen Weg gesprochen. Verwenden wir Java. Wie Sie jetzt sehen können, ist es hier und es ist hier, Also das ist, wenn Sie etwas Besonderes für beide Dinge tun können. Deshalb brauchen Sie solche Operatoren. Wie Sie sehen können, werden unsere Programme etwas komplexer, aber so wird es auch in Zukunft sein. Okay, das geht diese Lektion. Vielen Dank. 26. Erstelle eine for-Schleife: - Hallo. In der letzten Lektion, die du Waters Loop gelernt hast und wie sie in dieser Lektion funktionieren, hast du eine neue Schleife gelernt, die wir gerade aufgerufen haben. Und nun, die Wahrheit ist, dass es nur ein anderer Name ist, warum es die gleichen Dinge wie das Wild Blue machen wird . Aber Sie müssen einfach so etwas eingeben. Wie Sie sehen können, funktioniert es, wenn es darum geht, auch das Gleiche zu tun. Warum also überhaupt die Mühe machen? Nun, es ist eine gute Idee, sich darum zu kümmern, weil diese Semikolons,wissen Sie, Separator für die Initialisierung und für das Denken sind wissen Sie , das getan werden muss, nachdem alle Dinge innerhalb des Looks ausgeführt wurden, wie Sie sehen können, noch funktioniert. Es ist also ein Trennzeichen für solche Dinge. Warum so etwas brauchte. Im Moment ist es sauberer, denkst du nicht, dass du jetzt nicht gut hast, außerhalb der Schleife, der Initialisierung und innerhalb nach der letzten Zeile, was nach jeder um die Schleife getan werden muss, du kann über diesen und diese draußen vergessen. Hier sieht also ein bisschen seltsam aus, weil , man nicht genau weiß,ob es wirklich mit dem Look verbunden ist. Ich bevorzuge das erstere deswegen wirklich. Es ist nur sauberer ist einfacher für das Lesen, zumindest meiner Meinung nach, aber es hängt wirklich von Vorlieben gegenüber anderen Menschen ab. Alles in allem müssen Sie alle möglichen Loops kennen, weil wissen, wir nichtwissen,welche jemand anderes verwenden wird, und Sie werden nicht nur Ihren Code selbst erstellen. Andere Menschen, die wir erschaffen. Cody wird ihren Code lesen, und du musst ihn verstehen. Selbst wenn dir das nicht gefällt, musst du dich verstehen. Selbst wenn du nicht wild magst, musst du trotzdem verstehen, bis jetzt wird das Gleiche tun. Aber der Unterschied ist, dass wir hier am Anfang angeben, was am Anfang getan werden muss. Und hier am Ende. Wir müssen angeben, was am Ende getan werden muss, wenn Sie alle Anweisungen ausführen, das Schwarz wie ein Mantelblock nach jedem Lauf, das ist alles. Also lassen Sie es uns vielleicht hier für die Initialisierung von variierten Boose eingeben, und das beginnt jetzt Bedingung. Und dann, was nach jeder Lippe nach jedem Blick richtig gemacht werden muss, sagen sie, dass Sie natürlich können, erstellen Sie Manimal-Variablen, die Sie komplizierter erstellen können. Ach, komplizierte Bedingungen. Und Sie können auch, wissen Sie, mehr Dinge wie diese erhöhen. Aber die meiste Zeit werden Sie nur eine for-Schleife haben, die genau so aussieht. Das wird es also nicht. Zum Beispiel wird das Drucken von Videountersetzern die Videokurse auf diese Länge ändern. Und wir möchten hier nur Videokurse so drucken. Und er arbeitet. Aber der Zoo wirklich sehr cool. Siehst du das nicht? Wir haben alle diese Dinge sofort gedruckt. Ah, es war wie eine Sekunde, die wir auf die eine diese Linie von co bam bam bam geändert haben! Und es druckt es. Ich liebe Lopes wirklich. Ich hoffe, Sie mögen auch wir, dass sie diese Lektion erzählen. Ich danke Ihnen vielmals. 27. Backen und fortfahren: Hallo. Heute werde ich Ihnen zeigen, brechen und zählen Sie Anweisungen, die in den Lippen verwendet werden. Lassen Sie uns eine einfache Situation am Anfang großartig. Lassen Sie uns töten, erstellen Sie eine for-Schleife, die nur zeigen wird, zum Beispiel, fünf Zahlen. Okay, also sollte es so aussehen, richtig? Wir erstellen wurden eine Variable initialisieren und wir weisen sie auf Null. Und wenn Null gesenkt wird und fünf, dann erhöhen Sie es einfach nach jeder Iteration. Also nach jedem Lauf dieses Aussehen und wenn wir es mit auffrischen, zum Beispiel, andere denken ich mit 012 kostenlos für fünf Und nicht immer. Weißt du, du weißt nicht immer alles. Was ist hier drin? So, zum Beispiel, können Sie zu ah gehen, am wenigsten off Elemente, die Sie zu den Menschen gehen können. Und zum Beispiel, wenn etwas passiert, das du nicht magst, dass du von der Schleife brechen willst und um es zu tun , kannst du etwas eingeben. Wenn ich zum Beispiel gleich fünf auf, dann brechen. Was bedeutet es, wenn wir drauf sind? Jetzt werden Sie 01 n nichts sehen. Warum? Weil zwei gleich zwei sind und wir sagen, brechen Es bedeutet, aus diesem Blick rauszukommen. Sie wissen, dass dies eine einfache Situation ist. Aber wie ich schon sagte, das tust du nicht. Du könntest zum Beispiel zu einer Art sehr gehen. Und wenn dies jemals etwas entspricht, das Sie nicht mögen, möchten Sie nicht, dass Ihre zum Beispiel for-Schleife in der mehr ausgeführt wird. Dann prahlst du es einfach. Okay, nichts, nachdem es ausgeführt wird. Du hast auch etwas Gutes. Dies könnte fortgesetzt werden, wenn Sie c Null eins fortsetzen und Sie nicht nur zwei gesehen haben. Aber hier, hey, es ist frei für und dann in Ordnung. Warum funktioniert es so? Weil weiter, weiter funktioniert, arbeitet wie eine Pause. Aber nach dem Brechen einmal die Schleife, es immer noch beruhigen t Nachrichten. Okay, also ist es nur einmal kaputt. Und was? Warum? So etwas wäre nützlich. Dieses Ding ist ein bisschen Gebrauch ist nützlich, wenn Sie Dinge wie tun, lassen Sie uns zum Beispiel die Programmierkurse bekommen. Das ist also großartig. Wenn wir in der Lage sind zu lesen, lasst uns es I d. Und lasst uns eine Frau nach Vortrag all diesen Artikel bekommen und gehen zu ihnen so variabel. Und wenn ich niedriger ist als Programmierkurse Land als ich plus plus okay und jetzt mag ich, zum Beispiel, bei etwas wie auch jetzt, vor jeder aus dieser Arbeit hier. CPAs, Patsy Sharp, Java, Paschal. Wie würde ich das machen? Ich würde nur zu den Programmierflüchen und im inneren HTML gehen. Und was normalerweise würden Sie so etwas direkt auf tun, würden Sie hinzufügen. Jetzt sogar das Problem an diesem Operator darin, dass er ihn am Ende hinzufügen würde. Oh, wir sollten natürlich zu jedem von dem Kerl kommen. So wie das und ein, so dass Sie sehen können, fügen wir es am Ende hinzu. Wenn Sie etwas am Anfang hinzufügen möchten, haben wir sowas unwahrscheinlich. Also weisen wir nur etwas Neues zu und etwas zu. Was war ihr Allwetter jetzt? Er kam sogar überall hin. Aber was? Das ist nicht einmal jedes Mal, oder? Ich möchte es auf der einmal in Warum Once seine ah man tat tun. Sogar so, wie es zu tun? Wenn ich mit dem Grabenmodell bin, das ich zwei gleich Null modelle, dann möchte ich auch zeigen, wie Sie jetzt sehen können, würde er sogar, wenn es aus ist. Es funktioniert also nicht. Funktionieren Sie richtig? Warum sind das einige, weil wissen, wir wissen,dass wir in einem Strahl zählen. Unsere Zahlen von 00123457 Und in unserer Situation, na ja, alle geraden Zahlen sind alte Zahlen oder alle Zahlen sind sogar richtig, denn welche Indizes sind einfach nicht in der hellen Position. Also werden wir es einfach ändern, indem wir dieses Zeichen hier verwenden. Und wie Sie jetzt sehen können, haben wir sogar an der richtigen Stelle. Also fügte er an der richtigen Stelle hinzu. Aber das Problem ist so gut, stellen Sie sich vor, dass wir hier gut waren. Eine einfache Sache zu tun. Und nach acht haben wir hier viele Anweisungen, okay? Und mal sehen, wie es nach der Ausführung dieses Dings geht, können Sie sehen, dass wir hier sehen können. Null hier ist nichts gleichmäßiges. Ok. Eins zu und nichts, Captain. Richtig. Wir haben nichts umsonst geändert. Ok? Manchmal wollen wir also nicht all diese Anweisungen hier wie jetzt tun, weil wir den anderen jetzt nicht ausführen müssen oder wir nichts tun wollen. Mädels mit ihnen. Wir haben andere Kerle, genau mit denen, die draußen sind. Dann können Sie einfach die weiter verwenden, so sonst einfach weiter und jetzt können wir eine und frei nur hier sehen . Wie Sie sehen können, werden diese Anweisungen auf Lee ausgeführt. Wenn es Station ist, sie zu umrunden. Ok? Es gibt nur eine Lektion. Vielen Dank. 28. Für: Hallo. Heute werde ich Ihnen für in Schleife zeigen , mit der Sie Objekte ziemlich schnell verarbeiten können. Wie funktioniert es? Wenn Sie für eingegeben haben, dann geben Sie hier Variable ein. Das ist eine temporäre Variable. Du kannst es nennen, wie immer du willst. Aber nennen wir es Eigenschaft? Weil es hier wirklich eine Eigenschaft ist. Okay, es wird den Wert von Eigentum persönlich nehmen. Hier ist der Name aus dem gesamten Projekt. Willst du protestieren? Ok. Und obwohl Carrie Zahnspange Michael und es würde freie Zeiten gehen, weil Sie freie richtige Eigenschaften in Person haben . Und wenn Sie zum Beispiel Eigenschaft duplizieren , werden Sie feststellen, dass mit dem Namen Serling und acht, was bedeutet, dass hier immer ein Wert der Eigenschaft ist. Und wir haben auch gelernt, dass wir so etwas wie eine Person tun können. Dieser Name und dieses Ding würden uns zeigen, was der Wert Sowohl der Name als auch wir haben Ihnen Arctic. Aber wir wissen auch, dass wir uns dieses Ding handeln können, indem wir so etwas eingeben. Das ist wirklich cool, weil dieses Ding es uns erlaubt, hier eine Variable zu verwenden. Sie können sehen, dass wir zum Beispielso etwas tun können zum Beispiel , und es wird auch Krieg. Also mit diesem Ding in unserem Kopf, wir wissen, dass wir verwenden können, was der Name und jetzt der Wert, der auf Name, Nachname und Alter geändert wird . Und wie Sie jetzt hier sehen können Good Arik, stimmen Arctic 26. Und dass das so toll ist, nicht wahr? So können wir zu allen Werten innerhalb des Objekts gehen ziemlich schnell und wir können es aus irgendeinem Grund verwenden , den wir wollen. Zum Beispiel, Variable X, kreative Herbal X und wir, zum Beispiel, wollen am X diese Werte, nicht wahr? Also würde es so etwas tun und dann werden wir es alarmieren. Und wie Sie sehen können, haben wir undefinierte arktische podiatrische 26. Warum undefiniert? Habe ich nicht. Vor allem warum? Denn standardmäßig, wenn wir so etwas tun, ist dies undefiniert und wir haben etwas Plus Gleiches getan. Wir fügen gerade hinzu und Sie denken an das Undefinierte. OK, also ist es eine gute Idee, manchmal etwas mit nur etwas zu initialisieren, das wir nichts tun . Wir haben die anderen Variablen mit den anderen Werten. Wie Sie jetzt sehen können, haben wir einen adäquaten Patrick-Transistor. So ist es wie ein neues Es ist wie so etwas wie Null für das Hinzufügen geweint, Wir haben hier eine leere Zeichenfolge. Okay, so gehen wir durch, dann Objekt, das Objekt wird. Aber Sie wissen auch, dass jede IRA auch ein Objekt ist. Können wir es also so benutzen? Das sind unsere Daten diesmal, wie Sie sehen können,können wir alle möglichen Werte auf Eric sehen. Das sind unsere Daten diesmal, wie Sie sehen können, So ist es auch ziemlich schnell Sache, die Sie gebeten, durch die Gegend zu gehen erlaubt. Aber das Problem ist, dass die Verwendung von so etwas Ihnen nicht erlaubt, wissen Sie, Ah, Ah, Sie tun etwas wie die Erhöhung Ihres Index, um kostenlos zu kaufen. Du musst einfach zu allen gehen, genau eins nach dem anderen. Es wird also die meiste Zeit für typische Objekte wie diese verwendet, wenn Sie nicht wissen können, Sie wissen nicht, wie viele Eigenschaften es gibt. Wie sind die Angerufenen und andere Dinge wie das? Mal sehen, wie wir mit dem Programmierkurs arbeiten werden. Natürlich. Nehmen wir an, so würde es so etwas tun. Was wird passieren, wie Sie können Sie sehen, wir haben gute html zumindest Artikel eine Zitrone und wow. Hier haben wir Funktion und Sohn und eine andere Funktion und vier gewesen. Warum? Denn gut, wir wissen, dass es alle möglichen Eigenschaften gibt und eine von der Eigenschaft für das Ding , das hier zurückgegeben wurde. Also für die Sammlung kann überprüfen, was? Er ist tot, indem er etwas tippt. Papa. Richtig. Wie Sie sehen können, HTM eine Sammlung ist etwas Gutes wird Funktion genannt. Eine andere Funktion und die Zahl, die Sie wahrscheinlich bemerkt haben, dass die Zahl gleich vier war , weil es eine Länge rechts ist. Wie viele von dem Mord an und na ja, wir hatten all diese Elemente. Also, wie so etwas zu tun? Wie man alle von den Werten ohne diese undefinierte Denk du, wie man diese macht? Was wir wissen, haben wir können mit dem Typ aus dem Typ überprüfen, wie Sie sehen können, was gutes Objekt, Objekt und dann Funktionsnummer. So haben Sie bemerkt, vorausgesetzt, dass mindestens eine Zitronen, die die sind, die wir unser Objekt verwenden möchten , Die anderen Dinge sind nicht Gegenstand. So könnten wir einfach entscheiden, wie wenn Sie tippen gut, wir können diese vollständig kopieren ist nicht gleich, was dem Objekt. Dann brechen Sie einfach. Wir müssen dieses lebende Tier nicht machen, wie Sie hier sehen können. Gut. Viermal Objekt und dann nichts. So wie Sie sehen können, Pause ist wirklich nützlich, weil nicht immer. Wissen Sie, Sie wissen nicht immer, wie Sie sind, ähm Bereiche suchen, wie die Dinge in Ihnen sind, ist nicht wie immer alles in Ordnung zu schaffen und jetzt können wir einfach brechen und wir können leicht so etwas wie in ihrem HTM alles tun. Und wir können mit diesen Werten arbeiten, oder? Ziemlich einfach. Sie könnten auch die Fortsetzung verwenden, wird auch ziemlich OK funktionieren, aber Sie können sehen. Aber die Fortsetzung, denken Sie daran, funktioniert so, dass Sie fortfahren dann So wird es wieder ausgeführt werden. Es wird erneut überprüft. Also sind wir diesmal pünktlich. Zumindest weil Sie wissen, haben Sie wahrscheinlich bemerkt, dass die Objekte am Anfang sind, oder? Die kleinsten Elemente stehen am Anfang. Am Ende hatten wir zwei Funktionen und eine Nummer. Bragg ist also besser in dieser Situation. Aber wissen Sie, manchmal wollen Sie nur Objekte aus dem enormen ah wählen, Objekte von Objekten. Und Sie wollen nur die Wahrheitsobjekte, und Sie wissen nicht, wo sie spielen. Also das ist eine gute Idee, dann zu verwenden, zum Beispiel Weiter rechts, denn dann werden Sie gehen, um Sie könnten alle Objekte verarbeiten und ziemlich einfach. Ok, es gibt nur Gutes. Hör zu, vielen Dank. 29. Argumente Objekt: hallo heute wird ein bisschen trainieren. Ich werde Ihnen ein Objekt zeigen. Wir haben gerade Argumente aufgerufen und es speichert alle Argumente, die an die Funktion gesendet werden. Um es zu verwenden, müssen Sie nur die Funktion übernehmen. Der Name der Funktion, die sie genannt wird, z. B. bei Zahlen. Würden Sie Zahlen hinzufügen und sofort, wenn Sie eine IT-Funktion erstellen, haben Sie gute Einblicke. Die Funktion erstellt ein Objekt, das Argumente genannt wird. Okay, du kannst jetzt Zeug eingeben. Du bist Menschen lang. Und wenn du etwas tust, Ivor, variabel einige. Und jetzt werden wir die Funktion mit zum Beispiel kostenlosen 76 und vier einbeziehen zum Beispiel . Sie werden feststellen, dass, wenn wir etwas wie Warnung und Aktualisierung tun, wie Sie sehen können, wir gut für haben, weil wir daher Argument senden. Und innerhalb dieser Argumente Nun, in diesem Objekt, können Sie auf jeden von diesen Jungs zugreifen, die hier gesendet werden, indem Sie Index verwenden. Wie Sie sehen können, haben wir den zweiten Kerl frei. Sieben. Der dritte Typ ist, was sechs. Ähm, es tut mir leid. Es ist der vierte, oder? Ich meine, wir müssen uns daran erinnern, wie die Dinge indiziert sind. Also sechs und der letzte Kerl ist für, so dass es richtig funktioniert, richtig? Wir können auf alle diese Werte zugreifen, so dass wir es in der Reihenfolge verwenden können, zum Beispiel, diese Zahlen und Sie haben wahrscheinlich jetzt bemerken, dass wir hier s Minute Argumente senden können, wie wir diese sehr nützlich für Situationen wie diese wollen. Also, wie Teoh ein paar aus diesen Argumenten macht, die wir verwenden können, zum Beispiel, einen Lappen, richtig? Weil Sie zu allen Dingen innerhalb des Objekts gehen können, so dass wir zum Beispiel Lappen verwenden können , , die in So können wir gehen, erstellen Sie eine Partei temporär innerhalb des Argumentobjekts Objekt. Und dann können wir Akteure jeder von Argumenten Wert so schätzen, wie wir in der letzten Lektion gelernt haben . So können wir Allergien. Das war's alles. Ähm Eigenschaften, Eigenschaft so frei sieben sucht für alles funktioniert von ging zu all diesen Werten. Also, jetzt können wir es hinzufügen. Wir sollten so einen temporären Vory-Boom erstellen, und das ist einfach hinzufügen, um es zu dieser Summe und den rechten Flügel zurückzugeben, um es an den Ort zurückzugeben, an dem wir die Funktion beteiligt haben. Und wir können die anderen hier draußen anders machen. Wie Sie sehen können, ist es 20 Also ist es frei, plus sieben Stents sechs plus vier ist jetzt 20. Wir hatten zum Beispiel neun. Also sollten wir 29 sein. Und es funktioniert gut. So können wir Senti Azman und Argumente kennen, wie wir wollen. Und wie ich schon sagte, diese, ähm, Schulungsstunden. Lassen Sie uns also daran erinnern, wie alles funktioniert, so dass alles von oben nach unten falsch ist . Also müssen wir uns auch daran erinnern, dass die Funktionen unsere beginnen, bevor sie etwas richtig in der temporalen aufrufen , über fähig und gut, sie sind nicht die Kälte im Inneren wird nicht ausgeführt, bis wir aufgerufen haben. - Richtig. Also fängt es irgendwo an, okay? Und dann erstellen wir jetzt eine Variable, die wir einen Wert von Dysfunktion haben. Also sind wir wie Sprungschlange, und wir senden freie sieben sechs für neun an das Objekt, das Argumente genannt wird. Und das ist ein Bob ein Objekt, richtig? Da es sich um ein Objekt handelt, kann es Werte speichern. Und dieses Objekt scheint, ist ähnlich dem Bereich, weil es sie in 012 freien Indizes speichert. - Richtig. Und wir können die vier suchen, zum Beispiel, Dinge hinzufügen. Also verwenden wir dies einige hier, die wir Null zuweisen, einige warum wir das tun weil wir es nicht tun. Wie Sie sehen können, haben wir die Nummer gut kennen. - Warum? Weil ein Debugging, wenn wir ein Vorzeichen Nullsumme kennen, nicht definiert ist. Also undefiniertes Plus plus eine beliebige Zahl ist einfach keine Zahl. Deshalb sehen wir so etwas wie ein n, das die Nummer kennt. Also ist es sehr wichtig, Zehe hier Null zuweisen. Und jetzt fügen wir nur jeweils den Wert dieser Argumente Eigenschaften hinzu. Und dann geben wir diesen Wert hier zurück und wir werden ihn alarmieren. Wir können es anders machen. Weg nach rechts. Wir können den y niedrigen Balken auf der anderen verwenden, zum Beispiel, wir können in einem Teil eines Rebellen so erstellen, wenn Argumente, die Länge I plus Explosion und wir können einfach bei dese sehr gefallen, um, natürlich. Im Moment haben wir einen guten anderen Index, wie er jetzt 20 zugibt, also funktioniert alles gut. Das ist nur eine gute Lektion. Vielen Dank. 30. DOM: Hallo Heute werden wir über Dome sprechen, die für Dokumentobjekt-Modell sendet, und es ist wirklich sehr wichtiges Thema. Konzentrieren wir uns auf Modellmodell. Was bedeutet das? Modell ist eine Formel zum Erstellen von etwas und sie erstellt ein Modell aus dem Dokument aus dem HTML-Dokument, das universell für alle Browser ist. Wer ist Tag? Nun, die Leute, die eine Spezifikation für Leute erstellt haben, die Browser erstellen. Okay und nun, wir müssen uns nicht kümmern. Wer genau sind sie? Wir müssen nur wissen, dass wir die universelle Methode zum Abrufen, Ändern, Löschen von Dingen von unserer Website haben. Und dieses Ding ist wirklich mächtig. Gehen wir zu dieser Website. Wie Sie sehen können, haben wir hier auseinander am Korb bekommen, wenn wir darauf klicken, wie Sie sehen können, wir haben einen fliegenden Kurs in diesen Korb gesehen und wir sahen ihn sofort. Er dynamisch Kelly, richtig. Wir können keinen anderen Kerl hinzufügen, und wir können ihn hier sehen, und wir können entfernen und dann bombardieren. Dieses Ding ist wirklich mächtig und es gibt uns so etwas wie, wissen Sie, erlaubt es uns, Dinge auf unseren Websites dynamisch und deswegen zu ändern. Nun, wissen Sie, wir müssen nicht alles für unsere Verwendung zu Beginn der zeigen, wenn sie unsere Website besuchen . Weißt du, es wäre dämlich, hier am Anfang einen Korb zu haben, denn niemand hat den , Korb benutzt,den er hatte, oder? Also das ist dumm, es zu haben, dann ist hier nur an diesem Ort, bevor Sie sich nicht auf andere Dinge auf Ihrer Website konzentrieren . Das sollten sie. Sie sollten sich auf andere Dinge konzentrieren, die sie nichts hinzufügen, um den Warenkorb noch richtig. Und Sie wissen, wenn sie etwas hinzufügen, der Typ auf Ihrer Website sofort weiß, dass er etwas hinzugefügt hat und er weiß, wo dieser Korb ist . Es ist also mächtig, wo ich denke, dass wir es gebrauchen können. Und Sie waren in dieser Lektion, die wir nicht über Aktion sprechen. Wissen Sie, wenn Sie etwas auf etwas treten, ist das eben und wir werden später über Evens reden. Aber die Sache wird darüber sprechen, wie Sie wissen, wie Sie überprüfen, wo sind die Dinge auf unserer Website, wie Sie sie abrufen. Und dieses Ding wird in den nächsten Lektionen zum Beispiel zum Beispiel in geraden Lektionen verwenden. Es ist also sehr wichtig, sich auf diese Person zu konzentrieren, weil es sehr, sehr wichtig ist. So gibt es viele Eigenschaften. Die wichtigste, die ich denke, sind hier. Und einige Methoden, die darüber sprechen werden, denke ich, dass Sie etwas mit diesem Schädel herunterladen sollten . Document Objekt. Inspektor, Wenn Sie heruntergeladen, Sie können zum Entwicklerbereich gehen und es öffnen. Und das wird Gewohnheiten, wissen Sie, gehen durch dieses Dokumentobjekt-Modell. Und es wird mich auch dazu bringen, dir beizubringen, wie es funktioniert. Also das erste, was Sie über Dokumentobjektmodell wissen sollten, dass alles im Dokumentobjektmodell aufgerufen wird und notieren. Okay, das ist keine Krankheit. Nein, das ist eine Notiz. Das ist Nein, das ist Nein, das ist nein. Wussten Sie, dass alles im Inneren eine Notiz genannt wird, die wir haben auch etwas wird Elemente diskutieren . Elemente sind nur Gerede. Also html Kopfteil tat, wenn Dave der Tag unsere Gespräche richtige Elemente und der Kerl verwenden kann. So gibt es auch viele andere Dinge. Wie zum Beispiel versucht. Was ist ein Kind? Weißt du, ein Kind ist etwas, das nur eine niedrigere Hierarchie ist, ein Hierarchie-Silber. Und so, zum Beispiel, Hut ist ein Kind von html. Dies ist ein Kind des Körpers, wenn wir zum Körper gehen und wir in den Tod gehen, zum Beispiel dieser Steve. Oh, wir haben eine andere Webseite geöffnet, die diese hier geöffnet hat. Teufel, operieren Sie nach unten, Inspektor, wie Sie sehen können, wenn wir hier gehen, sind auf bestellte Liste und dann haben wir hier unseren Freigabe-Artikel und all dieser Listenartikel ist das Kind auf geordnete Weise? Dies unter dem Mietvertrag ist ein Kind des Körpers, und der Körper ist ein Elternteil eines anderen. Das eine andere. Dies ist ein übergeordnetes Element von dieser Leasingseite. Und das hier, dieses hier, es gibt keine, es gibt keine, also ist es ziemlich leicht zu verstehen. Du hast auch etwas Gutes. Es hat Geschwister. Dieses Listenelement ist ein gleichgeordnetes Element aus diesem Listenelement. Dieser Artikel ist ein Geschwister von dieser Notiz, okay? Und nun, das sind die wichtigsten Wörter, die Sie in einem Dokumentobjektmodell verstehen müssen. Wie Sie sehen können,ist es eine Formel, die so erstellt wurde. Wie Sie sehen können, Und jetzt können Sie auf Eigenschaften zugreifen. Und dieser Dokumentobjektinspektor ist wirklich hilfreich, denn wenn Sie hier zum Beispiel gehen , und Sie wählen diese Manu und Sie gehen zum JavaScript-Objekt. Sie haben alle Eigenschaften, auf die Sie zugreifen können. Ok? Und diese Eigenschaften können auch Methoden sein. Zum Beispiel diejenige, die Sie bereits kennen. Wie Sie sehen können, haben wir hier, zum Beispiel Get Elemente by talk name. Richtig? Also verwenden wir diese, wenn Sie zum Dokument gehen. Wie Sie sehen können, verwenden wir Dokument Objekt bereits. Sie werden feststellen, dass wir hier sind. Ah, Funktion, die e Schädel eine Zitronen bekommen wird, wenn ich eine Zitrone dabei bekomme, richtig? Wir benutzen es. Wir verwenden es, um eine Zitrone aus dem Dokument zu erhalten und dann den inneren HTML zu ändern. Wenn wir also zum Beispiel einen weiteren Mietvertrag bekommen und dann zum Listenelement gehen, könnten wir mit der inneren HD eine Meile ändern. Wie Sie sehen können, etwas mit dem Schädel CPAs Bus. Es gibt viele, viele, viele weitere Eigenschaften, aber die wichtigste, denke ich zumindest, sind diese eine dieser. Ok. Und, nun, lasst uns trainieren. Das ist mal sehen, wie es funktioniert, damit wir das Dokument verwenden können und jetzt können wir mit diesen Methoden viele Dinge zugreifen . Zum Beispiel können wir Elemente durch den Namen durch den Zielnamen von Klasnic actus. Aber wir verwenden, zum Beispiel, das I D. Und wir werden was für eine Programmierung Kurse bekommen und sagen wir, speichern Sie es die Variablen von Beispiel wie das. Und es ist wirklich wichtig, solche Dinge in eine Variable zu sichern. Warum? Weil Sie die ganze Zeit wissen, wenn Sie so etwas tun, muss Ihr Computer richtig funktionieren, und es braucht Zeit. Also, wenn Sie diese hier speichern, müssen Sie es nicht noch einmal tun. Es ist nur in unserem mehr, als Sie es nicht wieder tun müssen. Es ist also sehr, sehr wichtig, so etwas zu tun. Es dauerte, um eine temporäre von einem Rabel zu erstellen, denn wenn Sie diese Dinge noch einmal wiederholen mussten, werden Sie einfach Ihren Computer dazu bringen, das gleiche zu tun. Was ist einfach kein Sinn, oder? Es ist eine gute Idee, eine temporäre Variable wie diese zu haben. Wie Sie sehen können, haben wir Objekt-HTML auf geordnete. Also haben wir das hier. Denken Sie, und es bedeutet, dass wir zum Beispiel zugreifen können, die ich nicht schwer oder hier s O i d. Und wenn wir zu Attributen gehen, lassen Sie uns ihre Tribute finden. Oh, wie Sie hier sehen können, ist eine Eigenschaft Attribute. Und in diesen Attributen haben Sie es ist kein Recht und Sie können auf Null Recht zugreifen. Sie können auf das erste Objekt zugreifen Und in diesem Objekt, wenn wir auf die Nein gehen, den Wert Wie Sie sehen können, können wir auf Programmierkurse zugreifen, Kurse. Es ist also der Wert von diesem Attribut. Also lasst es uns tun. Warum kein x, das das erste Element von diesen wegschreibt, dass Notenwert und Bombe. Wir haben gute Programmierkurse, aber wissen Sie, ist nicht der beste Weg, um diese Adresse zu tun, weil wir in dieser Situation eine Funktion haben , die wir gerade Get-Attribute genannt haben. Wenn wir die Funktion so verwenden, können wir einfach , sagen,dass ich ein Attribut möchte. Wir haben gerade Idee genannt, und ich möchte sehen, was der Wert davon ist. Oh, es sind Programmierkurse. Sehr cool. Und wir können es später für etwas benutzen, oder? Wir können zum Beispiel auf jede mögliche um Ich liebe Mendel jetzt Website mit trez gehen die Klasse wie und ich will Sie wissen, nach, zum Beispiel, mit der Maus über diesen Ort, Ich will etwas sehen, Mädchen schreiben etwas, dass Sie tun können, was Sie wollen, mit den Informationen wie diese. Es ist also sehr nützlich. Sie können auch etwas festlegen, so dass Sie X, das Set, Attribut und Sie tippen nur. Dann der Name einer Hommage an Köpfe von, zum Beispiel, Klassenname und dann fügen Sie ihren Namen von der Klasse hinzu. Also, zum Beispiel, testen und Sie werden das jetzt bemerken. Nun, fast nichts hat sich geändert. Aber ich habe hier ein Feuer zurück, das alles auf ihrer Website beobachtet. Sie können es herunterladen auf. Weißt du, der Stecker ist für den Firefox und er wird sanftmütig Tor und wir gehen hierher. Wie Sie sehen können, haben wir die Klasse hinzugefügt, die Test genannt wird, und das ist noch leistungsfähiger, weil nach dem Hinzufügen einer dynamischen und so und wenn wir zum Beispiel etwas in unserer Station hatten zum Beispiel . Also lassen Sie uns die Farbe Zehe ändern, zum Beispiel rot. Wie Sie sehen können, ist es sofort rot, so können Sie jetzt nach, Zum Beispiel, jemand Creek Flasche, Sie wollen die Farbe ändern und Sie können es dynamisch tun. Nachdem du jemand Bach hier bist, willst du auftauchen. Sie möchten das Display von diesem Ding von nicht zu Ah ändern, tun Sie das Absolute und es wird einfach sofort angezeigt. Das ist einfach großartig. Wie mächtig ist es? Ah, siehst du es? Sie müssen nur ein Attribut hinzufügen und alles wird sich auf einer Website über das Leben ändern. Dies ist also zum Festlegen von Attributen. Sie können natürlich natürlich Attribute entfernen. Wir könnten ein Attribut hinzufügen und wie Sie wissen, dass ich es nicht mehr will. Ich möchte dieses Attribut entfernen, das Klasse genannt wird, und wissen Sie, weil wir die Klasse jetzt entfernen, sehen wir das Recht nicht mehr. Also könnten wir, ähm, ähm, wie hier, wenn an etwas in den Korb und wenn jemand Bach entfernt, dann, wenn es der letzte Versuch war , und nur zeigen, sagte es, dass die Anzeige von dieser Box nicht nur verschwindet. Ziemlich genial, oder? Aber wir wissen es nicht, wir wissen es gerade nicht. Wie Zeh sehen könnte, wenn jemand etwas klickt. Wir werden später darüber reden, wenn wir über Evens sprechen, also gehen Sie vor den nächsten Lektionen, denn, na ja, sie werden Ihnen erlauben, mächtige Dinge zu tun. Okay, das ist also das Das ist das, was eines der wichtigsten Dinge ist. Aber du weißt auch, wie man die Dinge im Inneren verändert. So haben wir bereits verwendet, zum Beispiel, im HTML direkt, wenn Sie die Programmierkurse bekommen. Also verwenden wir Programmierkurse. Wir sind in ihnen in Ordnung. Griechenland zum Beispiel. Wir wollen Zehenzugang. Der kleinste Artikel hier. Äh, wie würden wir es tun? Wir geben das einfach ein und wir würden darauf zugreifen, zum Beispiel, Ah, Kind bemerkt Diagnosen in ihrem Ring aus. Wissen Sie, dass auf Ebene unten in hohen Regalen. Okay, also bedeutet es, dass wir alle gemieteten Gegenstände haben, aber wir haben auch diese Texte. Was ist das für ein Text? Weil, Nun, das ist nicht die Schlucke plus c scharf, weil C c plus und C scharf ist innen aus diesem Artikel. Dieser Text ist nur alle Leerzeichen hier. Also haben wir alle Leerräume entfernt. Wir würden solche Angriffe nicht sehen. Okay, ähm, wenn wir ein Kind Notizen von Null haben, sind wir das nicht, wenn wir es auffrischen? Onda,so etwas wie das. Onda, Wir bemerken, wenn Sie gute Objekttexte haben, was ist das nur ein schöner Raum? Wir können auf diese Namen zugreifen, aber wir können keine Abwertung tun und wir erhalten einen Wert davon wird hier betrachtet sind alle, wie Sie sehen können . Warum Räume? Aber wir wollen das zweite Element. Also wollen wir so etwas tun. Wie Sie sehen können, ist dies nicht jetzt, denn innerhalb des kleinsten Elements ist ein Elementangriff. Und es ist jetzt an einem inneren Element. Es wären Stapel. Und der Knotenwert ist jetzt. Nichts. Der Knotenwert ist nur für Text. Okay, wenn du jetzt zum Text kommen willst, solltest du etwas eingeben, wie ich jetzt will. Zum Beispiel das erste Kind. Also die erste Flut von Lee Silom Element ist diese Steuer und das können Sie sehen. Wir können jetzt einen Text sehen, oder? Und was? Wir können einen Text sehen, weil wir es auch mit dem Knoten Valium zugegriffen haben, haben wir so etwas wie das wird bemerken, dass er Objekttext haben würde. Und wenn Sie darauf ihren Wert zugreifen möchten, müssen wir Knotenwert eingeben. Okay, also der Wert aus Text ist in keinem Wert. Und das ist eine direkte Version von Ihnen Zugriff und so etwas, und es dauert einige Zeit, aber manchmal müssen Sie es so machen. Aber Sie können es ein bisschen einfacher machen. Zum Beispiel, mit der Welt bekommen ein Lammens nach technischem Namen und wir haben jetzt gut alle geleasten Gegenstände, richtig? Und weil wir all diese Elemente haben, können wir jetzt innerhalb der wenigsten Artikel arbeiten zugreifen. , So haben wir all diese Elemente,damit wir zum Beispiel auf das erste Element zugreifen können. Also wäre es nur am wenigsten Element und dann können wir in ihm wirken. Das erste Kind, das ist, was eine Steuer ist, und dann können wir zum Beispiel Knotenwert zugreifen . Aber Sie könnenzum Beispiel zum Beispiel auch inneres HTML verwenden. Wie Sie sehen können, haben wir jetzt hier c plus plus. Aber es gibt einen Unterschied vor zwischen Interesse E-Mails und Texte kontertiert Wenn Sie so etwas tun , die innere HTML zeigen wir Ihnen so etwas, aber der Textinhalt zeigen wir Ihnen genau nur Textinhalt. Das Problem ist, dass es nur von Internet Explorer nine plus unterstützt wird. Also, wenn Sie diese Websites unterstützen möchten, ist Rose unwahrscheinlich. Sie haben tow verwenden, was Sie, die zum ersten versucht im Knotenwert gehen müssten. Das Problem ist, dass nicht jetzt ist nein, weil das erste Kind hat sich geändert. Wir haben jetzt das Kind dieses Artikels. Der erste Schlag ist fett, und dann ist der erste Anblick von fett angenommen plus, Also müssen wir das erste Kind wieder tun. Erstes Kind, erster Stamm. Und wie Sie sehen können, waren wir Nazi-Vergangenheit. Aber so wird es ein bisschen hart. Manchmal willst du die Zehe zu etwas machen, oder? Aber wenn Sie verstehen, was dieser Teil und was dieses Kind, was bekannt ist, wäre es nicht schwer für Sie, weil Sie können. Dann sogar, wissen Sie, überprüfen Sie hier, wenn Sie zum geringsten Gegenstand gehen und dann gehen Sie, zum Beispiel, schnell, richtig? Wie Sie den ersten Schuss von diesem kleinsten Element sehen können, sind es Angriffe. Dann können Sie hier gehen, und Sie können zum Beispiel sehen, zum Beispiel sehen, dass der Wert der Note C ++ ist, also ist es ziemlich mächtig. Der Knotenname ist der Name des Knotens. Meistens ist es der Name des Vortrags. Sie können auch die Tatsache verwenden, dass kein Typ frei ist auch immer für den Angriff eine Zitrone, so können Sie überprüfen, ob der Angriff wirklich Angriff ist, weil, Sie wissen, manchmal eine Notiz angegriffen werden kann. Manchmal kann es auf Element yuk ungerecht sein. Überprüfe es. Kein Typ. Dann ist es kostenlos. Okay, es ist ein Element. Es ist ein Angriff. Es ist ein Element. Sie können es für etwas Nützliches verwenden. Richtig? Mal sehen, wie das nächste Geschwister funktioniert. Also, wenn ich in unseren notierten Leads so bin und dann bekommen wir zum Beispiel das Kind Notizen. Also der Bereich von all diesen Gegenständen und wir bekommen, zum Beispiel, die erste Person, die wir haben den Text, richtig? Aber wenn wir bombardieren, ich will nächste Geschwister werden Sie sehen, dass wir Objekt zumindest Elemente haben, also ist es fast so, als hätten wir so etwas gemacht. Also am nächsten Abend, vorheriges Schlafen einfach war für den Zugriff auf die nächsten Dinge innerhalb und innen und nein, genau als nächstes weiß innerhalb des Nordens, würde die Elternnote in der Note feuern würde würde uns rückwärts. Also, wenn wir gerade im wenigsten Gegenstand sind, gehen wir zurück zum Ordnungsgemäßer. Also wäre es fast dasselbe, und du könntest so sein, aber warum sollte ich etwas brauchen? Weil Sie manchmal als erstes Element in Ihrer Funktion von irgendwo ein Argument gesendet haben, richtig? Sie haben ein Argument, und es wurde an Ihre Funktion gesendet. Und Sie haben und beachten Sie, dass diese, zum Beispiel, hier und Sie wollen irgendwie wissen, wie ist der Elternmantel ist auch in einem Artikel auf Bestellung dieses. Oh, und es wird die Identifikation in der Identifikation so hinzufügen. Oh, also kann ich das machen und dann und das. Okay, so funktioniert es. Du solltest wissen, ein bisschen versuchen, du weißt schon, halb Pflanzenspiel. Wir spielen mit all diesen Dingen hier, um zu sehen, wie, wie sie funktionieren. Das ist nur in der Tat, Versant. Vielen Dank. 31. querySelector: Hallo heute sind Sie zeigen Ihnen zwei sehr nützliche Metalle, die Abfrage-Selektor genannt werden, Anfrage Selektor alle. Und wie der Name in dieser Situation andeutet, bedeutet es, etwas aus unserem Dokument anzufordern, indem Sie einen Selektor eingeben, einen Selektor, der wie gleich aussieht. Wie wir Dinge in CIA's s erstellt Wenn Sie für alle möglichen Kochelemente fragen möchten, die Klassen-Test haben Sie nur den Test eingeben und Sie erhalten alle Elemente und Sie können bezweifeln dann tun Sie etwas mit ihnen, wie Bearbeiten dieser Art in HD. In Javascript können Sie noch mehr tun, richtig. Sie können ein Ereignis hinzufügen, über das wir später sprechen werden. Sie können, wissen Sie, die Position vom Objekt ändern. Du kannst den Text in anderen Dingen ändern, oder? Und der quadratische Selektor ermöglicht es Ihnen, Selektoren zu verwenden, die Sie kennen, und das ist wirklich mächtig. Es ermöglicht Ihnen, Dinge ziemlich schnell und leicht zu verstehen. Also brauchst du es dann nicht richtig? So lange wie hier aufgerufen, geben Sie einfach etwas wie anstelle dieses Abfrageselektor alle ein und geben Sie dann ein. Ich möchte alle Programmierkurse und ich möchte all diese Elemente und dann haben wir nur erfrischend das gleiche Ergebnis bekommen. Es ist also mächtig, oder? Aber es gibt ein Problem. Es wird nicht in Internet Explorer sechs und sieben vollständig unterstützt. Also, wenn Sie diese Web-Browser unwahrscheinlich unterstützen möchten, können Sie es nicht verwenden. Aber ich habe eine gute Information für Sie. Es gibt etwas sehr ähnliches Verletzungen Aquarium Rahmen und dann können Sie es in ah verwenden, in Java Internet Explorer sechs und sieben. Also, wenn Sie wollen, verwenden Sie es, wenn Sie es mögen und Sie wollen unterstützen diese waren Bruder, die alle als die meisten sind ich nicht. Nicht viele Leute benutzen es mehr. Dann unwahrscheinlich. Sie müssen Ah, aufhören, es zu benutzen oder einfach zu Tageschor wechseln und es wird halb in Internet Explorer und Internet Experte acht unterstützt . Das würde ich tun, ich meine mit halber Unterstützung. Nun, Sie haben gute Selektoren, die unsere Voraus und nicht voraus Sie sind nicht fortgeschritten. Wie die Wahl einer Zitronen durch die Klasse Name O R durch die Identifikation sie und Voraus eine wo Sie wählen wollen, dass chides die sieben Kind aus der off. Sie kennen diese Anzeigen, zum Beispiel möchte ich das letzte Kind wählen. Oh, ich möchte sofort den ersten Start wählen. Sie können solche Dinge im CSS-Fortschritt mit den erweiterten Selektoren tun. So zum Beispiel möchte ich zum Beispielgenau das auswählen möchte ich zum Beispielgenau das auswählen und es ausprobiert haben. Und das werde ich nicht. Der dritte Typ direkt auf die Ted-Typen. Es bedeutet also, dass wir hier Java 12 kostenlos sehen werden. Es ist Java. Aber es bedeutet auch, dass gut, hier haben wir ein Array von einem eine Zitrone. Dies ist keine gute Idee, denn wenn Sie genau wissen, wollen Onley one Think von Ihrer Website zu wählen. Du solltest keinen anderen kreieren, weil du ein Gewürz nimmst. Die zweite Sache ist, dass du darüber nachdenken musst, dass dieser Kriecher nach mehr Dingen wie dem sucht . Daher ist es ratsam, die Abfrage zu verwenden, die in einigen Quartalen ausgewählt wurde. Selector wählt das erste Vorkommen aus Abfrage und gibt es als eine einzelne Variable zurück . Okay, also bedeutet es, dass wir jetzt nicht hier haben und ein Recht Wir benutzen einfach so etwas und wir haben gutes Java. Aber wir behandeln nur eine und Zitrone. Also, wenn du so etwas machst, wirst du jetzt das erste Heilmittel haben. Und so sind es die überschüssigen Teile, richtig? Das erste Vorkommen aus Leasingposten innerhalb der Programmierkurse. Der erste eso, wenn Sie mehr wollen, müssen Sie einfach alles ändern und was ich will. Zum Beispiel, wählen Sie alle Möglichkeiten Elemente und ich hätte, ich würde so etwas tun und dann kann ich darauf zugreifen, wenn wir die Indizes im Array haben, so dass ich gehen könnte plus Explosion sehen. Ich will zu diesem hier. Also ist 12012 kostenlos für 56 Also werde ich nur sechs hier eingeben und ich bin Js ziemlich genial gegangen, oder? Sie können hier wählen, was Sie wollen, mit sehr fortgeschrittenen, sogar Selektoren. So haben Sie den mächtigen Weg, Dinge auszuwählen und dann etwas mir etwas mit ihnen zu tun . So wissen wir, dass wir hier Methoden wie Gettleman von I d bekommen Elemente nach technischem Namen , die in allen Webbrowsern unterstützt werden. Aber es gibt auch mehr Elemente nach Klassennamen zu erhalten, die nur nach Klassennamen wählen. Aber sie werden in sechs und sieben und acht Internet Explorer in der Version wie diese nicht unterstützt . Es ist also keine gute Idee für Sie, so etwas zu verwenden, denn selbst ein ziemlich Selektor wird in den sechs und sieben rechten Get Elementen nicht unterstützt, aber mit Namen wird in 67 und 99 nicht einmal unterstützt . Also, wenn Sie nach Attribut wählen möchten, ist es besser, Abfrageselektor auch zu verwenden, weil gut, Sie können einige Dinge wie das tun Sie denken, die Selektoren sehen Diese nicht über den C s Selektor verursachen . Also werde ich hier nicht alle möglichen Dinge durchgehen. Es gibt viele Informationen im Internet darüber. Oder vielleicht würde ich natürlich etwas über CSS erstellen. Ah, aber Sie wissen, Sie können einfach die Selektoren verwenden, die Sie wollen, um Dinge von Ihrer Website zu wählen . Und die coole Sache ist, dass du jetzt nicht mehr an dieser Krawatte wechseln kannst, aber du kannst tun, was du willst, oder? Sie können die Position von diesem Proofing ändern. Sie können die Größe ändern. Sie können die verschobenen mit dem Stil ändern. Sie können ein Ereignis oder andere Dinge wie das hinzufügen. Okay, das ist nur eine Lektion. Vielen Dank. 32. Dynamische Stile mit Js ändern: Hallo Heute werde ich Ihnen zeigen, wie Sie Dynamic hellis STAIs mit Dokumentobjektmodell in Javascript ändern können. Zuerst müssen Sie Sie auffordern, etwas von Ihrer Website abzufragen, um es richtig zu ändern Sie müssen diese Elemente also zum Beispiel mit dem Chor-Selektor alle mit dem geringsten Punkt sprechen hier. Wir haben gerade alle Möglichkeiten Artikel auf unserer Website ausgewählt. Also haben wir sie jetzt bekommen und wir wollen sie bearbeiten. Bedeutet, dass wir die Seite zum Beispiel die Farbe ändern wollen, wie es zu tun. Um es zu tun, können Sie jetzt auf diese Variable zugreifen und gut, das ist eine schmale. So können Sie zum Beispiel auf das erste Element zugreifen, das ihre Null verwendet und jetzt diesen Stil. Und dann können Sie auf den Stil zugreifen, den Sie ändern möchten, und gut, wie er heißt. Sie können gehen, zum Beispiel, Wieder von Mozilla Developer Network erstellt. Aber es spielt wirklich keine Rolle, weil alle fast alle Eigenschaften in Javascript gleich benannt sind und beschlagnahmt werden. Der einzige Unterschied ist, dass sie hier verwenden, sehen Sie den Strich und hier verwenden sie den Großbuchstaben rechts die meiste Zeit und es ist nur ein einziges Wort, wie Sie sehen können, ist die meiste Zeit gleich. Du musst dir also keine Sorgen machen, du weißt schon, dich alles zu erinnern. Also, wenn Sie die Farbe mit ändern wollen, geben Sie einfach die Farbe gleich Und jetzt, zum Beispiel, rot Und wie Sie sehen können, ist der erste Kerl bereit, sogar die Farbe von den sieben Kerl ändern wollen, wie Sie Bodenflächen sehen können Stimmt jetzt, richtig? Warum die Sieben? Denken Sie daran, dass wir nicht von Null können. Ok. So können Sie jetzt ändern, was Sie wollen. Sie können, zum Beispiel, sagte, dass Anzeige nicht rechts. Du kannst so eine Zitronen verstecken. Und im Moment tippen wir hier alles. Wir wollen etwas hinrichten. Wie zum Beispiel entdeckt, , nachdem etwas geklickt wurde. Und dieses Ding heißt Evens und wir werden später über all diese Dinge reden. Aber Sie wissen, dass Sie Schwierigkeiten haben. Muss ich es so ändern? - Natürlich. Hinweis: Sie können verwenden, was Sie verwenden können, wenn etwas oft wiederholt etwas Göttin genannt Klumpen. Also, zum Beispiel, für den variablen Index innerhalb der Kurse, möchte ich für jeden von ihnen richtig ändern? Anzeige neun und alles verschwand. Nun, lasst uns es zum Beispielin eine Farbe ändern zum Beispiel . Wie Sie jetzt sehen können, ist alles fertig. Ich will nur Zeh. Wählen Sie zum Beispiel Programmierkurse. Okay, machen wir es ziemlich schnell. Ah, ich habe jetzt gute Programmierkurse, richtig? Das ist nur so, um auf einen Stil zuzugreifen, tippen Sie einfach, dass Styx auf das Element und dann den Namen außerhalb der Website, den wir ändern möchten. Aber ist es das Beste, um Dinge wie Websites aus dem JavaScript-Mantel zu ändern? Nicht immer. Du solltest die meiste Zeit in einer Klasse, okay. Wie ich e habe ich Ihnen in der ersten Lexus-Lektion über das Dokumentobjektmodell gezeigt, dass Sie ein Attribut hinzufügen können , zum Beispiel eine Klasse . Zum Beispiel können Sie es nennen Bindungen sind eine andere Sache. Und Sie können STAIs in dieser Flut, die CSS hinzufügen, indem Sie Attribute hinzufügen. Alles klar, warum? Eine Lösung wie diese wäre besser. Weil Sie dann erst in 115 begonnen haben, müssen Sie sich nicht daran erinnern, dass etwas im idealen JavaScript-Code geändert wird . Okay, also ist es besser, die Seiten zu ändern, indem Sie eine Hommage hinzufügen, anstatt Sie tot zu werden? Okay, Sie können es tun, aber Sie sollten es vermeiden. Es ist besser, Attribute hinzuzufügen, weil es für die zukünftige Wartung von Ihrem Mantel einfacher sein wird . Ich danke Ihnen vielmals. 33. Elemente hinzufügen oder entfernen: Hallo Heute werde ich Ihnen sagen, wie Sie Elemente auf Ihrer Website hinzufügen und entfernen. Um dies zu tun, müssen Sie die Create-Element-Methode verwenden und dann John Stipe Namen aus dem Angriff. Also lasst es uns tun. Dokument, das Element erstellt. Und zum Beispiel würden wir Element P erstellen, das für Park steht. Lass es uns retten. So zum Beispiel, dass gespeichert hier und jetzt können wir darauf zugreifen und wir können tun, was wir wollen mit ihm. Aber Sie erinnern sich, wenn Sie eine Zitrone erstellen, ist es nicht in Ihrem Körper. Drei sofort haben Sie Schlepptau hinzugefügt. Also, wenn Sie es auffrischen und Sie benutzen das Feuer Bach und Sie gehen hierher, können Sie die Feuerballrinde herunterladen. Es wäre in der Bonusbombe des Abschnitts der Natürlich, Sie können die Wieder hier und wie Sie sehen können, es ist noch nicht menschlich, oder? Du hast es gerade erschaffen. Du kannst jetzt irgendwann Nacht Stichel oder rot sein. Sie können P e Klasse Name Union tun. Sie können die Testkosten erstellen. Sie können p tun. Inneres HTML wird zum Beispiel, einige denken, können Sie und wie Sie sehen können, es ist immer noch nicht hier, oder? Nichts hier. Nichts hier haben Sie Schlepptau hinzugefügt. Sie haben ein pent dieses Kind zu schleppen, weil es ein Kind ist, das Sie anhängen und beachten können. So können Sie zum Beispiel fett werden, so dass wir Dokumentabfrage-Selektor tun können und wir können auf Körper zugreifen Und jetzt können wir es in die temporäre Variable speichern und wir können dem Körper am Ende des Ordners A Kind hinzufügen und wir können einfach sterben pp. Und, wie Sie jetzt sehen können, ist hier. Wenn wir hierher gehen, wie Sie sehen können, können wir es sehen. Der Klassen-Test-Stil koloriert etwas Sie Also alles, was wir hier beschreiben, ist jetzt drin. Also ist es ziemlich Elson, richtig? Wir haben gerade etwas Neues zu unserem Dokument hinzugefügt, das nicht in unseren Sternen war, Scott, wie Sie jetzt in unserer Quelle sehen können. Aber es ist nicht sichtbar. Es ist nur sichtbar mit dem Feuer zurück, weil das Feuer zurück ist nur, du weißt schon, ständig erfrischt diesen Ort einige Es ist sehr gut d hintere Zeh, aber du denkst jetzt vielleicht. Hey, ich habe dir gesagt, dass unser innerer HTML zum Hinzufügen und HTML Talk verwendet werden kann. Ja, es kann verwendet werden. Also warum Boulder so etwas benutzt? Denn wenn Sie ein inneres HTML verwenden, wird alles innerhalb des inneren HTM zurückgesetzt. Mel, es bedeutet, dass es wirklich wieder vorbei sein wird. Okay, was bedeutet das? Weil, weißt du, wie ein zu tun, aber was bedeutet das? Was bedeutet das? Das wird wieder Geldbörse? Lasst uns etwas Übung machen. Lassen Sie uns hier einen weiteren Absatz erstellen. Und mit der Identifikation, sie zum Beispiel. Ah, Test. Tun Sie. In Ordnung. Und jetzt lasst es uns holen. So Dokument Holen Sie sich die Zitrone von I d, zum Beispiel, weil ich nicht weiß, tun Sie, Squire Selector jetzt und ich werde getestet. Ich würde es retten. Und jetzt können wir etwas damit machen. Wie können wir die Farbe ändern, so Stil, unsere Telefongröße. Also haben wir die Telefongrößen geändert. Sie können sehen, dass es funktioniert, und es ist okay. Wir bearbeiten hier, wenn Sie das Feuer überprüfen. Bach. Wie Sie sehen können , , sind wir jetzt hier. Telefon-Größe 14. 14 holt uns aus. Wir haben es hinzugefügt. Alles funktioniert. Gut. Aber es gibt ein Problem. Wenn ich etwas Neues mit irgendeinem und drängte ihn und das ist das Wichtigste. Wenn ich so etwas mache, hatte ich etwas, wofür ich weiß. Das reicht. Seine Arbeit funktioniert. Dennoch tritt das Problem auf, wenn Sie danach etwas ändern möchten. Also, wenn ich hier die Formulargröße ändern wollte, wie Sie sehen können, die Größe erhöht, würde ich wissen,, Zehe acht Fixes ändern. Wie Sie sehen können, funktioniert es überhaupt nicht. Warum? Weil ich dir gesagt habe, dass alles Reparaturen ist, Berichte jedes Mal, wenn du etwas zum inneren HTML so hinzufügst, was bedeutet, dass, wenn du dich für dieses Ding hältst, entfernt wird. Es sagt, ich habe wieder erstellt und weil alles ist, was Sie von oben nach unten laufen, wenn Sie in 9 25 sind, greifen wir auf diesen Absatz mit Ich verabscheut auch. Und wenn wir eine Nummer vier Zehe die innere HTML rechts dann ist dieses Ding zerstört und wir haben keine Schauspieler Tier zu essen, um Zugang. Es wird gegen so etwas tun müssen. Und dann, ja, es funktioniert ziemlich gut, oder? Aber es ist nicht, wie wir manchmal denken sollten, richtig, wenn Sie Zugang zu etwas auf der ganzen Welt das ganze Dokument haben wollen, und es wird wirklich viele Male passieren. Dann müssen Sie Element manuell erstellen. OK, aber ansonsten ist es eine gute Idee, in ihrem HTML zu verwenden, da es schneller ist und es einfacher ist, richtig zu verwenden. Sie werden später etwas würdiges schaffen, formen ebenmäßig auch und sie werden auch zerstört. Irgendetwas wird zerstört, wenn du solche Dinge hinzufügst, okay? Und es ist langsamer, wenn du es so machst. Aber wissen Sie, wenn Sie etwas in einer Funktion tun können wenn Sie etwas in einer Funktion tun könnenund Sie später nicht darauf zugreifen müssen, dann ist es ratsam,inneres HTML zu verwenden. und Sie später nicht darauf zugreifen müssen, dann ist es ratsam, Sie können es sogar aussprechen, indem Sie, wissen Sie eine temporäre Zeichenfolge erstellen und die große Zeichenfolge am Ende dem inneren HTML zuweisen. Wir werden so etwas in der nächsten Lektion tun, wenn wir etwas Eso trainieren würden , dass es so funktioniert. OK, Sie sind mit in unserem HTML, wenn Sie nur einige einfache eine einfache Aktion, die Sie nicht wollen, Zehe beziehen sich auf die A Zitrone eine Zitrone später. Okay, weil es uns ein paar Probleme bringen könnte. Es wäre schwer, richtig zu erkennen, so etwas zu bellen, was passiert ist. Aber ich habe Schauspieler hier, aber, oh, wie? Wie? Wie? Wie? Es ist nicht, wie es gemacht wird, dass ich es nach dieser Zeile nicht ändern kann, richtig? Er ist genau wie, Whoa, wirklich, du hast es. Du musst nur wissen, wie die inneren HD Mollys funktionierten. Okay, also jetzt, wie man eine Zitrone entfernen? Das ist und es ist ziemlich seltsam, denn wenn Sie zum Beispiel die Programmierkurse oder Web-Entwicklungskurse entfernen möchten, versuchen wir diese. Wir müssen es zuerst holen. Also Chor einen Selektor, zum Beispiel, und dann Programmierung Kurse. Du musst es irgendwo speichern. Also, wer hat so etwas getan? Und wie Sie sehen können, wird ihre Funktion zum Entfernen Diagramm entfernen genannt. Es entfernt Kind auf. Also im Moment sind wir in der Hauptsache, die wir entfernen wollen. Also müssen wir die übergeordnete Notiz an die Macht und und vom Elternteil verwenden. Wir können das Kind entfernen, das Kurse programmiert. Und dann, ja, Sie haben gerade alle Dinge aus den Programmierkursen entfernt, wenn Sie hier gehen, wie Sie sehen können, haben wir keine Programmierkurse mehr, die sind erweitert. Sie fragen sich vielleicht, warum es keine solche Funktion gibt. Ja, es gibt so eine Funktion, aber sie ist ziemlich neu, und sie wird nicht funktionieren. Die meisten Web-Brüder benutzen es nicht. Machen Sie sich nicht einmal die Mühe, es zu benutzen, denn die meiste Zeit werden Sie nicht arbeiten. Aber denken Sie auch daran, dass Sie meistens nichts von Ihrem HTML-Code entfernen möchten . Meistens willst du nur etwas verstecken, und zum Verstecken ist es besser, Raumschiffe zu benutzen. Sie wollen einfach die Anzeige von absolut kein Nicht-On oder von Nicht-Zehe ändern. Absolute bei so etwas, richtig? Sie können die Deckkraft ändern. Egal, was Sie am meisten Zeit haben. Ich möchte etwas nicht entfernen, weil wir entfernen und hinzufügen, es braucht Zeit, richtig. Es ist besser, nur die Änderung der Anzeige zu ändern, indem zum Beispiel die Attributklasse geändert wird. Ah, es später entfernst, richtig? Oder einfach nur den Stil ändern, dass dieses Spiel von keiner zu absolut auf dem Weg, den Sie werden. Wahrscheinlich nach diesen Autos wollen auch etwas lernen. Was heißt Jake tragen mit Jake tragen Dinge wie diese sind wirklich noch einfacher. Also kurz nach diesen Autos, gehen Sie vor und lernen etwas mit dieser Länderabfrage. Weil es dich noch mehr haben wird. Es wird nur viele nützliche Funktionen geben, die einfacher zu bedienen sind. Und sie werden es sein. Weißt du, du kannst sie in beliebigen Browsern verwenden. Er wird nicht, weil Jake tragen eine unterstützt alle Browser. Okay, das ist alles in dieser Lektion. Vielen Dank. 34. Schleife in einer anderen Schleife: Hallo heute mit einem Zug ein wenig, erstellen wir eine Multiplikationstabelle, die dynamisch sein wird, Kelly hinzugefügt in Ihre Website, und wir werden etwas trainieren. Was es heißt Schleife. Wir würden eine Schleife innerhalb einer anderen Schleife erstellen und ich werde Ihnen zeigen, wie es funktioniert. Also fangen wir davon an, den Diff mit dem I D. Ergebnis zu nehmen , weil wir Zehe an irgendwo sind Multiplikationstabelle brauchen. Okay, lassen Sie es uns speichern und wir wollen jetzt hier einige Inhalte direkt später hinzufügen. Und wir müssen überlegen, ob Sie das geschehene Kind Metal verwenden möchten oder wir den inneren HTML verwenden möchten , was ist der Vorteil, hier zu verbrauchen und ausprobiert zu werden? Wenn Sie aufbrauchen und aufwärts und Kind, können wir dann alle Elemente erstellen. Aber nun, Erstellen von Elementen ist ziemlich langsam für JavaScript, wenn Sie eine Tabellentabelle erstellen , Automatisierung drehen um Dimension zu D T nehmen müssen. das Erstellen von Elementen ist ziemlich langsam für JavaScript, wenn Sie eine Tabellentabelle erstellen, Automatisierung drehen, um Dimension zu D T nehmen müssen. das Erstellen von Elementen ist ziemlich langsam für JavaScript, wenn Sie eine Tabellentabelle erstellen, Automatisierung drehen, es wird auch nicht Klarlack sein. Also brauchen wir nicht auch die verweisenden Esel auf den Belüfter der Zvereva. Wir wollen es nur sofort zuweisen. Alles klar, also ist das eine schlechte Idee, es zu verbrauchen und es besser auszuprobieren, inneres HTML zu verwenden, aber wir sollten uns nicht einhalten. Sie haben so etwas wie diesen Tisch zu tun und dann sollten wir so etwas nicht tun und dann einfach, wissen Sie, wiederholen Sie einen Buffettisch oder vielleicht eine Tischdimension. Warum? Weil, wie ich in der letzten Lektion sagte, wenn Sie es so tun, alles wieder Teile neu erstellt, richtig? Es bedeutet, dass es viel Zeit braucht. Deshalb sollten wir eine temporäre erstellen Wir sind in der Lage, dass wir nur Multiplikationstabelle speichern . Okay, es war speichern und wir haben den Stall gerade hier, richtig? Und am Ende, am Ende, sind wir nur dem inneren HTML zugeordnet Das Ergebnis. Okay, und das wird gerade genug für uns sein. Also wollen wir etwas schaffen, das wir wie dieses Recht aussehen, eine Multiplikationstabelle. Lass es uns auffrischen, weil sie jetzt nichts haben und lass es uns tun. Also denke ich, dass wir die Schleife verwenden sollten, weil wir eins mit zwei mal drei mit fünf multiplizieren wollen . Und das ist etcetera, oder? Also für weit sind in der Lage, ich gleich Null. Wenn ich niedriger als 10 und ich plus plus, was bedeutet, dass wir jetzt Wiederholen Sie dies wollen. Denken Sie 10 mal von 0 bis 9. Warum? Weil das östliche niedriger als 10 Note Was bedeutet, dass 10 überhaupt nicht angezeigt wird. Wir tun wir etwas, zum Beispiel, wie diese Multiplikationstabelle Plastik ruft ich und wir werden die auf dem Ergebnis von Zahlen von Null bis jetzt sehen , richtig? Und es ist ziemlich leicht zu verstehen, richtig, weil wir das sind, was wir eine temporäre eines Rebellen erschaffen. Wir weisen Zehe I Null zu. Und wenn ich niedriger als 10 bin, dann wollen wir nur all diese Anweisungen wiederholen, bis ich nur größer als 10 ist . Richtig? R ist gleich. Also sollten wir ändern ist richtig, weil wir nicht wollen, dass man etwas wie Null will Zehen frei hören, aber will nicht frei für 2 10 ist die grundlegende Multiplikationstabellen Also sollten wir es in so etwas ändern Und jetzt ist es funktioniert ziemlich gut Lassen Sie uns einen Raum hinzufügen, damit es besser aussieht. Und jetzt wollen wir was für eine zweite Zeile? 1/3 Zeile, wie die nächsten Zeilen zu erstellen. Nun, um die zweite Zeile zu erstellen möchte diese Linie mit zwei multipliziert. Richtig? Wir möchten eins mit Zehe multiplizieren, um zwei frei zu kaufen um 4 bis 5 zu sechs mal zwei. Obama, richtig? Sie wollen dritte Zeile erstellen möchte, um die erste Zeile mit frei von vier durch und meine Mutter zu multiplizieren Also, wie es zu tun? Aber wenn wir es so etwas tun, halten wir uns an. Wie Sie sehen können, haben wir sofort die zweite Zeile, richtig? Wenn Sie frei haben wir die müde Linie vier Gedankenlinie fünf, fünfte Zeile. Also die Wahrheit ist, dass wir diese Anweisung ausführen wollen, aber wir wollen hier Avery in der Lage 10 Mal ändern . Also sollten wir f Schleife innerhalb einer Schleife laufen, die bisher in der Lage sind und wir müssen eine andere schaffen konnten Jetzt, wenn Jay niedriger ist als 10 j plus plus und wollen hier mit J multiplizieren und sogar nicht ist, dass wir jetzt Multiplikationstabelle haben Aber was wir nicht haben Ah Sie kennen den Pausenraum Also lassen Sie es uns hinzufügen. Wir sollten es hier nicht hinzufügen, denn wenn wir hier hinzugefügt haben, haben wir es nach jeder Nummer Wir wollen es nach jeder Zeile hinzufügen, richtig, Also, um es nach jeder Zeile zu haben. Wir sollten es hier hinzufügen. Und wie Sie sehen können, haben wir jetzt gute Multiplikationstabelle. Es sieht nicht gut aus, aber es funktioniert ziemlich gut, oder? Wir haben Gutes. Jetzt will er sich für Kämpfer fühlen. 10 246 20 etcetera. Und jetzt lasst uns das analysieren. Gehen Sie die schöne, weil, wie Sie wissen, dass Sie wie sein könnte Wie funktioniert es, wenn die hier zugewiesenen ? Also habe ich gewonnen. Wir überprüfen. Wenn ich niedriger oder größer als 10 ist, ist es niedriger, was bedeutet, dass wir jetzt alle Anweisungen innerhalb der Schleife ausführen können. Also treffen wir uns in Zeile neun wieder eine Schleife, was bedeutet, dass sie Zehe ausführen muss, bevor sie Fuß geht. Andere Anweisungen wie zum Beispiel, dass man Alles in dieser Schleife so oft wie die Bedingungen so sagen. Wir schaffen einen sehr fähigen Tag und weisen ihm einen Zehe zu. Wenn man niedriger als 10 ist, wie es niedriger ist, dann 10. Also haben wir hier jetzt eine multipliziert mit eins und dann, weil wir diese Anweisung ausgeführt haben , die Waas sagte, es sollte ein Sie wissen, ausgeführt werden. Wir müssen J. erhöhen also ist es nicht zu. Und wir überprüfen nochmal. Wenn zwei niedriger ist, sind die größer als 10. Dann führe dieses Ding erneut aus. Denn solange es so ist, haben wir niemanden mit zwei multipliziert. Also ja, wir haben sie jetzt noch hier. Ok, großartig. Dann haben wir kostenlos 456789 10. Richtig. Also, wenn Sie so etwas haben, haben wir nur eine Zeile. Wenn du so etwas machst, haben wir zwei freie Linien, 25 Zeilen. Die coole Sache über Sie wissen, Verwendung von Schleifen ist, dass wir jetzt das Ergebnis sehr schnell ändern können. Und wir können unsere Multiplikationstabelle in etwas Zehe erhöhen, alles, was wir wollen. Okay, also nachdem wir diese beendet haben, wenn diese 11 sind, werden wir dieses Gold exekutieren. Also fügen wir die Bremsleitung hinzu und dann überprüfen wir Nun, wir fügen Zehe hinzu, ich wieder eins wegen der Implementierung hier. Und wenn zwei niedriger oder größer als 10 ist, ist es. Und wir werden diese Dinger wieder hinrichten. So funktioniert es also. So ist Lope. Haben in einem anderen Blick gearbeitet. Okay, also lasst es uns auf den Tisch ändern. Es dauerte nicht einen Tisch zu haben. Lasst uns so einen erschaffen. Also, wie Sie jetzt sehen können, werden wir Geld-Elemente schaffen. Und es ist besser, es so zu machen, denn , denn wir werden sie am Ende hier zuweisen, richtig? Und es wird einfach ziemlich schnell sein. Also haben Sie jetzt einen Tisch? Jetzt brauchen wir eine Tabelle Daten auf. Und ich denke, Tabellendaten sind genau dort, wo all diese Zahlen dargestellt werden. Also sollten wir bei der Tabellendimension hier, richtig? So wie das. Und wir brauchen auch eine Tabellenzeile. Und Pedro ist, wo die Braghis. Richtig? Also sollten wir die Tischrolle hier beenden, Aber wir haben auch soziale ein Büro gestoppt, bevor wir in die Lope gehen hier und jetzt, Wie Sie sehen können, wir haben es in einer Lope. So sieht es jetzt besser aus. Wenn wir es ändern, wird alles noch hübsch aussehen. Okay, das ist alles. Indische Lektion. Vielen Dank. 35. Grundlagen der Events: hallo Funktionen, die wir bisher erstellt haben, wurden manuell aufgerufen, was bedeutet, dass wir nur den Namen von den Funktionen eingegeben haben als die Eltern ist, dass wir etwas ein Argument an Dysfunktion senden könnten und wir würden nur den Code ausführen innen. Aber wir machen es die ganze Zeit durch diesen kriechenden Punkt Js Und wissen Sie, meiste Zeit wollen wir die Funktionen ausführen, wenn etwas auf Ihrer Website passiert, wenn es nicht einmal passiert, und das ist, wenn wir Evens verwenden. Okay, also ist sogar etwas, das auf Ihrer Website passiert und wir können darauf reagieren. Zum Beispiel können wir sagen, was ausgeführt werden soll, und sogar stellen wir uns eine Situation vor, wenn jemand das Passwort in die vier eingeben und er muss das Spiel sein, um sicherzustellen, dass sie beide gleich sind nach dem Einreichen des Telefons, das ist auch sogar aus so schlagen. Daher können wir mit der Funktion überprüfen, ob beide Importe gleich sind. So sind eben nur typische Aktionen, die von Benutzern aus Ihrer Website gemacht werden, die wir wollen, dass toe in Ordnung reagieren , sogar machen Ihre Website dynamisch. Das ist ziemlich genial. Also, seit heute, Ihr HTML wird etwas wurde, heißt die HTML dynamische Hypertext Text America Sprache. Mit dynamisch meinen wir, dass Sie mich Nolly dynamisch auf alles reagieren können, was diese Ihre Verwendung Luft auf Ihrer Website tun, so wie Sie sich registrieren und sogar Sie können es in der Zeile im HTML-Kampf tun . Dies ist nicht die beste Lösung. Ich werde es dir bald sagen. Warum sich die Mühe machen? Fangen wir damit an. Um dies zu tun, geben Sie den Namen aus. Sogar woher bekommst du all diese Namen? Sie können zum geraden Verweis gehen, zum Beispiel zum modularen Entwicklungsnetzwerk. Es gibt nur Töne von ihnen. Aber Sie wissen, dass die meisten von ihnen, die Sie nie auf Ihrer Reise der Programmierung sehen werden. Okay, wir werden in diesen Narben landen. Das Wichtigste heute, das ich nur ein riesiges zeigen würde. Das ist genug. Vielleicht werden wir lernen, dass sie alle Anrufe aus dieser Lektion geworfen haben. Okay, denn, nun, die Wahrheit ist, dass sogar wir nur die Macht für dich geben. Javascript. Um es zu erstellen,geben Sie einfach den Namen des Ereignisses ein, das Sie registrieren möchten, und lassen Sie uns zum Beispielregistrieren. Um es zu erstellen, geben Sie einfach den Namen des Ereignisses ein, das Sie registrieren möchten, und lassen Sie uns zum Beispiel Klicken Sie auf Klick ist nur etwas, das passieren wird, wenn Sie darauf klicken, richtig? Also, da jetzt, wenn Sie auf den Vortrag klicken, Dave aus dem Beispiel für etwas, das innerhalb der Aktie so einfache Steuer ist, gehen Sie nicht die Sache ausführen, die hier ist, können Sie hier einen JavaScript-Code eingeben, den Sie ausführen können, zum Beispiel Funktion. Also lassen Sie uns zum Beispiel sagen, ich will Zehenallergie-Test. Okay, also nach der Erfrischung bekommen, wenn wir darauf klicken Wie Sie sehen können, können wir diese Nachricht hier sehen. Nach dem Klicken haben wir es also nicht automatisch ausgeführt, wenn wir unsere Website direkt nach dem Klick geladen haben. Gut ausgeführt hübsch Auch, wir können es ändern, zum Beispiel, alle mehr Maus über. Es bedeutet also, dass, wenn die Maus vorbei ist, dann können wir diese Nachricht sehen. Ansonsten funktioniert es nicht. Holen Sie sich unsere So gibt es viele Veranstaltungen, die wir gerade in den nächsten Lektionen gelernt haben. Wir haben gerade gelernt, wie man sie registriert und wie man damit umgeht. Okay, jetzt machen wir es in der Schlange. Wir können Sie tun es nicht in der JavaScript von diesem Ort. Und das ist besser. Warum stellen Sie sich jetzt eine Situation vor, in der wir zum Beispiel mehr Tage wie diese haben würden zum Beispiel . Ok. Und stellen wir uns vor, dass Sie gute Tausende von HTM haben, wenn entweder was? Vielleicht 30. Ok. Wussten Sie das? Und jetzt sagen wir, haben Sie Ihre Eier oder sogar Sie haben gerade bemerkt. Weißt du, ich will nicht mehr etwas tun, nachdem jemand das meiste getan hat, dass dif du es von allen möglichen Orten manuell verzögert hättest. Stellen Sie sich das vor? Es wird einfach schrecklich für dich sein. Okay, also auf dieser Solo-Lösung ist großartig. Aber nur für die ersten kleinen Websites. Oder zum Beispiel, wo Sie, wo es nur Ihre Visitenkarte oder so etwas ist. Ok. Andernfalls sollten Sie dies vermeiden. Ok? Es ist besser, es einfach zu tun. Nun, wir können es aufnehmen, um zu kommen, und so können Sie später sehen, wie es gemacht wurde. Es ist besser, so etwas zu tun. Bombe. Kein Hintern. Und wir nehmen diesen Kerl einfach. Also werden wir gestorben. Dokument. Holen Sie sich eine Zitrone von I d Ergebnis, wir werden es in der Temperatur eines Rabel speichern. Und jetzt können wir mit dem Punkt geben Sie den Namen aus Auch ich will behandeln und dann kann ich ihm zuweisen gut wir tun wollen. Okay, das haben wir nach diesem das haben wir nach diesem Design. Und es gibt ein paar Probleme jetzt, wenn ich so etwas tun, werden Sie nicht nicht, wenn ich es aktualisieren, werden automatisch Test erhalten, wenn ich meinen Mund über diese Steuer, es funktioniert nicht. Warum? Weil Sie sich daran erinnern müssen, dass die ganze Zeit, wenn unser JavaScript-Paket so etwas mit Armutskrankheit sieht , richtig? Es sagt, dass die Funktion des Elternteils ist, dass es jetzt automatisch ausgeführt wird. Und die Wahrheit ist, dass wir hier genau dasselbe sind. Die Sache, die von der Arktis zurückgegeben wird, wenn die Anzeigen Nichts. Deshalb funktioniert es nicht. Also, wie man so etwas ausführt? Was? Sie können eine Animus-Funktion erstellen, über die wir in den Lektionen über sie gesprochen haben. Richtig? Andi? Moment haben wir gute Tiere Funktion Q und darin könnten wir ausführen, zum Beispiel, Dysfunktion, oder? Und jetzt, wenn wir Meilen darüber haben, funktioniert es gut. Die coole Sache an dieser Lösung ist, dass wir gerade alle Meilen über hinzugefügt haben, sogar zu diesem Element. Und jetzt können wir es von hier aus ändern. Wir müssen nicht zum HTML fünf gehen. Wenn wir hätten, zum Beispiel, mehr Elemente nehmen hier. Und wir werden nur an dieser eigenen Maus über, sogar zu jedem Element innerhalb des Bereichs oder so etwas, wir könnten es sofort an einem Ort ändern und wir brauchen keine Notwendigkeit, etwas in der html fünf zu tun . OK, deshalb ist diese Lösung einfach besser für größere Website. Es hat immer noch einige Wette Dinge, die durch die Verwendung von etwas Gutes gelöst werden kann, ist sogar auf Zuhörer geübt . Aber wir werden darüber in der nächsten weniger in dieser Lektion sprechen, Sie sollten nur daran denken, dass auch nur denken, dass auf Ihrer Website passiert, und Sie können darauf reagieren, indem Sie eine Funktion aufrufen, zum Beispiel richtig. Und Sie sollten auch hier bemerken, dass, wenn Sie hier eigene Meilen über haben, wir aufrufen können, dass Sie viele Funktionen haben, oder? Und dies ist die Lösung, um eine Funktion aufzurufen, wenn Sie möchten, dass sie ein Argument senden und dies ist die einzige sichere Lösung. Okay, also, aber wenn Sie eine Funktion haben, die keine Argumente von Beispielfunktionen einfach hat und hier haben wir zum Beispiel Alert Oi. Dann können Sie diese Funktion ausführen, indem Sie so etwas tun, ohne dass die Eltern richtig sind. Und jetzt, wie Sie sehen können, Bombe, es funktioniert. Okay, aber wenn du jetzt etwas zum Essen schicken willst, würde es einfach automatisch ausgeführt. Und es funktioniert nicht mehr. Ok? Eso Es gibt eine ziemlich häufige Fehler, dass die Leute es zum Anfang machen. Und die Lösung dafür ist nur eine enorme Funktion zu schaffen, die keinen Namen hat. Und dann können Sie es ausführen, indem Sie hören ein Argument senden, richtig? So etwas wie das. Und wir können dieses Argument verwenden, wie zum Beispiel Schulden. Und jetzt funktioniert es. Gut. Okay, das ist nur eine gute Lektion. Vielen Dank. 36. dieses Keyword: Hallo. Meistens, wenn Sie eine Fraktion mit einem Ereignis aufrufen möchten, möchten Sie auch Eigenschaften aus dem Element, das eine Dysfunktion einbezogen hat, aufrufen. Also willst du nachsehen? Würde mit Ist das ein Kalk und Sie wollen, wo ist dieser Alarm? Und ah, willst du diese verstecken und die Farbe der Stimmungs-Telefongröße ändern? Nein, keine anderen Dinge wie das. Wie kann man auf die 11 zugreifen, die diese Funktion involviert haben? Richtig. Dies ist so, wie man gut zu tun, können Sie den Schlüssel Krieg verwenden. Wir haben das gerade genannt, aber wie man es benutzt. Nun, lassen Sie uns einen Rebellen kreieren, den wir Ergebnis nennen. Und lassen Sie uns aus unserem Dokument von einer Zitrone diese Identifikation nehmen oder wir haben nur Ergebnisse genannt . Also nehmen wir dieses Element hier und jetzt können wir den Ergebnispunkt verwenden und wir können als ein handeln, und auch wir werden es nicht. Richtig. Lassen Sie uns zum Beispielfast sogar übernehmen und hier eine Funktion zugewiesen, die Toby ausgeführt hat, wenn diese sogar auftritt. zum Beispiel Lassen Sie uns zum Beispielfast sogar übernehmen und hier eine Funktion zugewiesen, die Toby ausgeführt hat, wenn diese sogar So, zum Beispiel, wir nennen es ändern Farbe, und wir müssen es auch jetzt definieren. Also haben wir es zuerst deklariert, und jetzt können wir den Körper aus dieser Funktion erstellen. Also wollen wir die Farbe von diesen Ausrichtungen ändern. Wie man es macht. Sie könnten nur Ergebnis eingeben, dass Stil, die Farbe rot entspricht. Und es wird funktionieren. Wie Sie sehen können, funktioniert es gut. Genau wenn wir die Maus darüber haben, funktioniert es. Aber es gibt ein Problem. , Was ist,wenn ich diesen Kerl später in etwas anderes ändere, richtig? Was, wenn ich zum Beispiel will ? Ah, tun Sie etwas. Ich det Ah, Er wäre Ergebnis, um den zweiten Kerl zu schreiben. Und ich würde auch die Änderung der Farbe aufrufen. Und ich würde gerne, wissen Sie, er hat die Farbe von den Ergebnissen geändert, um die Farbe von etwas anderem zu ändern , oder? Das andere Element. Keine Tage an einem. Nun, deswegen haben wir etwas mit dieser Kultscheibe. Ihre Wenn wir das hier verwenden, wird es die Stilfarbe von der Zitrone ändern, die diese Funktion involviert hat. Okay, in dieser Situation ist es dieses Element und es wird auch funktionieren. Aber im Moment, ist ein neuer Universalmantel. Sie werden keine Probleme haben, wenn Sie etwas ändern. Ihr Code Wenn Sie neue Elemente und andere Dinge hinzufügen möchten, die ich getan habe. So solltest du deinen Mantel reiten. Okay, weiter, lasst uns zum Beispiel. Jetzt. Ah, benutze die Maus aus. Funktionieren Sie auch gut. Und das ist Anruf-Änderung. Ausfärben von Funktionen. Lassen Sie uns es beim Ändern der Farbe formen. Und ich möchte es zurück in Schwarz ändern. Und wie Sie jetzt sehen können, sich die Bedrohung, wenn Sie umziehen ändertsich die Bedrohung, wenn Sie umziehen. Wenn Sie sich ausziehen, ändert es sich in Schwarz und sieht aus, dass Sie mit CSS erstellt werden können, und es ist wahrscheinlich besser Idee. Aber ich zeige Ihnen nur die Syntax. So treten diese sogar auf, wenn Sie nur den Mund aus dem Platz bekommen haben. Gleich drauf. Ah, dieses Ding könnte verbessert werden. Das nannte das erste, was ich dir gesagt habe, dass du nicht die Größe durch diesen Ort ändern solltest, oder? Sie sollten einfach eine Klasse hinzufügen, damit Sie eine Trap-Attributklasse festlegen können. Oder du könntest sogar so in die Klasse kommen. Lassen Sie uns zu diesem Plusnamen kommen gleich. Und jetzt, zum Beispiel, wird von diesem Ort ändern Köln verwenden. Mm, es kostet. Also würde ich so etwas tun und wir können uns später ändern. Dieser Klassenname ist einfach nichts, oder? So zum Beispiel, so etwas und Sie werden nicht, dass jetzt würde nicht die Feuerbox verwenden, so zu überprüfen, was passiert. Aber Sie können sehen, wenn wir eine gute Maus über die Klasse geändert wird, um Farbe zu ändern. Wenn ich rauskomme, ist es einfach nichts. Also erklären wir es. Wir könnten auch die Klasse entfernen oder wir könnten etwas sagen. Sie setzen Attribute und ich konnte Attribut entfernen und ich könnte cross eingeben. Und diese Cassie ist einfach komplett entfernt. Aber das Problem, es zu entfernen oder zu ändern, ist nichts, dass Sie Humanae-Klassen haben könnten , die auch wichtig sein könnten. Es ist also keine gute Idee, es in Klassennamen zu ändern. Du könntest am Ende so etwas hinzufügen. Aber das Problem ist, dass Sie diesen Tribut nicht entfernen sollten, dann vollständig oder in nichts ändern . Sie sollten dieses Attribut einfach entfernen. Ah, nun, dieser Wert off Attribut, aber wie man es macht Nun, dann sollten Sie zum Beispiel Sub-String aus dem JavaScript-Objekt verwenden. Sie können darüber lesen. Sie können sogar jetzt trainieren, aber wir werden später darüber sprechen, so können Sie als Übung. Du könntest zu dieser Angelegenheit recherchieren, okay? Und mach es so. Und du kannst einfach warten, wenn wir über sie reden. String, Objekt. Und Sie werden sehen, dass es eine Subventionsfunktion gibt, dass wir Situation wie diese gewesen. Okay, das ist also eine Übung für dich. Und ich möchte Ihnen auch noch eine Übung geben. Natürlich, wenn Sie irgendwelche Probleme haben, fragen Sie einfach, eine Diskussion zu erstellen. Lassen Sie uns Ah, ich möchte, dass Sie zwei Todesfälle erschaffen, die zuerst das Pluszeichen für eine Sekunde darstellen würden . Würdest du das Minus-Sache präsentieren? Okay, und wenn du tippst, wenn du auf das Pluszeichen klickst, wird diese Steuer die Farbe nicht ändern, aber sie wird größer werden. Okay, wenn du das Minuszeichen erstellst, wird dieser Text kleiner sein. Denken Sie daran, wenn Sie irgendwelche Probleme haben, fragen Sie einfach. Aber das ist kein schweres Problem Zeh, wissen Sie, zu schreiben, um zu lösen, so ist eine gute Idee. Auch wenn es 20 Minuten für Sie dauert. Es ist eine gute Idee, okay zu versuchen, es selbst zu tun. Sie haben Probleme. Frag einfach. Das hält die Lektion. Vielen Dank. 37. AddEventListener: Hallo heute wird über den Ereignis-Listener und über die Methode sprechen, die entfernt aufgerufen wird . Ereignis. Hören Sie, aber bevor wir darüber reden, zeige ich Ihnen gerne, was wir brauchen. Die Wahrheit ist, dass drei, die wir brauchten, um unseren Mantel auf und leichter hinzuzufügen. Okay, aber lass es uns tun. Nicht beispielhaft. Erstens, wenn wir über Ereignisse sprechen, habe ich dir die Live-Version gezeigt, richtig? Wir könnten einfach so Zeug eingeben und wir könnten einfach sagen, was wir wollen, wenn diese sogar Autos. Das Problem ist, dass gut, wenn wir so etwas wie Kopien machen, oft haben sie HTM geschafft, wenn Augen und etwas ändern wollen, das wird uns große Kopfschmerzen geben, richtig? Wir müssen viel Arbeit machen. Zur gleichen Zeit haben wir jetzt Java schreien als HTM. Wenn ich etwas ändern will, wird es schrecklich sein. Deswegen haben wir so etwas. Und es gibt eine ziemlich gute Lösung. Aber es gibt ein Problem darin. Es lohnt sich, wenn ich jetzt zum Beispieleine andere Funktion aufrufen wollte zum Beispiel . Also ich mag es, etwas wie etwas zu tun, und jetzt mag ich nicht ändern Farbe Bods erhöhen Formulargröße. Also ich mag es, Funktion zu erstellen, die erhöht Telefongröße genannt wird und ich möchte den Fonds erhöhen sagte Natürlich, Ich wurde später implementiert, aber jetzt Hey, was passiert, wenn er so gestaltet? Dieses Ding überschreibt nur diesen Finger und die Veränderung der Farbe ist nicht funktionierendes Tier. Also könnten wir in so etwas wie hey zeigen, Farbe ändern und ich möchte die Größe des Telefons innerhalb der Farbänderung erhöhen. Aber es ist ein Problem, warum Farbwechsel ihre Telefongröße erhöht. Diese Funktion ist jetzt keine selbstbeschreibende Funktion. So könnten wir nennen, es könnte eine zweite Funktion erstellen, die Funktionsinitialisierung kommen wird und wir werden die Änderung, Farbe und erhöhte Schriftgröße im Inneren einbeziehen . Das Problem ist, dass die Initialisierungsfunktion auch nicht so selbstbeschreibend ist. Und das zweite Problem ist, dass Sie sich daran erinnern sollten, dass Sie manchmal die Ausführung von einigen stoppen wollen, sogar Sie wollen sagen, Hey, ich will nicht sehen und die auf fast über beeinflussen jetzt Ah, zum Beispiel, Ändern der Farben. Weißt du, Moment kannst du es tun, zum Beispiel, etwas zu tun, das Nein, nein, nein. Okay, so etwas wie Leere. Aber das Problem ist, dass Sie es nur zu dieser eine Funktion tun können, um diese eine Methode zu verwenden, können Sie eine von den Methoden wählen, die direkt aufgerufen werden, mit der Maus über. Also, das ist, wenn Sie die Zehe verwenden wollen, sogar hören. Also, wie zu verwenden? Lassen Sie uns Tage in unter dem Kommentarbereich. Und um es zu verwenden, geben Sie einfach die Ergebnisse ein. Also die 100, die Sie von Ihrer Website genommen haben. So, zum Beispiel, schwindlig gebraten, und Sie tippen einfach an sogar Zuhörer. Und jetzt nehmen Sie den Namen von auch wollen Sie umgehen? So tippen Sie einfach Maus über. Sie geben kein eigenes Schlüsselwort ein. Nicht gerade jetzt. Okay. Du brauchst dieses Wort nicht mehr. Also Meilen über und dann die Funktion, die Sie aufrufen möchten. So, zum Beispiel, änderte den Anruf, und jetzt können wir das gleiche mit ihnen tun. Maus aus, ohne den Arm auf eine Änderung Farbe aus. In Ordnung. Und wenn es aktualisiert wird, funktioniert es immer noch. Gut. Also nur ein bisschen anders aussehen, aber wir haben jetzt gut mehr Macht. Kaufen Sie mehr Strom. Ich meine, wir können jetzt so etwas tun. Die meisten jedoch jedoch möchte ich die Telefongröße erhöhen. Okay, jetzt haben wir zwei Funktionen, die aufgerufen werden, wenn wir das meiste über haben. So können wir andere so etwas richtig sehen. Ondas können Sie sehen, ja, es hat funktioniert. Es änderte den Aufruf zu lesen und wir warnten dies auch. Und das coole Ding ist auch, dass Sie die erhöhte Handygröße später entfernen können. Und eine andere coole Sache ist, dass, wie Sie sehen können, diese Namen selbstbeschreibend sind. Dieses Ding erhöht die Vorderseite. Dieses Ding ändert die Farbe. Und die Sache ist, dass dieses Ding an diesem Ort ist, kann jeder Zentrist sagen , was tut, was solche Dinge wirklich Sie in großen Projekten in meinen kleinen Projekten haben werden . Off so wäre die meiste Zeit genug zur Verfügung gestellt. Okay, angehende größere Projekte. So etwas ist ziemlich wichtig. Okay, das ist also das Ende. Hör ihr zu. Ah, lassen Sie uns die Erhöhung Telefone implementieren, I Also lasst uns ein bisschen trainieren. Also, wie Sie die Telefon-Sites ändern können Sie diese, die gebildet Größe mit dem Großbuchstaben gleich, zum Beispiel, 18 Pixel. Und jetzt werden wir das sehen. Ja, es hat die Größe geändert. Alles funktioniert gut, aber machen wir es etwas schwieriger. Was ist, wenn ich es jedes Mal vergrößern wollte, wenn ich meine Maus darüber habe? Dann müssen wir Zugang dazu bekommen. Aber lasst uns oder so etwas Alert und lasst uns sehen, was drin ist, wie ihr nichts sehen könnt. Warum? Weil du weißt, dass Spice etwas tun kann. Wenn das Dinge wie Spaß Größe kann sehr anderes Bild sein, Bruder. Sie können berechnet werden und andere Dinge wie, die ein Mann ersticht, über die du nicht reden würdest. Und wegen des Problems müssen Sie die Schriftgröße etwas anders bekommen. Du solltest es so machen. Sie sollten in das Fenster und Akteure gehen, sie erhalten berechnete Stil-Funktion. Und jetzt geben Sie den Namen von einer Zitrone. Möchten Sie den Computertyp abrufen? Und dann der Name des Telefons, Der Name der Eigenschaft, auf die Sie zugreifen möchten, aber Sie möchten zugreifen, ist jetzt über die get Ah, Eigenschaft Wert. Sie RufenSieden Eigenschaftswert ab. Richtig das. Und jetzt, um den Eigenschaftswert zu erhalten, geben Sie keine Telefongröße ein. Aber du wirst sterben. Gefundene Strichgröße. Okay, also der typische Name. Und jetzt, wie Sie sehen können, wenn wir darüber hinwegkommen, müssen wir wirklich? Die 16 Peaks ist so die wahre Größe, rechts dann 18 Picks ist, weil wir es später ändern. Das ist großartig. Und jetzt können wir, wissen Sie, diese in eine Variable zum Beispiel bekommen und wir können sie verwenden. Erhöhen Sie es. Das Problem ist, wie man etwas erhöht, das, wie 16 Picks, gibt es einen Pixel. Es ist eine Schnur, richtig? Es ist die Nummer kennen. Wenn Sie haben wollen, ist es eine Zahl, die Sie brauchen, um es zu analysieren, wenn Sie Wohlstand kontrollieren konnte nicht ist, dass wir immer etwas mit diesem genannt Teile in haben, was bedeutet, dass wir Teile wollen. Es bedeutet, ändern Sie den Wert von der Zeichenfolge zu indigent und weil es gerade jetzt, die Telefongröße können wir Trig ändern, es ist nur 16. Richtig? Dann 18. Also haben wir die Nummer jetzt, weil wir Nummer haben, können wir es ziemlich einfach verwenden. Wir können so etwas wie gleich eingeben. Telefongröße für uns wählt uns. Und es wird es jetzt nicht ändern. Also müssen wir die Spaß-Site erhöhen. Wir können die Telefongröße erhöhen, indem zum Beispiel diese Brinker McCrum Nachahmung verwenden. Wenn Sie nicht wissen, wie es funktioniert, gehen die Arbeiten zu den Lektionen über Operatoren. Und wie Sie jetzt sehen können, wenn wir gerade rüber gegangen sind, erhöhen wir seine so funktioniert gut. Richtig? Und wir haben spezielle Funktion dafür. Das Ding funktioniert auch. Aber was nicht? Was würde passieren, wenn ich dieses Verhalten stoppen möchte? Richtig? Echt gehen. Ich will immer noch sein, dieser Typ wird immer wieder Recht haben. Ich möchte diesen Zuhörer entfernen. Ähm, ich könnte es entfernen. Weißt du, nachdem etwas passiert ist, oder ich könnte es entfernen, wenn jemand etwas schwimmt, zum Beispiel, Identifikation später. Ich erinnere mich daran. Stopp geben Sie Ihren Stopp ein. Okay. Und ich werde das nur etwas nehmen, und jetzt wollen wir hinrichten. Wenn der Stopp knarrt ist, entfernen Sie sogar Leasing dort. Also wollen wir Sachen wie Halt machen, um dort drin sogar zu leasen. Alles Bach. Ich möchte zum Beispiel die eine enorme Funktion ausführen , wie die, die das Ergebnis erhält und dann daraus entfernt wird. Sogar der Tote des Zuhörers ist weit entfernt Und es hat eine Funktion, dass diese Anrufe Telefon-Site erhöht. Also werden wir diese einfach löschen. Wir machen es nicht so. Hat es gerade getan. Da war einer in der Leitung. 30 frei. Wie Sie sehen können, funktioniert es gut, wenn ich klicke. Stopp. Ich habe keine Meilen über Wirkung funktioniert gut, aber das. Aber weißt du, das Ding funktioniert nicht mehr. Entfernen Sie also Even Listener gerade den entfernt, den ich entfernen möchte. Und es ist wirklich mächtig, wie Sie sehen können, denn von sogar Zuhörern, können wir etwas entfernen. Nun, eine von der Funktion, die aus dem Ereignis aufgerufen wird, nicht alle von ihnen. Und wir haben auch einen grünen Mantel, oder? Deshalb sind auch die Sünder wichtig. Also, wenn du nicht meinst, dass er ist, kümmert dich nicht um die einfach, aber leichter. Du wirst solche Dinge wirklich zu schätzen wissen. So noch ein weiteres Problem. Das Problem ist, dass alte Internet-Entdecker Licht 67 und acht auf und wenig, wenn Sie es unterstützen wollen , dann unwahrscheinlich. Das ist nicht genug. Sie müssen anstelle dieser Methode verwenden. Etwas Gutes wird anhängen Ereignis genannt, und etwas wird Trennen diskutieren, auch was bedeutet, dass sogar beim Zuhörer und entfernen sogar Listener. Okay, ich bin wahrscheinlich Internet Explorer in allen erzogenen alten Versionen. Die und jung. Alle anderen Browser mochten das Spielen nicht zusammen und sie machten Probleme, weil sie gerade angerufen haben. Sie funktionieren, die deswegen anders sind. Ah, gut, Leute, die Websites programmiert Köpfe Probleme, weil sie keine besondere Dank Versicherung erstellen mussten , die in beiden Web-Browsern auf einmal funktionieren würde, und wir können es auch tun. Aber wenn du es nicht unterstützen willst, mach dir keine Sorgen darüber. Diese Browser werden bald sterben, so dass Sie nicht brauchen, um sie kümmern, es sei denn, Sie sind und Sie wissen, Person, die das ist oder gewagt das Skript von Ihnen macht Sie wollen, es zu tun. Also, um es zu tun, können Sie die J-Abfrage verwenden, die Sie einfach alle Dinge wie das vergessen lässt, weil selbst berechnete Studien nicht in diesen waren Brüder arbeiten. Sie können also das J-Viertel verwenden, das wir haben. Du machst solche Dinge. Sie müssen sich also nicht darum kümmern, solche Dinge zu unterstützen. Oh, Sie können eine Funktion erstellen, die Sie nennen, was jeder zum Beispiel Ereignis erstellen wird. Sie nehmen Sie ein Objekt, das Sie wollen Ah, sogar noch wollen Sie sogar benennen Sie wollen ausführen und Sie wollen auch was? Und Sie wollen auch, um, um, name off Funktion, um die Name off Funktion aufzurufen, um etwas aufzurufen, das in Ordnung ist, und wir sollten überprüfen, ob in unserem Dokument eine Eigenschaft existiert, eine Funktion, die wir gerade beim sogar Listener aufgerufen haben. Dann können wir so etwas leicht machen, oder? So etwas. Aber im Moment wird dieses Ergebnis als Objekt sogar Name isco bezeichnet. Sogar Name und Name off Funktion zu sogar ist Tut das Ding, das Sie richtig geschickt wird. Und wir können jetzt all diese Dinge ersetzen, so dass wir einfach Sekunde tippen können. Ich erstelle Eventmeilen über Farbwechsel. Also ändern wir nur die Namen, oder? S o etwas tun. Teppichbombe auf Dhere. Wir wollen hier die Telefongröße erhöhen. Wir wollten so etwas machen. Und jetzt können wir erweitern oder nehmen Sie es unter dem Befehl als eine Übung, die Sie erstellen Ah, entfernen Sie auch diese Krankenschwester tun es selbst. Okay, wir machen dich gerade jetzt so auf Dwell. Es funktioniert nicht. Das ist überprüfen Sie sie. Was? Halten Sie, ich habe falsch gemacht. Falsch in der Konsole. Wie Sie sehen können, wurde das Objekt, das sogar Listener nicht gefunden. Das liegt daran, dass ich es nicht hierher geschickt habe, weil ich ein Objekt geschickt habe, an dem ich arbeiten möchte, natürlich. Und jetzt, wie Sie sehen können, funktioniert es so, als ob es vorher funktioniert hat. Richtig? Wenn ich es aufhöre, ist es Ah, Stopp. Aber gerade jetzt, wegen ihm, wird es auch in Internet-Experte 67 die Nacht funktionieren. Aber die erhöhten Schriftgrößen funktionierten nicht so, wie Sie hier auch etwas anderes tun müssen . Aber du gehst in all diese Dinge, der Krieg geht in die nächsten Gebete. In diesen Versionen ist es einfach zu viel Arbeit. Wirklich. Es ist einfach einfacher, etwas Gutes zu wissen. Das könnte J Abfrage aan den bei sogar Dysenterie wird so etwas wie du genannt werden. Genau das, was funktionierende Web-Browser wie das. Okay. Und es gibt auch viele Dinge, die dir helfen werden, solche Dinge zu bekommen. Wir hatten uns Sorgen um Dinge gemacht, über die wir jetzt reden, also kannst du jetzt Uneben schaffen. Ähm, aber natürlich haben wir gerade die Vision erstellt, wissen Sie, Firefox und Chrome und andere Dinge wie diese. Wir erstellen keine Version für etwas Mädchen. Also werden wir einfach tippen Sie anders und jetzt Objekt, das sogar anhängt. Und er wird tippen, ähm, plus sogar Namen. Warum? Weil sie nicht nur den Namen der Funktion geändert haben. Aber sie wollten auch, dass dein Zeh haftet. Okay, so weiter, plus sogar Namen. Und dann der Name der Funktion sprechen Abstimmung. Es ist also eine Übung. Haben die abgelösten Ereignisse der Erstellung entfernen sogar und tun Sie einfach etwas wie etwas, das, wenn Sie Probleme haben, fragen Sie mich einfach und Sie werden nicht. Ist, dass es immer noch gut funktioniert. Ihre Erfahrung zu beenden, wird jetzt funktionieren. Ah, du musst nur daran denken, diesen Teil zu ändern, auch etwas damit zu tun. In Ordnung. Okay, das hat nur zuhören. Vielen Dank. 38. Event: Hallo? Heute werden wir über gleichmäßiges Objekt sprechen, das Ihnen mächtige behaltene Fähigkeiten geben wird. Was soll ich meine? Nach diesen Lektionen werden Sie in der Lage sein, Ihre Kraft wie ein Profi zu validieren Sie können erzählte Tipps erstellen, die Sie auch erstellen können , was Sie wollen. Also lassen Sie uns diese Lektion starten Nach dem Aufruf von give Funktion von der sogar mit dem geraden. Du hast immer diese Funktion hinter etwas her. Würde diese Kälte überhaupt Objekt? Schauen wir es uns an. Hier haben wir gut das Element Ergebnis mit der Identifizierung ein Ergebnis. Okay, dass wir es haben. Und lassen Sie uns zum Beispiel hier registrieren und sogar wir könnten hinzufügen sogar Zuhörer Bob verwenden, wissen Sie, es ist schwieriger zu lesen, also werden wir es nicht einmal Zehe verwenden. Es ist besser, es zu tun. Es ist nur ein schnelles Projekt, nur um dir etwas zu zeigen, also werden wir die einfachere Version benutzen. Also werden wir zum Beispiel auf Mausbewegung tippen . Das wird also sogar passieren, wenn wir die Maus über etwas haben und wir uns bewegen, richtig? Wir bleiben nicht an einem Ort. Wir bewegen uns so auf Meilen bewegen. Wir wollen die Funktionen ausführen. Das ist nur zum Beispiel, obwohl etwas dick und wir werden Dysfunktion definieren. Und jetzt lassen Sie uns etwas Temporäres schaffen, damit wir sehen können, was passiert. Wir können diesen temporären Kerl zu seiner inneren HTML-Onda bringen. Wir können die Dinge ändern, richtig? Das coole Ding ist, dass automatisch das erste Argument der Funktion immer ein gleichmäßiges Objekt der Funktion ist, dass oder dass diese ihnen zugewiesen sind, sogar richtig? Wenn keine Argumente an Sie gesendet werden, werden wir auch darüber sprechen, wie Sie später weitere Argumente senden können. Aber nun, so eine Institution. Und jetzt werden Sie jeden Typ hier bemerken, dass wir etwas mit dieser Kult-Objekt-Maus zu tun haben. Und Sie können nicht auf solche Dinge zugreifen, so können wir beispielsweise eine alky prüft, ob die Kunst Contra sie während der gerade gerade jetzt gedrückt wurde, Wie Sie sehen können, es ist falsch. Aber wenn ich ausklickte und ich halte halten und ich hoffe, ich halte es als ein zusteht, so dass Sie wissen, Sie können eine Art von Abkürzung Z auf Ihrer Website tun. Sie können überprüfen, welche unten Mars Boden war gut, aber um es zu tun, können Sie die eigenen Meilen bewegen, aber Sie müssen auf Mähen nach unten verwenden, weil Sie wissen, wenn Sie bewegen Ihre nicht angeblich etwas klicken oder nur in Bewegung. So funktionierte diese Veranstaltung, einige auf Meilen unten. Wenn etwas, wenn Ihr Mund unten ist, können Sie einen Scheck ändern. Würden Engpässe klicken, damit Sie es so machen können? Bombardierung es 01 frei. Also die linke Null die Mitte ist eins, und das Recht ist zu, Und es gibt einige Probleme in Web-Browsern, über die wir später sprechen, weil , Sie wissen wie immer, einige Browser in implementiert die große andere Art und Weise. Und es gibt Dinge wie gereinigtes X, das wirklich hustet. Es wird dir den Platz geben. Wo ist dein Mund im Moment? Runter von der geraden. Also lasst es uns an Mündern ändern. Gehen Sie zurück auf das hier. Sie können sehen, dass wir die Position aus dem Mund herausgekommen sind, wenn Sie auf der Entwicklung von Kurs sind, das , wissen Sie , so groß wie Ihr Fenster ist richtig, weil wir nicht gesagt haben dass mit, Also ist es sogar hier. Deshalb wird die X-Achse aktualisiert. Also die horizontale die vertikale wäre warum Zugang Also warum und wie das könnte ich es verwenden, zum Beispiel, einen Tooltip direkt zu erstellen, wenn Sie hier sind , wollen Sie hier tun Wenn Sie hier sind, wollen Sie eine Kleiner tiefer Anlegesteg, richtig? Das ist vollkommen in Ordnung, so etwas zu machen und wir werden eine einfache Erkältung wie Leadsom erschaffen . Nun, kreativ in etwas Mächtigeres in der speziellen Lektion. Aber lasst uns zum zweiten Schlüsselcode gehen. Sie können bekommen, was er in der Zahl gedrückt wurde und hören dysfunctional die Taste in Charakter zurückgegeben . Okay, das ist mächtig, denn in den Telefonen kannst du zum Beispiel sagen, uns zum Beispiel sagen,dass wir aufhören. Ah, Leute, die zum Beispiel in das Formular eingeben , wo Sie erwarten, dass Leute Zahlen eingeben, die Sie nicht wollen, zum Beispiel, sie schreiben Alphabet richtig? Wenn Sie Alphabet wollen, können Sie einfach verhindern, dass sie Dinge wie Zahlen eingeben, die wirklich mächtig sind. Wir werden solche Dinge später über dieses Ding tun. Wir reden später über diese Lektion, aber das ist Letts. Probieren wir den Takt an. Das ist, ähm, zum Beispiel, soll das noch denken? Aber bevor ich es mache,möchte ich dir auch davon erzählen. Aber bevor ich es mache, Vielen Dank jetzt. Es funktioniert, weil wir die Feuer Leute benutzen, neue Feuer Leute, direkt in der Gruppe Komitee arbeiten im Internet, Ansporn für neue Internet Explorer. Es wird funktionieren. Aber in den alten Entdecker gibt es ein Problem. Das Problem ist, dass das hier gar nicht existiert. Es existiert in etwas Gutes wird Fenster genannt, dass sogar so, wenn Sie den Zugriff auf Internet-Geist in der Stunden-Version wollen, sollten Sie so etwas eingeben. Aber Sie wissen, wir wissen nicht, welcher Browser von Ihrem Benutzer verwendet wird. Um es also richtig zu machen, damit wir alle Browser unterstützen können, müssen wir es überprüfen, wie es geht. Ich zeige dir sehr schnelles Gewicht. Hören Sie, normalerweise existiert dieses E nicht im Internet Explorer, was bedeutet, dass es undefiniert ist, wenn wir so etwas tun. Vory Bullenveranstaltung. Nun, Sie müssen auch wissen, dass Sie hier eingeben können, was Sie wollen. So, zum Beispiel, selbst und jetzt können Sie Ihre E-Autos jetzt im Schlepptau eingeben, verwenden Sie es so. Wir können sogar dieses Fenster tippen. Und wenn wir so etwas tun, sind Sie nicht, ist, dass es für uns undefiniert ist. Es ist undefiniert. Aber für Internet Explorer ist es nicht. Aber wenn wir so etwas tun, haben wir Objekt am gleichmäßigsten. Ok. Gab es so etwas? Ich bin definiert oder logisch. Operator Rublyova, Wie Sie es sehen können. Ist das alles unser so etwas hier? Warum ich Ihnen gesagt habe, dass der logische Operator so funktioniert, Das dehnt die Wahrheit aus, wählt die alternative Option. Was bedeutet, wenn du so etwas hast, wird es eins wählen, oder? Die Lösung für das Problem. Alternative Möglichkeiten, etwas zu machen. Deshalb nennt man es abwechselnd. Und wenn Sie eine haben und man würde nur die erste Option wählen, die richtige Option. Also, wenn Sie so etwas tun, wird es auch die erste Option wählen. Wenn die zweite diese undefinierten wird die erste Option wählen, Kreativität ist toter Weg. Es wird auch diese wählen, oder? Also ist es die perfekte Sache, hier jetzt was zu verwenden? Sogar es wurde hierher geschickt? Ja, Fenster, das sogar. Und deshalb haben wir jetzt immer hier in einem Objekt, das Sie verwenden möchten, oder? Und es ist nicht Krähen. Brother Version die sehr cool. Okay, also lasst es uns jetzt ausgebildet haben. Erstellt Eier und gereinigt von. Ich möchte eine gekippte erstellen. Also, wie es zu tun? Lassen Sie uns einen Dave erschaffen, den wir den Tipp nennen, und in ihm will ich Zehe Dual Duty. Irgendetwas über das Dif. Okay, und wenn Sie sich erfrischt, wie Sie sehen können, haben wir, dass es etwas über den Dave ist. Lasst uns in die Spitze gehen. Wir sollten es verstecken, Start schreibt auf Lasst uns es verstecken. Lassen Sie uns also die Anzeige von Block zu taub ändern. Andi, das ist zum Beispiel, sagte die Position toe absolut, weil wir nicht wollen, dass Sie den Platz auf unserer Website nehmen. Wir wollen es nur weitermachen und es kann sein, was auch immer du brummst. Wir möchten, dass Toa wegschaffen, weil es sich verlassen hat, um die Höhe zum Lesen zu erstellen , wissen Sie, nur um es besser Hintergrundfarbe auf Ben zu machen. Andere Dinge, wie das Abschied von anderen Dingen. Das ist das, was du tun kannst. Und jetzt sind wir verzerrt, und wenn jemand hierher gezogen ist, möchte ich es zeigen. Um es zu tun, sollten wir das, was wir zuerst bekommen sollten. Lass uns etwas tun, das vorübergehend ist. Sorry, noch tief Onda, dass so bis Tipp und wir gehen einfach in diese Zeitanzeige und wir werden es ändern, um zu tun, was von ihnen zu blockieren zu blockieren. Und das kann sehen. Jetzt taucht es auf, aber ich will es zeigen. Genau der Ort, wo leichter Mund, oder? Weil er ein Werkzeug ist, das Menschen in, um Ihren Benutzer zu zeigen. Ist es so zu tun? Nun, wir können die gereinigt genau XY verwenden und warum wir das Werkzeug Trick Position Stil links ändern können Wir können Sie Ihre koreanische Ex verwenden und auf der rechten Seite können wir die koreanische verwenden. Warum? Also, ähm, es funktioniert nicht, weil wir hinzufügen müssen, dass er uns auswählt. Okay, etwas, das Sie machen wir es so auf Was haben wir gereinigt? X ist nicht von natürlich deklariert, wann zu verwenden, dass e die Antiquitäten und warum? Und jetzt arbeitet er gut. Es ist großartig, oder? Es bewegt sich Heilung? Nein, wie wir wollten, aber es sollte 11 sein. Das wäre top. Okay, jetzt sieht er gut aus und so machen wir es. Wir können es, weißt du , etwas besser machen. Also, zum Beispiel, in deiner Stadt, also haben wir gut. Der Raum zwischen der Maus und dem Stuhl Ausflug auf diese. Sie können sehen, dass es ein bisschen besser ist, oder? können wir erhöhen. Sie können Änderungen vornehmen. Sie können es besser aussehen lassen. Um, das Skript kann wirklich aktualisiert werden, zum Beispiel. Sie können die Beschreibung im Inneren ändern. So wird es zum Beispiel zum A Tribut von hier geändert . Daten. Sie haben etwas tiefer gesagt, und Obama, brah, wir werden solche Dinge in der speziellen Lektion tun. Sie können es jetzt als Übung machen, aber es könnte ein bisschen schwer sein. Ich zeige dir nur die Ausschaltung der Sache, die wir gerade gelernt haben. Okay, das haben Sie auch. So haben Sie endlich etwas Spaß zu tun. Du könntest auch, du weißt schon, aufwerten. So verschwindet, wenn Sie einfach ausziehen. Weißt du, Funktionen, die ich auf meinem bekomme, war mein Mund raus. So etwas wie das. Ähm, jetzt möchte ich auch darüber sprechen, wie man ein Argument an diese Funktion sendet. Wissen Sie, manchmal möchten Sie ein spezielles Argument an die Funktion senden. Wie gut hat es funktioniert? Weil , wir hier mitnehmen können,was du willst, damit wir so etwas tun können und es wird immer noch funktionieren. Wie Sie sehen können, funktioniert es, weil dies nur das erste Argument ist, das wir gerade genannt haben, selbst weil es selbst beschreibender ist . Und das erste Bräutigam Argument ist immer ein gleichmäßiges Objekt. Aber was würde passieren, wenn Sie mehr als die erste Vereinbarung hätten, ist nicht einmal dann, richtig. Um es zu tun, müssen Sie eine enorme Funktion wie diese schaffen und Sie werden involviert, so etwas zu tun . Aber im Moment hast du das auch hier gut, richtig? Das gleichmäßige Objekt ist innerhalb der Tierfehlfunktion, die Sie jetzt schleifen, heutige Funktion und Sie können es jetzt nehmen. Ok. Und deswegen können Sie auch Argumente senden, oder? So neue Argumente, Beispiel. Probe dauert etwa die Hälfte und wir können es hier nehmen, damit wir so etwas tun können und wir können hier d so. Äh, das ist Platz drauf, aber als Krebs funktioniert es richtig. Sind diese einfachen Takes über nichts? Es ist unterhalb dieser Gesamtheit, genau hier. Es funktioniert also gut. Du bist es in Ordnung. Wir können hier jetzt einen Streit schicken und nicht über dieses Ziel reden. Ah, na ja, du weißt, du hast etwas Gutes, heißt diese Objekte, und dieses Objekt wird dir geben, dass ich so etwas will? Ist das, ähm, Tag-Name, zum Beispiel. Und das ist unter dem gemeinsamen Schuldigen zu nehmen, weil es uns nicht hilft. Wie Sie sehen können, haben wir Defu. Also diese Jobs, der tog Name oder wir können handeln, Ausgabe jede Eigenschaft aus dem Element, das die Funktion beteiligt. Der wahre Besuch. Es ist die eine Zitrone, die diese sogar zugewiesene Zehe hat. So Tage haben sie, wenn Sie innerhalb Absätze hatte und bestellt freigegeben diese Elemente andere Dinge wie das, es wird Ihnen auch die, wenn Sie handeln wollen. Ist das genau das, was das Ereignis aufgerufen hat? Haben Sie Zugang zum Abschleppdienst? Das Ereignis, das es Ziel ist, wird Ihnen jetzt auch html def Element geben. Richtig. Aber jetzt gibt es Ihnen, ähm, das Element, das involviert ist. Also, wenn Sie hier zum Beispiel, Absatz für wie, dass Sie feststellen, dass es sich ändert, oder? Weil dif innerhalb eines anderen Elements haben kann. Aber dieses Ding würde sich nicht ändern, richtig? Wenn wir die Zehenschnur zurückwechseln. Wie Sie sehen können, es Ihnen nicht das Richtige. Sie können natürlich natürlich den TAC-Namen bekommen. Genau. Dave. Sei okay, Andi. Es gibt auch ein Problem, da es in Internet Express sechs und acht nicht unterstützt wird. Und du kannst auch Dinge tun wie,weißt du, weißt du, wie wir vorhin geredet haben. So können wir es wie diese Quelle der Nachfrage machen. Und jetzt können wir mit so darauf zugreifen. Wie Sie sehen können, funktioniert es immer noch. Aber es wird jetzt in unserer Studie Internet-Experte funktionieren, denn in einem ausgezeichneten Forscher wird es Quellelement genannt, nicht das A-Ziel. So denken Sie, dass diese Befreiung Sie handeln können, ist genau Eigenschaften aus der A Zitrone, die die Funktion aufgerufen , die sogar richtig und auch die Schule? Denn jetzt brauchst du das zweite Argument nicht zu senden, oder? Sie brauchen es nicht, wenn Sie wollten, wissen Sie, überprüfen Sie genau das D für etwas, das Sie jetzt aber nicht brauchen. Aber natürlich solche Dinge passieren, wenn Sie mehr als ein Argument senden möchten. Also weißt du, ich kenne die Lösung. Okay, sind also Grundlagen dieser Dinge. Wir werden sehr coole Sachen später in den nächsten Lektionen zu schaffen waren Nun, trainieren alle diese Dinge, die wir machen. Es ist so, dass es in allen Browsern unterstützt, andere Dinge wie das. Das ist alles in guter Lektion. Vielen Dank. 39. Verbreiten von Events: - Hallo. Heute werden wir über die Ausbreitung sprechen. Sogar Ausbreitung bedeutet Multiplikation. Manchmal wird es Bobbling genannt. Lassen Sie uns Ihnen ein Beispiel zeigen. Wir haben eine DIF, die Identifikation ein Ergebnis hat, und innerhalb davon können wir viele Angriffe haben, oder? Zum Beispiel können wir sehen, ob es etwas kühnes ist, etwas, das gerade im Dave ist. Und wir können auch einen Knopf haben, so dass wir viele Angriffe innerhalb und andere Steuerrecht haben können. Und es gibt hier einige Probleme. Wir haben gerade mit dem Dokument für, bekommen Element von I d all diese Elemente zu diesen Variablen. Und jetzt wollen wir sehen, was auf Meilen mehr Bewegung passiert. Sogar wir verwenden hier anonyme Funktion Toe beteiligt, um etwas zu tun. Die Funktion, die wir ihnen eine gerade schicken und diese, die das Ergebnis reference wird. Das Ergebnis genau hier machen wir Shooting, das sogar in Intern Express 67 und acht funktionieren wird und wir können auch an die Quelle aus dem Element kommen. Und wir bekommen den temporären Platz. Also dieser Ort, um etwas zu zeigen ah, wieder Unser Mantel zu sein, und wenn wir ihn auffrischen, werden Sie feststellen, dass, wenn wir hierher bewegen, die Quelle sich sogar verändert. Recht wird sogar dem Talk dif zugewiesen, weil Sie wissen, dass dieses Objekt auf das Ergebnis verweist. Also ändert sich dieses Ding nicht, aber irgendwie sagen Sie mir, wie dieses Element oder diese Zitrone über die gerade weiß. Das ist nur ein Zeichen für dieses Element, richtig? Irgendwie wissen alle von ihnen, richtig, denn normalerweise, wenn sie es nicht wüssten, hätten wir nicht die Quelle der Veränderung. Nichts würde genau passieren, wenn wir Dinge bewegen, die in einer Tiefe waren, und das ist sehr cool Sache, die automatisch funktioniert. Und es nennt sich Ausbreitung. Evans, Eine Verbreitung von Ereignissen funktioniert so, dass wir, wenn wir etwas tun, ein Ereignis richtig machen, wir es auslösen. So, zum Beispiel, wir bewegen uns innerhalb der Divan, ein anderes Element Element dann, das sogar bis die drei propagiert wird. Also von unten, es springt zu D von Davids Springen zu Boulder von Körpern springen zu HTML springt auf den höheren Baum von Ihrem HTML fünf. Deshalb brauchen wir nicht, um etwas wie fett es auf Meilen bewegen eingeben. Also, wenn Sie etwas im Schlepptau haben, die dif wir haben Ah, wir haben sofort einen Weg, etwas zu tun. Insight und Toe bekommen all diese Ereignisse von den übergeordneten Elementen, richtig? Und das ist wirklich cool. Aber manchmal ist es keine Schule, wie Sie vielleicht denken, weil gut, lassen Sie uns eine Situation vorstellen. Lassen Sie uns diese auf den eigenen Klick ändern. Sogar direkt dran. Lassen Sie uns etwas Wachsames tun. Wir sind im Ergebnis, nicht wahr? Und lasst uns diese in etwas wie, ähm, mutiger Schlagstock ändern ähm, . Und jetzt, wie Sie sehen können, wenn wir auf diese Schaltfläche klicken, wird Alert-Schaltfläche zu sehen. Aber wir sehen auch ein Ergebnis, oder? Indem wir also unten aufrufen, rufen wir auch das Ergebnis auf. Einige finden Situation wie diese, wenn Sie auf etwas klicken und Sie sind quitt. Diese Propagierung nach oben ist nicht das, was Sie wollen, da Sie hier möglicherweise einige Anweisungen haben , die Sie nicht aufrufen möchten, wenn Sie eine untere rechte Seite aufrufen, also müssen Sie die Propagierung stoppen, um dies zu tun. Es ist nicht schwer. Sie tippen einfach etwas wie sogar Stop Propagation. Wie Sie sehen können, nicht ein, wenn Creegan Button werden wir auf der Flasche Nachricht sehen, wenn es fett den Text genommen wir Siebold es und die Ergebnisse so ist, dass wir arbeiten, wie es sollte, weil er nicht hier auch propagiert. Aber hier ist es nicht und wie Sie erraten können, unwahrscheinlich. Wenn Sie auch Internet Explorer 678 unterstützen möchten, müssen Sie stattdessen den östlichen Schritt der Propagierung deaktivieren . Sie müssen sich beraten, aber Sie müssen die Ratsblase Eigenschaft auf wahr setzen. Also, wenn du es so , wird es jetzt funktionieren. Auch in war 67 und acht Version aus Internet Explorer. Propagierung ist also wirklich etwas, das für Sie vorsichtig ist, oder? Es ist intuitiv, denn wenn Sie etwas in das dif setzen, das Sie meine meiste Zeit wollen, wenn Sie weitermachen, haben sich auch Elemente darin sogar propagiert, weil Sie dann nicht für jedes von diesem Element angeben müssen . Dies sogar richtig, es wird viel von dem, was mit der Vermehrung arbeiten. Wir müssen solche Dinge nicht tun, aber es gibt Rechte Situationen, in denen Sie es stoppen wollen und Sie es auf diese Weise tun. Es gibt nur eine gute Lektion. Ich danke Ihnen sehr. 40. Vorgänger: Hallo Heute werde ich Ihnen sagen, wie Sie verhindern können, wie Sie die Standardaktionen stoppen, die auf Ihrer Website passiert . Zum Beispiel, wenn der Benutzer im Herbst etwas eingeben und er auf gesendet klickt, wird es automatisch gesendet. Aber was, wenn Sie das zuerst bestätigen wollten? Und wenn dort etwas nicht stimmt, willst du es wahrscheinlich nicht senden. Du willst sagen, Hey, du weißt, dass du etwas ändern musst, oder? Also, wie man immer noch sein kann, wie man es macht? Nun, wie Sie sehen können, haben wir das Formular hier haben wir ein i d für ID erstellt. Wir haben eine E-Mail, die auch eine 90. Und hier verwenden wir das Dokumentobjekt-Modell toe, erhalten Sie E-Mail. Also haben wir gute jetzt haben Eingabe hier und wir haben auch die Suppe informieren Boden. Also haben wir den Chor-Selektor benutzt, der hier CSS frei benutzt. Es bedeutet also, dass es nicht auf eine Weise unterstützt werden wird, Bruder Körper leichter und es ist schneller, also ist es mir egal. Und je mehr über intern Exporteur, natürlich können Sie es tun, wäre es anders, wo, zum Beispiel, Erstellen hier und ich D, aber Lassen Sie uns zum Thema gehen. Wie Sie jetzt, wissen Sie, verhindern Wenn Sie erstellen weg es verhindert die Dinge, die passiert. Das erste, was du denken würdest, es wäre, Hey, ich würde so etwas tun und es sollte genug sein, richtig? Wenn ich einfach so etwas bin, bin ich nur, du weißt schon, eine Unterzeichnung eines eigenen Klicks. Und das sollte auch auf Click De sein, damit es jetzt nicht funktionieren sollte? Nein. Wie Sie sehen können, ist es immer noch ein noch funktionierendes. Du musst es tun, bevor du etwas tust. Hier stoppen Sie die Standardaktion verhindern, indem Sie einfach etwas wie Tod eingeben. So ist es die Methode aus dem sogar das Objekt-Recht, das wir gelernt haben und dies zugeben Jetzt wird es nur verhindert. Nichts passiert, aber du könntest lügen, wegen Someday möchte ich das richtig schicken. Also, wenn Sie es später senden möchten, sollten Sie Schauspieler zu dem, was Sie später tun Nachrichten zu bekommen. Also, um seine Woche zu bekommen, sollte so etwas wie das um Varda Mensch bekommen Element von i d Nachrichten später. Und wenn wir in den Nachrichten später, wo zeigte verwenden etwas, was eine Methode einreichen genannt wird, und jetzt, wenn wir es klicken, es ist, Sie wissen, das gleiche tun, wenn wir es so hatten. Aber der Unterschied ist, dass Sie jetzt tun können, was Sie wollen zwischen diesen Zeilen bevor Sie senden. Oder Sie können nur einreichen, wenn Sie alles bewerten. Alles ist in deiner Form in Ordnung, oder? Also, wie es zu tun? Nun, Sie können zum Beispiel überprüfen, ob er diesen Wert gemacht hat, um den Wert von etwas in der Form zu erhalten, die Sie diesen Wert eingeben . Und jetzt kannst du zum Beispiel sagen, ob es Ah ist, der männliche Löwe O Baba, Komm die Stunde kommen oder was auch immer wir uns unterwerfen können. Sonst ist es falsch. Natürlich könntest du das Muster überprüfen. Wenn es sich um E-Mail handelt, 11 exakt. Aber Sie müssen wissen, das Objekt Wrack Handlungen, die wir jetzt nicht kennen. Wir werden später über direktes X sprechen. Wenn wir darüber sprechen, könnte es eine gute Übung sein, zu dieser Lektion zurückzukehren und das Skript zu aktualisieren. So stellen Sie sicher, dass die E-Mail richtig ist. Richtig? Okay, also jetzt, wenn Sie ein Dienstmädchen Ritus haben, dass es sonst funktionieren würde, wenn wir Sie etwas nehmen weil Sitze es Dutzende von Fleisch Baldwin Typ, dass es eingereicht wird. So bedeutet es, dass dies auf anderen Reiten. Sonst können wir zum Beispiel sagen, sagen, Hey, ich will zu dem temporären Kerl. Also nehmen wir diesen Kerl var temporären Dokument Holen Sie sich eine Zitrone von I d temporär und wir können temporäre dot ener html Ah tun , dass E-Mail falsch ist, richtig? Und wie Sie sehen können, ist es nicht zu sagen, dass E-Mail falsch ist. Radikale Veränderungen, die anfangen zu lesen oder so etwas, das Wir könnten was? Jeder? Wir können den Menschen nicht mitteilen, dass etwas nicht stimmt. Sie müssen sich ändern, wenn Sie auch Internets für eine unterstützen wollen 67 heute Abend Sie sollten es so tun . Ok. Ah, im Internet sehr 67 Und Sie müssen e, die Rückkehr eingeben und ihm falsch zugewiesen. Dann wird es funktionieren. Das ist also die Sache, die Sie tun müssen, um es zu schaffen. Was funktioniert in Internet Explorer und gut, wo könnte dies verwenden, ist es nur in Situation wie das Formular möglich? Nein. Sie können zum Beispiel zum Beispiel die Kontext-Männer so blockieren. Sie können zum Beispiel die Verbindung blockieren, wenn einige Partikel gehen, nichts passiert. Sie können jemanden zu irgendeinem totalen Unterschied durch Spiele oder andere Dinge wie diese schicken. Sie können etwas überprüfen, bevor Sie ihn an den Ort schicken. Eso Lassen Sie uns zum Beispiel den Kontext blockieren. Geistig. Lassen Sie uns es auf der Suppe Informieren Taste blockieren. Okay, also, wie geht es? Wir unternehmen dies nur und Sie müssen jetzt etwas nach dem eigenen Kontextmenü tun. Ähm, trotzdem werden wir so etwas tun und jetzt müssen wir es einfach blockieren. Also, wenn wir es tun, bombardiert für Knopf. Komm schon, Kontext May. Es funktioniert nicht, weil wir ich nicht gedacht, dass, natürlich. Und jetzt können Sie sehen, dass es nicht richtig funktioniert. Wir können keine Kontext-Männer erstellen oder wir klicken nicht jetzt auf die rechte Schaltfläche und es funktioniert hier nicht . Es funktioniert hier. Es tut nicht Onley in dieser Platzierung auf diesen Flaschen, und es könnte nützlich sein, weil es sogar Ihr eigenes Kontextmenü erstellen könnte. Sie könnten, wissen Sie, überprüfen, ob dieser Ah-Knopf von Zehe bis Fuß entspricht. Ich denke, und wenn es immer noch getan ist, können Sie zum Beispiel die Client X- und Y-Achse verwenden und etwas zeigen. F Direkt an dieser Stelle und Ihr Benutzer wird viele haben. Das ist kritisch. Awesome, nicht wahr? Okay, das klang Lektion. Vielen Dank. 41. Onscroll: hallo heute mit Übung ein wenig, und in der gleichen Zeit werde ich Ihnen eine neue zeigen, auch dass Sie so etwas erstellen können . Wenn Sie die Dominanz scrollen, können Sie sehen, dass wir Ihre über sie bekommen haben, und wenn wir darauf klicken, gehen wir an den Anfang unserer Website. Es ist eine coole Sache. Es ist eine gute Ergänzung zu Ihrer Website, wenn Sie lange Inhalte haben, denn dann werden die Benutzer bessere Erfahrung auf Ihrer Website haben, oder? Sie klicken dort oben oben. Das ist ziemlich cool. Natürlich können Sie es ein bisschen besser starten, also sieht es besser aus. Aber nun, lassen Sie uns ein bisschen trainieren. Das ist es. Um dies zu tun, müsste es zuerst diese unten rechts erstellen. Also lasst es uns tun. Lassen Sie uns ein I D dafür erstellen, zum Beispiel, nennen wir es zu Top-Flasche auf. Wir geben hier Angriffe an die Spitze, und jetzt müssen wir es ein bisschen stylen. Also Hintergrundruf oder Teal Ah, Lassen Sie es uns geben mit Lassen Sie uns ihm Höhe geben. Lassen Sie uns es zum Beispiel geben, ähm, parte Dinge auf. Und jetzt, wenn wir es aktualisieren, wie Sie sehen können, haben wir die Schaltfläche so bekommen, wenn wir wie schweben über sie. Wir wollen zum Beispiel Farbe zu was auch immer ändern . Und dass Sie sehen können, dass es ziemlich gut funktioniert hat, oder? Okay, jetzt brauchten wir an diesem Ort und es sollte immer hier sein, auch wenn wir nach unten scrollen, wie es geht. Aber wir könnten es in Javascript tun. Aber die meisten Brüder Ah, Unterstützung etwas Gutes heißt Position fixiert Wenn Sie es so tun, ist Ihre Position jetzt fixiert, was bedeutet, ist absolut. Aber es ist absolut total Wenn Sie scrollen, auch wenn Sie scrollen, ist es immer darin, dass es immer an diesem Ort sein wird, so dass wir jetzt etwas eingeben können. Ich kaufte den Boden auf Dhere 15 Bilder auf der rechten Seite. 15 Fixes. Wie Sie jetzt sehen können, ist es hier. Und nun, wir müssen all das bei etwas hier machen, wie viele Pausen. So können Sie sehen, dass es beim Schrauben wirklich wert ist, zu arbeiten. Gut. Wie Sie sehen können, ist es immer da, wenn wir scrollen, sogar richtig? Ok. Also, was wollen wir jetzt tun? Wir wollen Teoh Wenn schwache legale Notwendigkeit, nach oben zu springen, oder? Das ist das Erste. Und die zweite Sache ist, dass wir auch Teoh wollen. Ähm, Sie haben wahrscheinlich nicht das, dass es nicht immer sichtbar sein sollte. Rivalen waren an der Spitze. Warum sollten wir es sehen? Okay, also machen wir es auf Dwell. Wir könnten auch ein bisschen Cars gröber aufgerüstet. Wir könnten sie darauf hinweisen, wer sagen könnte, dass der Text ausrichtet, um sie zu schicken. So etwas kannst du sowieso machen. Okay, gehen wir. Aber kommen wir zurück zu dem Thema. Also müssen wir Zugang zu diesem Ding haben, oder? Also Dokument Alarm bekommen. Und durch die ich d Tell Taste auf. Okay, wir haben einen guten Zugang dazu. Und wenn jemand darauf klickt. Also wollen wir etwas mit ihrem eigenen Klick-Ereignis zu tun, und wir wollen nach oben springen. Wie macht man es? Wir können den Scroll für Funktion verwenden, damit wir Dinge wie Windows Scrollen durch tun können. Und dann haben wir die X-Achse gebunden. Und warum? Ausgänge, Ausgänge, Koreaner, alter Dollar. Warum ist vertikal, so dass jeder Typ hier, den ich nicht gefistet habe, existieren. Es bedeutet, bewegt sich durch 15 Picks ist auf der rechten Seite. Aber was uns nicht wichtig ist, rechts links Wir kümmern uns nur um diese Dinge. Wenn wir hier eingeben 100 Sie werden bemerken, ist, wenn wir darauf klicken. Wir springen um 100 Pixel nach unten, so minus bedeutet, dass wir ins Detail gehen. Okay, aber ich will immer nach oben gehen. Also möchte ich als Marsch nach oben gehen, als wir nach unten rechts gingen. Und dieses Ding fängt so an. Okay, aber wir wollen nach oben gehen, also brauchen wir Zehe multiplizieren Mini minus eins mit diesen Werten. Also haben wir ihn minus Wert, richtig und negativ. Und wie Sie jetzt sehen können, klicken wir einfach und wir sind die Spitze unserer Website. Es funktioniert also ziemlich gut, oder? Und jetzt wollen wir es nicht zeigen, wenn wir die Spitze sind. Das einfach dumm, da zu haben, damit wir das Fenster benutzen können, das auf Scroll, auch warum wir ihre eigenen Schädel-Zehen-Fenster zugeordnet sind , weil gut, das ist ein Fenster. Ich hätte hier am Tag ein Fenster. Dies ist das Top-Objekt Das ist das Beste, um es hier zu tun. Okay, also sind wir. Wir rufen jetzt auf Scroll Immer, wenn etwas passiert. , Wenn etwas,wenn wir dieses Mädchen bewegen, schaffen wir hier die Spannweite, damit ich dir etwas sehr Wichtiges zeigen kann. Also, zum Beispiel, denke ich das und lasst es uns reinbringen. So wie das und lasst uns so etwas machen. Wie Sie jetzt sehen können, können wir die Position aus der Schriftrolle sehen. Es funktioniert also so, oder? Wenn wir hier sind, denke ich, es ist wie Freeh unter. Ich denke, wir sollten das zeigen, was es ist. 300 Richtig? Wir müssen also was für eine Bedingung bei mir machen, um zu überprüfen, ob es vorbei ist. Wenn du das nicht kannst, möchte ich zeigen, ob es niedriger ist als jeder Kandidat, ich möchte einfach das Display auf jetzt am Anfang ändern, wir wollen, dass es einfach verschwinden lässt, OK, wir wollen es nicht zeigen. Warum brauchen wir? Und jetzt müssen wir nur diesen Ort ändern, so wie es geht? Nun, wir können einfach was? Holen Sie sich die Taste, damit wir es hier wieder deklarieren können, zum Beispiel innerhalb von Dysfunktion. Um und wir können zum oberen Knopf kommen und dann zum Stil gehen und dann zum Display gehen und ihn in Block ändern. Gerade jetzt war es Show, auch wenn ich mich ein bisschen bewegen. Also werde ich überprüfen, ob diese Fensterseite warum Offset größer ist als jetzt? Er nur du weißt, dass du dich tippen kannst, was du willst. 300. 500. Nun, wie wäre es, wie viel Sie, wie viel Sie tippen wollen, oder? Einige Leute würden gerne nach 400 spricht gezeigt werden, da Ah es nicht gerne bei 500 Typ hier zeigen würde . Eine Zahl, die du hier gerne hättest. Ansonsten möchte ich einfach von Block wechseln, der ein nicht blockiert ist. Also will ich es verschwinden lassen. Und wie Sie jetzt sehen können, wenn wir scrollen, wird es nicht angezeigt. Aber wenn wir vorbei an 400 gehen, zeigt es richtig, wenn wir zurück gehen, ist es ein Stück. Wenn wir darauf klicken, verschwindet es auch. Also haben wir jetzt etwas, das die Erfahrung verbessern würde. Oh, sind für Benutzer auf Ihrer Website Und wird es im Internetsport unterstützt? 678 Nicht so sehr, aber ich denke eine Sekunde darüber nach. Sollen wir es wirklich für sie tun? Sie machen dein Leben schrecklicher. Und dieses Ding ist wirklich etwas, das jemanden bequemer lügen lässt, oder? Es ist nicht etwas, worüber die Leute weinen würden. Die sie nicht richtig haben, ist nur eine Ergänzung zu Ihrer Website. Es ist nicht etwas, das die Größe auf ihrer Website und andere Dinge wie das verringern wird. So könnten Sie einige Hacks finden, wie es geht. Aber ich denke, es ist nur Zeitverlust. Ah, tu es einfach. Für Menschen, die am Arbeitstag Web-Browser sind, ist das nur eine gute Lektion. Vielen Dank. 42. MouseEvent: Hallo Heute werde ich über Mauseebenen sprechen. Und sind wir sicher, dass wir so etwas erschaffen mussten? Wow, es ist großartig, nicht wahr? Wir verschieben ein Bild auf unserer Website und wir können natürlich alle Elemente, die Sie bewegen möchten, richtig verschieben? Sie können dieses Ziehen auf jedem Element erstellen. Zeig dir immer bald, wie es geht. Aber zuerst gehen wir über die ganze Maus. Sogar wie Sie sehen können, haben wir so viel Treibstoff. Und das passiert sogar, wenn der Cursor vorbei ist, in die Zitrone eintritt, okay, und mehr fast raus ist, wenn der Cursor das Element verlässt. Also das sind Grundlagen eins und Sie haben die auf Meilen. Bewegen Sie sich, wenn Sie eine Zitrone bewegen, also wird es wahrscheinlich sehr nützlich für uns sein. Du bewegst deinen Mund auf diese Zitrone, richtig? Also ja, das ist sehr wichtig für uns. Wir haben so etwas wie ein knarrt, wenn Sie klicken und Sie haben so etwas wie DoubleClick. Also, wenn Sie doppelt kick ziemlich schnell und der Klick auf klicken ist sogar wirklich eine Verbindung aus fast nach unten und fast nach oben und wir werden diese Informationen brauchen, weil wir nicht darauf klicken wollen , und es wird sich bewegen. Wir wollen Zeh, haben unseren Stab von der Maus runter. Und dann wollen wir uns auf Meilen berufen. Gehen Sie nach rechts, wenn wir umziehen, wollen Sie es bewegen? Aber wenn wir die meiste Maus oben haben, wollen wir darauf reagieren. Und du willst auf Meilen Move anhalten. Ok. Danach können Sie sagen, dass Sie das Unreine stoppen können, auch wie Sie hier sehen können. Sie haben hier einen Knopf, wenn Sie so etwas tun, und ich habe jetzt gut hier und meine Maske, oder, Sir, wie Sie sehen können, ist nichts passiert. Aber wenn Sie darauf klicken, na ja, dann werden Sie an einen anderen Ort geschickt. Das liegt daran, um schnell zu haben, muss man fast raus und fast oben an der gleichen Stelle haben, richtig? So können wir jetzt Informationen wie diese verwenden, um dieses Ding zu erschaffen, das wir hier hatten. Im Moment aktualisiere ich es und wir haben nichts. Also haben wir ein Bild. Bild hinzugefügt. Hier ist es nur ein einfaches Bild mit der Identifikation er und das erste, was wir tun sollten ist, die Position auf absolut rechts zu setzen, weil wir die Position von diesem Element Freeway ändern wollen . Wir wollen nicht, dass es den Platz auf unserer Website mit anderen Elementen, oder? Wir wollen es aus dem normalen Fluss herausnehmen. Jetzt wollen wir es bekommen. Also Dokument Holen Sie sich eine Zitrone von I d und wir wollen dieses Beispielbild zu bekommen. Richtig? Also lasst es uns retten. Und jetzt wollen wir, was wir wollen, sagen, wenn wir etwas tun wollen, wenn jemand den Boden unten hat . Richtig? Also, was sollten wir tun? Einfach, dass der eigene Mund nach unten. Und wir wollen die Funktion hier einbeziehen. Also, wenn die Maus unten ist, wollen wir Zeh. Da so etwas passiert auch Nein, das würde nicht so etwas tun, wie alle Münder sich nach rechts bewegen. Wir wollen Zeh. Sagen Sie, wenn jemand den Mund auf diesem Element bewegt. Also sollten wir auf dieser Probe auf diesem Element auch und Sie wissen, beobachten Hören Sie zu eigenen Mund bewegen sogar Sie können, natürlich, tun wir nicht einmal Zuhörer hinzufügen. Außerdem mache ich es einfach so, weil es ein bisschen einfacher aussehen würde. Richtig? Also haben wir jetzt auf Mausbewegung gewesen. Und weil wir jetzt gut auf Meilen bewegen, können wir das bewegen, ich denke ziemlich einfach, weil, weil, na ja, wir können einfach auf dieses Beispiel zugreifen, wie wir einfach so etwas eingeben können und wir können zu der Stil links. Und er hätte sogar auf, wer so etwas wie ein Creon X tun kann, die den Ort haben wird, wo einfachere Mundposition, wie ich die letzten Lektionen gesprochen uns auswählt, weil wir es brauchen, um es in Picks uns haben. Oh, wir haben gerade die horizontale Achse implementiert. Und jetzt müssen wir etwas mit dem vertikalen machen. Überlegt er, wann wir brauchen? Nun, wenn wir wenn wir unsere Meilen runter haben,funktioniert es. unsere Meilen runter haben, Wenn wir umziehen, funktioniert es auch. Aber wenn wir uns auf dieses Objekt bewegen und es vor uns davonläuft, richtig? Also, wie man es macht, damit es nicht wegläuft, weil , , jetzt, wir haben die linke Ecke, rechts, die linke obere Ecke hier von unserem Bild. Deshalb haben wir solche Probleme. Also sollten wir zum Beispiel PNG gehen und sehen, wie, wenn was ist die Größe dieser Bilder? Sie können sehen. Die wir haben 128 und Heidi's auch 128. Und wir sollten diese Position ändern. Wir sollten einfach in die Mitte gehen, oder? Wir werden einfach, ähm, und so operieren. Und wie Sie jetzt sehen können, ja, wir sind mitten drin und jetzt funktioniert es. Wir bewegen es. Aber wir können nicht aufhören, sich zu bewegen, nur weil gut, wie es geht. Wir können es jetzt nicht tun, oder? Es funktioniert nicht, weil wir nicht auf der Maus haben, sogar schon. Beginnen Sie hier auf DWI Ich habe nichts damit gemacht. Aber es gibt ein Problem. Kannst du die sehen? Oh, wie Sie sehen können, hier ist eine Kopie davon. Wenn ich Ink es genannt werde und ich kann sogar in einem anderen Top öffnen. Das Ding ist nur ein einfaches Zuhause, Drac. Auch das ist, wissen Sie, in Webbrowsern unterstützt. Wir müssen es aufhalten. Sonst haben wir Probleme. Also müssen wir handeln, ist die einfache und gehen in etwas gutes Disco eigenen Drag-Start und wir müssen Standard-Aktion zu verhindern. Wie Sie sehen können,können wir es frei bewegen. Wie Sie sehen können, Und haben wir nicht eine andere Webseite geöffnet, und es wird besser funktionieren, oder? Seitdem wird es keine Box geben. Okay, jetzt funktioniert es besser. Wir müssen einfach aufhören, es aufzuhalten. Nun, probieren Sie das. Und jetzt müssen wir in fast nach oben gehen. Ich möchte die Funktion aufrufen, die sie einfach stoppen wird. Richtig. Also wollen wir in Probe auf mein Haus gehen. Bewegen, Mundbewegung gleich Nein. Wann haben sie hier zugeteilt? Nein, wir werden das Ding einfach wir werden das Ding einfach außer Kraft setzen und es wird aufhören. Und es gibt eine Währung. Es hört jetzt auf. Es funktioniert. Gut. Also haben wir dasselbe getan, wie ich vorhin gesagt habe. Sie können sehen, wenn wir es sehr schnell machen, ich kann manchmal auch verlieren. Richtig? Im Moment ist es schwer zu verlieren, weil es eine große Wohnung ist. Was würde passieren, wenn dieses Element kleiner wäre? Was würde passieren, wenn dieses Element ein anderes wäre? Nicht die gleiche Größe. Wir können das kriegen. Holen Sie sich die Größe aus dem Bild. Wie es geht. Nun, wir können das tun. Mit dieser Höhe können wir die Waffenhöhe der Zitrone aus dem Bild bekommen, indem wir so etwas eingeben, weil wir auf die Probe hier mit der Disc E-Welt zugreifen, die nicht 128 ging nicht durch zwei geteilt. Richtig. Und unser Mantel ist jetzt ein bisschen universeller, wie Sie scheinen können. Aber wir brauchen auch, dass wir ein solches Problem haben. Wenn es kleiner wäre, könnten wir wissen, wenn jemand so etwas schnell macht, könnten wir den Fokus verlieren und die Droge wäre verloren. Eafe, es ist genug für dich. Du kannst hier anhalten, aber wir können es verbessern, oder? Wir können es immer verbessern. So konnten wir uns jetzt ansehen, nicht die Probe, aber wir konnten uns auf Dokument auf der Maus ansehen. Okay, weil sie auch hier beobachten. Und wir müssen jetzt auf Nein, nein auf Dokument ändern . Aber jetzt gibt es ein Problem funktioniert nicht, weil dieses Schlüsselwort jetzt nicht auf das Beispiel zugreift . Aber es greift auf, Doc, Sie dokumentieren. Also müssen wir hier irgendwie eine Probe schicken, wie es geht. Wir können hier so eine temporäre Variable erstellen. Also haben wir Zugriff auf dieses Element zu schleppen und jetzt können wir es an diese Funktion hier senden. Ok. So kann es später sein. Wir können diese Probe von diesem Ort nicht verwenden, weil es konsumiert und so etwas wie das Meilen unten Sie nicht ist, dass Ah, es ist nicht globale Variable und wir es ist, könnte hier nicht zu sehen. Richtig? Also sollten wir einen toten Weg machen. Und jetzt wollen wir es an eine andere Funktion senden. Also sollten wir es erstellen, zum Beispiel Funktion, bewegtes Bild, Uh, so dass wir hier und sogar wollen. Und wir wollen auch widersprechen, sich nach rechts zu bewegen. Ich möchte diese überall so ändern. So Objekt zu bewegen und zu dokumentieren, dass auf den meisten bewegen ein. Ich möchte das bewegte Bild aufrufen, aber ich möchte ein Argument senden, das es auf diese Weise tun wird . So bewegtes Bild mit den geraden Objekten wie diesem. Und wir wollen auch den Zehensender selbst, also die Scheibe, die er von hier aus gearbeitet hat, und jetzt wie Sie sehen können, funktioniert sie gut. Und selbst wenn ich es mache, oh, sehr schnell wird es immer noch funktionieren. OK, das ist die So ist ein bisschen besser jetzt könnte man es jetzt verbessern, aber im Moment wissen Sie nicht etwas mit diesem Kult Ajax oder html fünf. Das Problem, das wir jetzt haben, ist das? Hören Sie, wir speichern die Position nicht direkt, wenn wir uns auffrischen, die Position ist genau hier. Sie können zum Beispiel verwenden, dieses Programm zum Beispiel verwenden,um Badges auf dem Profil anzuzeigen. Jemand und die Person könnten sich auf Sie bewegen. Er stellt diese Abzeichen irgendwo zur Verfügung, oder? Zum Beispiel für so etwas. Aber solche Dinge solltenzum Beispielin der Datenbank gespeichert werden zum Beispiel . Und um es zu tun, würde er es an die Datenbank senden, dass Informationen mit dem Ajax Oder Sie könnten die Position oder etwas für nur diesen Benutzer in den Cookies speichern. Wir sprechen über Cookies, aber unwahrscheinlich in den Partituren wird nicht über einen Jack sprechen, weil diese sehr immer große Thema und es wäre eine andere Küste über diese Sache. Natürlich kannst du das. Du verwendest das für andere Dinge. Ich bin sicher, das haben wir. Du hast gute, große Phantasie. Du hast einen Weg gefunden, solche Dinge zu benutzen. Und Sie sollten auch wissen, dass in HTML fünf sie neue Ereignisse sind, die mit der Droge verbunden sind , und sie ermöglichen es Ihnen, zum Beispiel, zum Beispiel, Dinge irgendwo fallen zu lassen, einen Ort zu machen, wo Sie nur fallen können Dinge unwahrscheinlich. Wir reden nicht darüber, weil wir über solche Dinge in HD Merkel reden, weil es auch ein großes Thema ist . Richtig? So html five gibt Ihnen noch mehr Leistung für Ihr JavaScript. Also ist es eine gute Idee, toe Auch lernen. Okay, das steht alles in der Lektion. Vielen Dank. 43. Time: Hallo heute. Zeigen Sie immer zwei Funktionen, die Timeout und das Intervall eigenen praktischen Beispiel. Wir werden eine Stoppuhr erstellen und diese Funktionen werden verwendet, um eine Funktion nach einer Zeit zu umgehen , die Sie angeben OK, setzen Zeit geht um eine JavaScript-Funktion nach Hominy schlanken Millisekunden. Sie übergeben hier und sagte Intervall wird das gleiche tun, aber es wird es immer tun, bis Sie sagen, stoppen Wir, zum Beispiel, klare Intervall. Sie können auch aufhören, Ah auszuführen, Funktion in der festgelegten Zeit, bevor es mit der klaren Zeit ausgeführt wird, besagte Timeout und das Intervall, alle ziehen die Identifikation er aus dem Aus, dass Sie wissen, sogar das passieren wird und Sie können es mit diesen Funktionen stoppen und wo einige, wenn so etwas verwendet werden kann , können Sie es verwenden. beispielsweise, Überprüfen Siebeispielsweise,ob Ihr Benutzer auf Ihrer Website östlich ist, dass er etwas tut. Er bewegt die Malteser und schaut sich das Video an und du denkst, dass du Drogen schicken kannst , zum , Beispiel die meine Eskorte. Sie Datenbank die Informationen, dass er nur auf der Website ist, richtig, so können Sie Dinge wie, die Sie überprüfen können, zum Beispiel, erstellen Sie ein Diagramm. Sie können, weil Sie jede Sekunde überprüfen können, ob jemand etwas tippt. Oh, können Sie, zum Beispiel, Erstellen von Animationen. Sie können beispielsweise beispielsweise alle 30 Millisekunden ändern. Der Ort, wo etwas ist. Ah, auf deiner Website. Richtig. Also gibt es Steine aus Optionen. Was ist es? Du könntest solche Dinge gebrauchen. Sie können zum Beispiel die Uhr erstellen. Aber wir werden etwas erschaffen. Was nennt man den Stopp. Was? Weil wahrscheinlich die einfachste Sache für zwei Dio jetzt. Und es wird eine gute Erfahrung für uns. Okay, also habe ich bereits eine Texteingabe als Start einer Flasche und einer Stop-Flasche erstellt. Okay, also haben wir so etwas, und ich habe auch Identifikationen für sie erstellt. Also haben wir Startwert-Taste Startknopf Stopp und Stoppuhr-Handler bekommen. Wenn wir hier Nummer eingeben und wir klicken gut starten, wie hier zu sehen 100 für die 123 eingeben und es sollte kommen, um auf Null zu zählen. Also, wie es zu tun? Das erste, was wir tun müssen, müssen wir diese Elemente von unserer Website bekommen, damit wir es wie diese Variable tun können. Und jetzt waren die Verwendung von Contra-Passagen damit zurechtzukommen. Und jetzt so etwas. Ah, um Bom und Stoppuhr Hunger. Also haben wir jetzt alle Dinge von unseren Websites in unseren Varietäten bekommen, damit wir handeln können, oder? Und lassen Sie uns eine Sekunde darüber nachdenken. Wenn wir hier eine Nummer bekommen haben, tippen wir hier und wir klicken Start wir möchten hier sehen, Also, wenn ich klicke, es ist die sogar eigene kriechen. Okay, wenn jemand beim Flaschenstart beginnt, würde ich gerne eine Funktion ausführen. Richtig. Und diese Funktion sollte tun, was tun sollte, was sie den Startwert nehmen sollte. Der Startwert ist hier, und weil er im Import ist, sollten wir den Wert nehmen, richtig? Nicht alle. Nicht auf der Eingabe, sondern der Wert dieser Eingabe. Das ist also Startwert, und wir sollten ihn in Steuerbord Chandler bringen, richtig? Stoppuhr-Handler , dieser innere HTML gleich Startwert. Nicht, wenn wir anfangen konnten. Es funktioniert gut, richtig Wenn wir es ändern, funktioniert es nicht gut, denn wenn wir Dinge ändern, uh, uh, und wir können auf Klick-Event, wird es hier den Startwert nehmen, der hier im starten, wenn wir die Waffe geladen. Als wir jetzt so etwas gemacht haben, änderte sich dieser Gedanke darüber, dass wir hier sind, Steve. Steve, der Wert, den die alten Werte. Also sollten wir diesen Wert jedes Mal ändern, wenn jemand hier drauf ist. Richtig. Okay, jetzt sollten wir anfangen zu zählen. Könnte ich einen Blick dafür gebrauchen? Ja, Ja, aber es wäre zu schneller. Habe ich. Ihr JavaScript-Code würde es nur so weit ändern, dass es wie Bombe wäre. Und die Null sofort, würden Sie sogar sagen, wahrscheinlich denkt, sie zu zählen. Und das ist, wenn etwas wie die eingestellte Zeit oder das eingestellte Intervall kritisch ist, weil es eine JavaScript-Funktion ausführen kann . Und Danske-Funktion ist nur eine Anweisung. So, zum Beispiel, Verringerung der Zahl nach Millisekunden. Sie geben hier nach der Zeit so an, richtig? Das wird jetzt das Beste sein, was zu tun ist. Also wollen wir Teoh Intervall setzen und wollen eine Funktion ausführen, die wir hier nach einer Sekunde angeben werden , richtig? So etwas wie das. Und was wir jetzt eine Funktion erstellen können, ähm, so und was wollten Wir wollen einfach so etwas tun und Sie wollen diesen Wert verringern , richtig? Und wie Sie jetzt sehen können, funktioniert gut. Wir zählen runter. Aber wenn wir es auf fünf ändern, wie Sie sehen können, haben wir gute Probleme, weil Sie auf einmal zu Zähler haben. Richtig? Es wäre also eine gute Idee, dass wir, wenn wir darauf klicken, dieses Intervall stoppen, oder? Wir sollten es aufhalten. Also, wie es zu tun? Wir könnten zum Beispiel zum Beispiel so etwas wie diese Variable tun. Und hier könnten wir das Intervall re ference Identifikation bekommen. Und wenn wir hier klicken, so wird es besser sein. Wahrscheinlich haben wir diese Variable hier erstellt, oder? Und wenn wir auf Flaschenstart klicken, sollten wir überprüfen, ob diese Intervallreferenz-Identifikation existiert. Wenn ja, dann möchten wir das Intervall löschen, das hier dieses I d. ansonsten brauchen wir es nicht richtig zu machen. Lassen Sie uns nicht die sehr Buch-Tastatur hier benutzen, weil Sie genau zwei Tage Guy hier gehen wollen . Richtig? Ähm, jetzt sollte es funktionieren. Gut. 24 Bombenbombe. Ich änderte es in Dies wird sehen, jetzt ist er auf der einen Theke. Das Problem ist, dass es nach sogar Null zählt. Richtig? Also sollten wir aufhören, auch auszuführen, wenn der Zähler falsch ist. Wenn der Start in Wert niedriger als Null ist, wollen wir aufhören, alles auszuführen. Richtig? Also, was wir wollen, wollen wir Teoh. Auch das klare Intervall mit der Intervallreferenz hat nicht angezeigt. Es gibt ein Problem damit. Wie Sie sehen können, haben wir minus eins minus noch Warum? Denn obwohl wir es in diesem Intervall gestoppt haben, bedeutet es nicht, dass alle Anweisungen nach diesen Anweisungen nicht ausgeführt werden . Was bedeutet, dass wir auch von dieser Funktion aus der Funktion verlassen sollten. Also sollten wir hier tippen, jetzt zurückkehren, da Sie immer noch eine 10 minus eins haben können. So können wir die Situation ändern, um es zum Beispiel so zu tun. Und jetzt zählen wir 20, werden wir getötet? Weißt du, anstatt durch sein Geld zu erschrecken, könnten wir es tun, zum Beispiel hier 10 und funktioniert gut. Ich denke, das ist ein bisschen leichter zu verstehen, oder? Okay, im Moment können wir uns darauf verlassen, wir es leicht an einen anderen Ort wechseln können, ohne uns viel Sorgen zu machen. So erstellt ein Steuerbord, das nach unten zählt. Wir wollen auch den Stoppuhr-Handler implementieren. So Stoppeln. Chandler, es tut mir leid. Nicht diese doppelte Trundle, aber Flasche stoppen eigenen Klick gleich Funktion und wollen nur selbst so nur beteiligt Tage Recht Balsam. Und ich will nicht, dass ich zusammenkommen will. Und Bob, Step Souljah funktioniert gut. Das Intervall ruft also nur eine Funktion auf, solange wir nicht sagen, stop right. Aber wir haben auch etwas wird eingestellte Zeit besprechen. Was? Wir werden nur einmal etwas anrufen, aber es bedeutet nicht, dass wir nicht haben können, dass du weißt, wir können dasselbe tun, wie wir es jetzt mit dem Set in getan haben. Schrecklich. Wenn Sie dasselbe tun wollen , kommentieren Sie es für eine Sekunde und das war's. Also wollen wir auch etwas tun, nachdem jemand auf die Flasche geklickt hat und wir wollen den Startwert nehmen und den Wert ändern. Richtig? Dieser Teil ist also derselbe. Aber jetzt möchten wir mit der festgelegten Zeit eine Funktion ausführen. So könnten wir zum Beispiel eine Funktion hören, die wir nennen werden, um, Stub Watch bestückt Onda, wir werden so etwas wie Button Start tun. Ok. Sagte Auszeit und diese Finger haben Stoppuhr. Fangen Sie nach einer Sekunde an. Ich möchte Dysfunktion aufrufen, aber nun, wir müssen ihren Startwert senden. Also sollten wir Funktion desinfizieren, und wir müssen aufrufen. Jetzt beginnt diese Stoppuhr mit hartnäckigen Farben. So wissen wir, was wir wollen, wo wir unseren neuen Wert und den Startwert einfügen können. Richtig, also schicken wir es hierher. Bombe. Wir sind jetzt hier. Richtig. Und wir müssen die Dinge, die wir gerade hier geschickt haben, mit Parametern deklarieren. Und jetzt können Sie zum Beispiel die gleichen Dinge wie hier. Also werden wir den Treffer um eins verringern. Wie Sie jetzt sehen können, nach einer Sekunde ist es nach einer Sekundeum eins gesunken. Richtig? Es funktioniert so. Es ist nur einmal involviert. Und ich möchte die gleiche Funktion erneut aufrufen. Wie es geht. Ich werde es hier wieder anrufen. Richtig. Also konnte ich Sachen wie Stoppuhrstart eingeben, und ich konnte Steuerbord Start- und Startwert sitzen. Ah, so, weil es von der Dokumentation unten rechts ist, also bedeutet es, dass wir es frei haben. Und jetzt, ähm, es funktioniert nicht gut, weil das Problem ist, dass es fast sofort ausgeführt wurde und weil wir auf nichts hier an diesem Ort gewartet haben. Deshalb brauchen wir etwas mit diesem könnte eine Auszeit aufgeben und wir werden entscheiden, wie, Auszeit Balsam. Nach einer Sekunde möchte ich das aufrufen. Wir brauchen also eine Animus-Funktion, weil Sie Argumente senden möchten. Also, wie das auf wir brauchen nicht Eltern ist hier und jetzt Bam, bam! Auf einem Stoppuhr-Zeug. Es hat nicht funktioniert, weil ich hier falsch schickte, weil er, äh ja, es funktioniert. Endgültig. Was Sie bekommen, bedeutet immer noch nicht, dass, wenn wir es getan haben, es gut funktionieren würde, richtig? Wann tat es so, weil zugeben, es ist noch schlimmer, weil nein, dieses Skript nicht weiß, was er zuerst ausführen sollte, und die Probleme kommen. Okay, also ist es eine gute Idee, Zehengewicht, wenn du so etwas machst und ich habe freie Teoh eine Null und es zählt das Problem, das wir jetzt haben, ist, wie man es stoppt. Nun, ich schlage vor, eine globale Variable zu erstellen, tötet variable Timeout. Re Referenz. Identifizieren Sie sie und wir können diese zuweisen. Ah, identifiziere sie hier. Und mit diesem können wir die gleiche Sprache wie hier überprüfen. Wenn das existiert, möchte ich die Auszeit so löschen. Frei zu Well, das ändert sich auf 124. Lasst uns 12 ändern. Jetzt können wir es einfach ändern, genau auf was auch immer. Sehr 10 Uhr zu schnell, Hintern Daumen. Okay, also funktioniert es. Gut. Jetzt müssen wir auch aufhören, wenn unsere Nummer beginnt. Der Wert ist kleiner als Null. Dann wollen wir einfach zurückkehren. Wir müssen das Intervall nicht so löschen, wie wir es getan haben. Wir müssen nur die Ausführung von Anweisungen danach stoppen. Richtig? Weil diese Anweisung hier wirklich das ist, was wirklich ausgeführt werden wird. - Onley. Wenn wir wissen, hier richtig zurückzukehren, weil Rückkehr bedeutet, dass wir überschritten wurden die Funktion verlassen. Wenn Sie nicht andere nicht verstehen, dies, Sie sollten wieder Lektionen über die Funktion zu beobachten. Also, wenn wir zwei tippen, wird es auf minus eins aufhören, also ändern wir es hier nicht und du hast bis während Null und du kannst es ändern. 13. Einfach zu einer anderen Nummer und funktioniert gut. Wie Sie sehen können, können Sie die gleichen Dinge mit der festgelegten Zeit tun. Aber ich schlage vor, Sets eine Auszeit zu verwenden. Ah, nun, vor allem, wenn du etwas nur einmal ausführen willst. Gleich nach irgendwann. Wie Sie mit dieser Lösung sehen können, haben wir eine globale Variable. Das ist nicht gut. Sie sollten so viel wie möglich vermeiden Global of Grables. Warum? Denn wenn du Männer von ihnen hättest, hättest du Probleme, dich zu verbinden. Was ist wo? Ok. Dinge wie Global sehr Boost können Ihren Mantel auch sehr schwer zu debuggen machen. Es kann Ihnen viele Schachteln bringen, die wirklich, wirklich schwer zu erkennen sind , besonders in Javascript. Also versuchen Sie Zehe, vermeiden Sie es. Ok? Es ist besser, in dieser Situation etwas wie das Intervall zu verwenden. Oder Sie könnten es noch professioneller machen, indem Sie den Funktionskonstruktor bei der Erstellung Ihres eigenen Stoppuhrobjekts umhüllen . Okay, das ist nur eine Lektion. Vielen Dank. 44. Time - verbesserte Version: Hallo. Heute werde ich Ihnen zeigen, wie Sie Ihren Mantel aktualisieren So sieht es mehr pro Art und Weise sehen Sie entschlüsselt. Wir haben es in der letzten Lektion getan. Es funktioniert gut, oder? Für ein kleines Projekt wird es ein guter Mantel. Das Problem tritt auf, wenn mehr Leute mit Ihnen arbeiten. Haben Sie gut? Nur viele Funktionen auf Ihrer Website. Weil du siehst, wir haben jetzt eine Gruppe Arabiens hier. Stellen Sie sich vor, dass wir noch mehr von ihnen haben und wir würden einen Mann haben. Amen. Amen. Evens auf unserer Website. Viele Dinge, die hier und jetzt in unserem Mantel wären. Du hättest Probleme, dich zu konzentrieren, um das zu finden, was du tun willst. Und jetzt stellen wir uns schon vor, dass Sie mehr als einen Stopp haben möchten? Auf Ihrer Website. Richtig. Sie möchten auf Null zählen, weil Sie, wissen Sie, verfolgen wollen , wenn etwas Osten ist, endlich richtig beenden. Sie haben gut zum Beispiel, eine Person, die das Spiel spielt und wenn er bauen kann mit, wir haben etwas. Die Abzinsung Zehe Null. Aber er kann viele Dinge auf einmal bauen. Richtig? Und wir hätten viele Zähler. Also würden wir gerne sehr wiederverwenden. Able, zum Beispiel, für Situationen wie diese genannt zum Beispiel, . Und dann ist es eine gute Idee, mit der Programmierung im Objekt zu beginnen, das es orientiert ist. Also, wie es zu tun? Ich nehme an, dass Sie bereits alle wenigen möglichen Lektionen über Funktionen und Objekte in den ersten Abschnitten der Narben beobachtet haben. Also geh bitte nicht zurück, denn das wird fortgeschrittene Dinge sein. Also das erste, was ist, dass wir einen Funktionskonstanten Konstruktor erstellen sollten. Wir nennen es zum Beispiel Stoppuhr. Und was wollen wir tun? Von welchem Zustand? Nehmen wir dies unter dem Kommentar, wir wollen eine Stoppuhr nach dem Laden unseres Fensters erstellen. Also var noch Butch New stop, was Okay, und jetzt, wenn jemand auf den unteren Start klickt, wollen wir Stub ausführen. Sehen Sie sich das an, und wir können jetzt zum Beispiel etwas mit den Methoden machen, die wir in Funktion erstellen werden. Sie denken, dass wir wollen, dass wir anfangen wollen, also sollten wir eine Funktion erstellen, die Kaltstart oder darin sein wird, so etwas wie das, richtig? Also lassen Sie uns es starten gleich Funktion diesen Start. Also haben wir keine Methode innerhalb unserer Klasse, die Start genannt wird und unser Programm starten sollte. Also sollte es den Stopper starten, oder es sollte, wissen Sie, zuerst ein paar Dinge initialisiert werden. Das erste, was es initialisieren sollte, ist der Startwert , der jetzt beginnt wo? In unserem Startwert Eingabetext , den wir,wissen Sie, kopieren sollten wissen Sie, . Hier ist es anders. Also nach jedem Mal, wenn wir klicken, sollten wir den Startwert erhalten, und wir sollten es hier tun. Also sollten wir es hier machen. Wir sollten gehen. Tun Sie so etwas. Also haben wir es in unserem Objekt, richtig? Wir können das Schlepptau dieses Typen drinnen, wenn wir das Steuerbord schaffen, wir sollten eine Stoppuhr schicken, Anwalt. Also wissen wir, wo wir Dinge im Inneren zeigen möchten. Also sollten wir Sachen wie diesen Stoppuhr-Handler auf Well machen, so. Nein. Okay, wenn wir es schaffen, schicken wir es hier auf Bombe, und es geht hierher, und wir sollten, weißt du, diese Art von hier ändern. Uh, Stub Uhr Stoppuhr. Sie d auch hier. Es ist auch hier. Entschuldigung. Stoppelter Jäger. Okay, also fangen wir an, wir haben den Startwert. Und die Startfunktionen sollten auch später Stub Butch starten. Also sollte es diese aufrufen, die stoppen, starten, stoppen, beobachten. Was hier sein wird und Dysfunktion hier sollte, was in Stobart Handler gelangen und die Energie html davon ändern sollte . Das fängt an? Sehr. Was ist das coole Ding? Haben Sie bemerkt, dass wir hier keinen Wert geben müssen, oder? Weil wir über die Variablen hier den gesamten Zugriff darauf haben. Die coole Sache ist, dass diese Variablen leicht zugänglich sind. Wir wissen, dass sie genau die Variablen sind, die mit dem Objekt verbunden sind, das durch diese Klasse erstellt werden soll, richtig? Es ist nicht irgendwo wie hier, also können wir sogar oh in etwas erschaffen. Dieses Recht dieses Timeout referenzierte Identifikation. Es ist nicht drin. wissen wir genau. Es ist damit verbunden. Okay, also haben wir es. Jetzt sind wir hier und haben damit begonnen. Also lassen Sie es uns sehen. Wie Sie jetzt sehen können, geben Sie Startwert in den Startwert ein. Genau Wert. Also sollten wir es so machen. Okay, wenn wir es jetzt ändern, haben wir getötet, wenigstens ändert sich diese Zahl. Richtig? Und jetzt müssen wir beraten, wie wir zählen. Wir müssen nur eine Auszeit aufgeben, oder? Und wir müssen die Funktion ausführen, dass dieses Gold was? Nach einer Sekunde, die aufgerufen wird Start stoppelt. Wir müssen nur die gleiche Funktion hier aufrufen. Das Problem ist, dass wir es nicht tun, wenn wir so etwas machen. Du kannst Bombe sehen. Es funktioniert nicht. Warum? Weil dieses Schlüsselwort eine Referenz im Schlepptau ist. Dysfunktion, nicht tot. Wenn Sie genau diesen Ort referenzieren wollen, sollten wir so etwas tun. Wir sollten eine temporäre Variable erstellen und zugewiesen, um dieses Objekt zu essen. Das Objekt, an dem Sie gerade gearbeitet haben und so etwas tun. Und wie Sie jetzt sehen können, ist es los. Ich werde nicht gehen, nicht funktionieren. Das Problem ist, dass wir den Wert von Ihnen nicht verringert haben. Okay, lass uns verrückt. 14 13 12 Bom Bom Bom Bom Bom Stoßstange. Ok ist so unter diesem. Weil du mir vielleicht nicht glaubst, war das kein Problem. Wie Sie sehen können, funktioniert es nicht. Wir haben haben nur einen wert, weil, na ja, wir beschriften es verringert. Das fängt an. Okay, also haben wir so angefangen und es funktioniert nicht. Wir müssen dieses Selbst benutzen 14 13 12 und es wird so lange zählen, wie Gers wir nicht aufhören, also müssen wir es aufhalten. Richtig? Also lassen Sie uns eine Funktion erstellen, die wir stop equals Funktion aufrufen und was wir tun müssen Wir müssen nur die Auszeit dieses Timeout löschen, ref, ich d Aber wir haben es nicht. Aber wir können es sehr weit haben. So können wir einfach so etwas und wir haben es jetzt. Stimmt's, Pretties? Es ist raus. Wir können es direkt an jedem Ort auf und gut, wie man jetzt in Mode es Wir müssen nur Flaschenstern Stopp eso auf Creek es ruft Funktion und wir tun nur Stub Watch Stop! Das coole Ding, das wir uns außerhalb dieser Sache zuweisen können, ist, dass Sie jetzt diese eigene Klieg Zehe zuweisen können, was auch immer Sie wollen, oder? Du kannst aufhören, an welchem Ort du willst durch welche andere Figur? Eins So können Sie es auch manuell stoppen, richtig? Staus an Steuerbord und es wird aufhören und die Zeit um irgendetwas Also fangen Sie an und jetzt können wir aufhören zu starten, stoppen. Es funktioniert. Und auch, wenn wir anfangen, wollen wir nicht passieren. So etwas passiert also nicht, oder? Dies räumt zu, schneller zu gehen, manchmal springen. Das wollen wir nicht. Barket, wenn wir es nicht einpacken wollen, sollten wir es hier überprüfen, oder? Wenn es diese Auszeit der Idee gibt, wollen wir es stoppen. Und die coole Sache ist, dass wir nicht wieder Zeh brauchen. Tun Sie so etwas. Wir können nur die Funktionsseiten davon einbeziehen. Hör auf damit. Sie könnten über die Lösung nachdenken. Ist das, wenn du etwas festlegst, das sie hier genannt haben, richtig? Weil du dir etwas tun könntest. Möchten Sie mehr Dinge hier haben, wie einige Schecks oder andere Dinge wie das. Dann, ah, weißt du, alles wird sich auch an diesem Ort ändern, damit wir unseren Mantel auch innerhalb des Objekts wiederverwenden können . Jetzt, wenn wir anfangen, können wir es ziemlich einfach ändern. Zehe irgendetwas an? Es wird nicht unterstützt. Okay, das Letzte, was wir tun müssen, ist der Scheck. Wenn dies niedriger als Null ist, wenn ja, dann müssen wir aufhören, alles nach den Zeilen etwas auszuführen, um zurückzukehren. Ok? wir müssen die Funktion verlassen. So, jetzt können Sie sehen 210 Und das ist alles aussehen Art von Spiel. , Stellen Sie sich vor,Sie möchten fortfahren. Warum ist es so schwer, Land eine Funktion für die Fortsetzung zu machen? Was sollte die Funktion, um die plötzlich nur beteiligt dies fortsetzen? Ja. Also, Tage, die Stop beginnen. Was? Wieder? Ich möchte das Spiel richtig studieren. Nur drei Tage. Ah. Okay, also brauchen wir nur unten. Weiter Schaltfläche, weiter. Wir müssen es wissen. Nimm seine Flasche auf. Und wenn jemand drauf ist, wollen wir aufhören. Uhr Zehe Fahren Sie fort. So geht es runter. Als wir aufhörten, hörte es auf. Ich gehe nicht weiter. Es geht weiter mit gerade wiederverwendet. Sie spähen, und alles ist, dass er in einem Ort ist. Dies ist die Kraft der objektorientierten Programmierung. Und das Coolste ist jetzt, wo du was haben könntest? Noch eine Stub Uhr, richtig? Dass du etwas anderem etwas Neues zuordnen könntest, könntest du vielen Orten gleichzeitig zuweisen . In Ordnung, Sie können die Co so oft wiederverwenden, wie Sie wollen. Deshalb sind solche Dinge sehr cool. Wo Sie tun könnten, verwenden Sie zum Beispiel so etwas. Viele Male für die Schaffung, zum Beispiel, Gewinne, wenn wir wollen, um die Dinge zählen. Richtig? Im Moment zählen wir so. Dass wir zeigen, wissen Sie, wenn Typen wie diese haben wir 15.000 und 123. Es gibt eine große Zahl, aber es könnte diese Nummer zwei wirklich eine Zeit ändern, oder? Sie könnten beispielsweise beispielsweise ein Datumsobjekt vorwärts verwenden. Nun, dann würden sie später widersprechen. Und weißt du, du hast keine mächtigen Fähigkeiten, um Dinge zu erschaffen, die einfach zu bedienen sein werden. Und haben Sie können später ändern, die lesbar sind. Wirklich? Sie werden Experte. Nach jeder Lektion wirst du noch besser werden. Du musst nur trainieren. Das, was ich jetzt gerne mache, ist, dass du weißt, normalerweise arbeitet das Steuerbord so. Damit, wenn Sie auf Stopp klicken, Sie werden nicht einmal sofort stoppen. Aber du bist nicht das, was du bist. Fügen Sie Inc. Diese Nummer nach jedem und wenn Sie wieder aufhören, Sie an einer anderen Nummer zu irgendeiner Art von Text, richtig? Sie wollen, dass Sie wissen, zum Beispiel, wie weit Ihre Freunde falsch sind. Und du bist genau wie ich. Hör auf, Zeug , Zeug, Zeug. Und du willst alle Zeiten haben, alle Zeiten von ihnen, richtig? So kannst du Dinge tun. Wenn solche Dinge man nur wissen muss, was? Aktualisieren Sie den Bottom Stop. Sie brauchen nur Teoh die Informationen aus dem Startwert hier verwendet. Richtig? Du kannst es kriegen. Sie können Funktionen erstellen. Wir würden diesen Wert hier den tatsächlichen Wert schneiden, und Sie könnten nur einige einfügen. Richtig. Das ist die Macht, richtig? Es ist ziemlich genial. Mach es als Übung. Wenn Sie irgendwelche Probleme haben, fragen Sie bitte. Das ist eine notwendige Lektion. Vielen Dank. 45. Formulare validieren: Hallo. Heute werde ich Ihnen zeigen, wie bis zum Tag, dass die Daten in die Eingabe von den Benutzern von Ihrem Weg neben wie Zehe es so machen Die Dinge, die hier Typ sind, sind richtig eng. Wir müssen den Benutzer darüber informieren, dass etwas nicht stimmt. Also verliert er keine Zeit, genau als er schickte und sie Cricket, sollte er da sein, weißt du. Aber hier stimmt etwas nicht, oder sogar wir könnten für ihn reinkommen. Wenn er nur das Importrecht ändert, wird es noch besser sein. Aber Sie müssen sich daran erinnern, bevor wir in diese Lektion tiefer gehen, dass alte Kontrollen, alle Bedingungen, die tun werden, sind nur für den Benutzer. Ähm, und Sie müssen sich daran erinnern, dass es keinen Sicherheitstest spielt. Ok? Ja. Sie können JavaScript einfach deaktivieren. Du kannst mit Jarvis tun, was du willst. Halten Sie fast so können Sie Hargett ziemlich einfach. Sie müssen also daran denken, dass Sie alle Werte auf der Serverseite erneut überprüfen müssen. Also, zum Beispiel, in PHP, Okay, Sie tun all diese Dinge, um die Benutzererfahrung auf Ihrer Website zu machen. Besser. Und es ist wirklich sehr, sehr gute Idee, denn manchmal, wenn Leute ein großes Formular eingeben und es dann neu bekommt, verlassen sie einfach die Website. So verlieren Sie Auto ein Bargeld, zum Beispiel, wenn Sie ein Geschäft ohne so etwas haben. Okay, also lass es uns tun. Wir müssen uns bilden, was ich mein Formular genannt habe und hier haben wir eine gute Nummer. Volltext, Feldname. Es ist etwas, was meine Form unten mit dem Wert gesendet. Und wir haben die DIF-Informationen, die wir einige Input geben, die hier sind, dass etwas nicht stimmt oder etwas stimmt. Und wir haben sogar einige, die wir in dieser Lektion durchmachen konnten. zuerst Lassen Sie unszuerstetwas von unserem Telefon holen. Das ist eine gute, gute Frage. Wie bekomme ich zum Beispiel diese Eingabe von diesem Formular, oder? Nein, tu es. Wir werden Dokument eingeben, bekommen eine Zitrone Bar Idee Geist Form. Und hier ist etwas ganz Neues. Sie müssen die Identifikation, einen Helden oder eine Klasse nicht kennen , um sie zu bekommen. Dies ist wirklich begeisterte nützlich, und es ist eine gute Idee zu wissen, dass, wenn Sie eine Form haben, dann jedes Element hier können Sie durch das Schreiben erhalten, zum Beispiel etwas wie Element Null. Okay, Element Null ist dieses Element. Das Problem an dieser Lösung ist, dass Sie wissen, sind Zitrone. Diese jetzt zweite ist keine faire Seite. Oh, weißt du, wenn du etwas hinzufügst, könnte es eine problematische Lösung sein. Also ist dieses Denken nur dann nützlich, wenn Sie zum Beispiel bei Ereignissen alle Eingaben haben wollen zum Beispiel , richtig? Dann könnten Sie mit diesem durch die Schleife gehen. Eric, die coole Sache ist, dass du Onley kannst. Du kannst einfach den Namen „Mensch“ eingeben. Okay, also haben wir so etwas wie, ah, bekommen Element durch i d meine Form nüchtern hier drinnen. Und wir können nur den Namen aus dem ah-Attributwert eingeben. Richtig? Andi, alles funktioniert gut. Also Anzahl Ängste, Okay, so etwas. Das ist das Schröpfen. Ähm, also haben wir ein Textfeld, auf dem diese Lieder stehen. Wir müssen aufhören, unterwerfen, aber, ähm, so, und wir haben gute Informationen. Die Information ist anders. Informationen sind nur in der Tiefe, oder? Also gehen wir nicht in den Namen, oder? Wie du. Okay, also so funktioniert es. Wir können keinen ziemlich einfachen Zugang zum Beispiel, Nummer, Feld und lassen Sie uns durch all diese Gleichungen gehen. Also der Schlüssel runter, wie funktioniert es? Also wird der Schlüssel für jeden Druck passieren, was auch immer Taste nach unten ist. OK, also lassen Sie uns zum Beispiel die Info innere HTML auf Lassen Sie uns eine einfache Variable erstellen, zum Beispiel, zum Beispiel, I Und lasst uns es in ihm erhöhen, Wie Sie sehen können, wenn ich schmerzhaft inneren html Esel nach unten natürlich auf Schlüssel nach unten. Äh, ähm, so wie Sie jetzt sehen können, wenn meine Schlüssel runter sind, sind diese, die ich schätzen, falsch geknittert zu sein. Warum geht meine Schlüssel? Nicht okay, du hast auch das Gleiche wie der Kalte Krieg. Dies rief auf Tastendruck. Sie können sehen, dass es auch erhöht wird. Das Problem an der Lösung ist, dass Sie auch die Taste erhalten können, die richtig gedrückt wurde . Und wenn wir die Taste gedrückt haben, wie Sie sehen können, können wir bekommen, welche Taste gedrückt wurde. Aber das Problem ist, wenn ich die Pfeiltasten auftrete, und das Kontrollblatt für andere Kinder wie das, Affenpresse wird mir nicht helfen, richtig? Kontrollblatt für andere Kinder wie das, Affenpresse wird mir nicht helfen, Und deshalb wissen Sie nur, dass Sie auf Taste nach unten verwenden müssen, um Kinder wie Pfeiltasten zu bekommen. Ok. So wie Sie in dem geraden Objekt sehen können, haben Sie etwas mit diesem genannt, an dem, sagt, wassagt,welche Taste auf diese verschiedenen wir Informationen gedrückt wurde, weil aus dieser Information sagen kann wenn wir ah, , die Sie dem Import hinzufügen möchten. Oder vielleicht möchte ich bald sagen, dass du weißt, dass etwas schief läuft. Du tippst etwas nicht. Du musst in Rente gehen, Baby. Ok. Und es gibt ein Problem im Internet. Sprah sechs und hassen Sie haben tow, erstellen Sie eine Variable wie Zeichen drücken, zum Beispiel, in so etwas. Und weil in allen Webbrowsern wie Internet Explorer sechs und sieben, musste man den Schlüsselmantel Schlüsselmantel mit dem großen Großbuchstaben verwenden. Ok? Und du hast Gutes. Auch etwas radikaler Charakter genannt Löhne. Fast das Gleiche liegen diese Typen oben. Aber ich kenne Judy City, OK, es ist fast Zeit nicht unterstützt. Es wird in den neuen Webbrowsern gelöscht. Diese nur damit du weißt, dass so etwas existiert. Okay, also haben wir Affen unten auf Tastendruck und wenn du etwas hast, was man Affe oben nennt und diese sehr nützlich, weil Affe oben wird einfach aufgerufen werden. Wann? Was? Wenn Sie, wenn Sie mithalten. Okay, es könnte sehen, dass ich den Schlüssel loslassen muss. OK, wenn ich den Schlüssel nicht anhebe, wird der Schlüssel des Ereignisses nicht eintreten. Wir haben auch etwas wird auf vier Kurs diskutieren. Es ändert sich wieder dahin, und wie Sie sehen können, wenn wir uns konzentrieren, also bedeutet das, wenn wir hier klicken, wird es aufgerufen. Es ändert sich wieder dahin, und wie Sie sehen können, wenn wir uns konzentrieren, also bedeutet das, wenn wir hier klicken Okay, Wir haben auch etwas mit diesem aufgerufen Blore, was bedeutet, dass, wenn Sie den Fokus verlieren, okay, also wenn Sie es einfach an irgendeinen Ort ändern, sonst in Ordnung von dieser Eingabe, und Sie haben etwas mit dieser Änderung aufgerufen, das ziemlich nützlich ist, denn wenn sich nichts ändert und Sie zu einer anderen Eingabe wechseln, wird es nicht aufgerufen. Aber wenn du etwas änderst, wird es angerufen. Wie Sie jetzt sehen können, wird es nicht angerufen werden. Richtig? Aber wenn du etwas hinzufügst oder etwas löschst, wird es aufgerufen. Okay, also so funktionieren die Gleichungen. Und jetzt trainieren wir ein bisschen. Lassen Sie uns zum Beispiel ein Programm erstellen, das das sagen wird. Hey, weißt du, ich will nur Zahlen hier. Also, wie es zu tun? Das erste, was wir tun sollten, ist, wissen Sie, die Tinte sogar zu benutzen. Warum? Weil wir nach der Eingabe testen wollen, richtig? Nun, wenn der Wert falsch ist, dann wissen Sie, dass etwas nicht stimmt. Wir wollen es nicht tun. Warum? Etwas wird gedrückt, weil es einfach schrecklich sein wird, weil man es muss. Nur diese Funktion würde nur zu oft aufgerufen werden, oder? Es ist nicht nützlich für uns. Und es gibt eine Funktion, die heißt Es ist keine Nummer. Okay, also das steht für ist nicht die Zahl, und es und Lesen kehrt zurück, wenn der hier gesendete Wert nicht die Zahl ist, die ich immer erstelle. Die Funktion, die aufgerufen wird, ist nicht Humber, und es braucht den Wert zu überprüfen und wir werden zurückkehren. Nur das, was von zurückgegeben wird, ist keine Zahl vom Wert zu überprüfen, aber wir wollen den logischen Wert von true zu false. Und jetzt sieht es besser aus. Weißt du, ich denke, es ist sehr schlimm, dass sie das so genannt haben, dass das keine Nummer ist. Ok. Ah, denn es ist einfacher für dich, das Gefühl zu haben, dass es etwas ist. Okay, okay, es ist okay. Lass uns zurückkehren. Wahr. Wenn etwas nicht in Ordnung ist, kehren wir zurück. Falsch. Aber hier ist wie, wenn es keine Zahl ist, dann wahr zurückgeben. Und wissen Sie, wenn Sie nur eine Sache überprüfen, wird es nicht sein, dass es Sie nicht verwirren wird. Aber wenn Sie viele Werte zu überprüfen haben und Sie Konjunktionsalternativen machen, kann es schwieriger machen, Cleary in Ordnung zu halten, im Mai zu Fehlern führen. halten, Deshalb mache ich diese hilfreiche Funktion für uns. Das wird nur prüfen, ob etwas eine Nummer ist, damit wir einen Scheck erreichen können. Wenn etwas die Nummer ist. Also können wir so etwas wie Eve machen, etwas ist die Nummer kennen und wir wollen das überprüfen. Ich fühle mich weit weg. Die Zahl befürchtete also, dass sich die These jetzt auf das Zahlenfieber bezieht, oder? Also gibt es, dass der Wert keine Zahl ist. Dann will ich etwas tun. Sonst möchte ich etwas anderes tun. Und jetzt müssen wir entscheiden, was wir tun wollen? , Wenn es nicht die Nummer ist,die wir sagen können, geben Sie bitte Nummer ein, oder? ich. Ich will nur eine Nummer hier. Ansonsten sind wir nur, wissen Sie, haben es alle Nachrichten, die hier gezeigt wurden, und wir sollten diese so ändern, zum Beispiel, die Farbe. Also dieser Stil, Hintergrundfarbe ändern wir zum Beispiel rechts, und nach, und nach, wissen Sie, wir machen alles gut. Wir werden es in grün ändern, wie Sie jetzt sehen können, wenn wir hier tippen, haben sie oder was auch immer falsch ist. Aber wenn wir eine Nummer eingeben, funktioniert alles gut. Sie können Ihre beliebige Nummer eingeben. Ansonsten haben wir gute Informationen, bitte geben Sie die Nummer ein. Wir könnten dieses Problem auch ein bisschen anders lösen. Ich denke, dass dies eine gute Idee ist, dies so zu tun. Dass wir überprüfen, nachdem wir eins aus dem Brief eingegeben haben. Okay, aber du könntest auch wissen, Diesel Oh, fast alles hier tun. Wissen Sie, wir mögen, wenn ich Schlüssel tippe. Ich will nur nicht, dass es hier ist, oder? Ich will nur nicht, dass dir jemand so etwas steckt. Und wir könnten es richtig machen. Wir könnten zum Beispiel, die A ein bewährter Standard. Wenn Sie so etwas verwenden, können Sie verbessern unti fold eingeben. Nun, das Problem ist, dass wir es bekommen haben, nachdem Esel auf Key Job sogar aufgerufen wird, nachdem Sie Ihren Schlüssel bekommen haben, Abba, und es ist bereits hier. Also müssen wir es ändern. So, zum Beispiel, auf Schlüssel nach unten und das war zu begreifen sind winzig. Nichts zu sein funktioniert und weil ich jetzt alles tun kann, töten Ah, kann ich es verwenden, um zum Beispiel, tun es nur, wenn das Kind, das hier geschickt wurde, es ist wie die, die ich bin, dass dies, zum Beispiel, wissen, die Nummer rechts? Das ist für ein zweites Zeichen hier für das Kind in ihrem HTML, den Wert, von dem wir dies unter dem Befehl für eine Sekunde nehmen. Und wie Sie sehen können, wenn wir hier tippen, bekommen wir einen einzigartigen Mantel, und wir müssen den Unicode verwenden. Wir könnten, wissen Sie, etwas tun wie, Hey, was diese in der unter dem Wert 57 Saison unter dem Wert äh, 58 andere Dinge wie das. Aber wir könnten auch das Sprink-Objekt verwenden, das eine Methode hat. Wir werden später mehr über String-Objekt sprechen, aber es gibt ein Metall, das heißt und es ist sehr nützlich von Charaktermantel , der Tage in den Charakter ändern wird. Wenn wir es auffrischen, wie Sie sehen können, erscheinen sie, wenn ich so etwas wie Buchstaben tippe . F: So können wir es benutzen. Sie können einfach vergleichen und darauf reagieren. Also, wenn das Zahlen sind, ist es OK. Wenn nein, es ist nicht in Ordnung, so dass wir so etwas tun könnten sogar, es ist unter gemeinsamen getan. Nehmen wir das unter Kommentar, und wenn etwas, das hier bald so dieser Charakter getippt werden wird, dann werden wir Ratte sonst grün richtig zeigen. Und natürlich müssen wir aufhören, wenn er sich irrt. Okay, ich bin erfrischend und das ist in der zweiten Art Zahlen. Aber wenn ich tippe, wenn ich versuche, etwas anderes zu tun, funktioniert es nicht. Das Problem ist, dass sogar unterstützt Präsident arbeiten. Also hast du Zeh. Überprüfen Sie auch, ob dieser Kerl hier rechts, um und in der gleichen Zeit, bei der nicht gleich ist und Rücktaste unter acht ist. Okay, jetzt, wenn er das erste Mal wenigstens kann ich im hinteren Raum. Aber wir sollten auch zulassen, dass Sie wissen, zum Beispiel, dass oder nicht. Vielleicht willst du einfach jemanden erlauben, der Lehrer eintippt, richtig? Vollständige Ganzzahl. Ich will die schwebende Zahl nicht haben. Richtig? Aber wenn Sie ihm eine schwebende Zahl erlauben wollen, dann müssen Sie auch sagen, und in der gleichen Zeit, die nicht gleich der Tochter dieses Wertes ist, der 190 ist, können Sie diese Werte erhalten indem Sie Unicode-JavaScript in der und Google eingeben. Aber du kannst sie auch ganz einfach vom Kind holen. Einer von euch rechnet nicht mal ungerecht. Sehen Sie, was unter diesem ist, wenn Ihre Zeit nur basiert. Ah, ich meine, das ist, du kannst sehen, jetzt können wir binden, dass wir einfach keine Buchstaben schreiben können. Da ist es. Natürlich, einige Boxed ist so zum Beispiel, ich kann Mall auf Cassie eine Gabel eingeben. Üblicherweise. Nun, zum Beispiel, überprüfen Sie, was in der dese ist, dass der Wert nach, zum Beispiel weiß ich, ändern Sie es in einen anderen Eingang O r Vielleicht könnten Sie es einfach überprüfen, nachdem jedes Mal auf der Tastendruckfunktion ist, Sie wissen, ausgeführt nicht viele Dinge, die Sie richtig tun könnten, um solche Dinge zu überprüfen. Aber die meisten Leute, die so etwas nicht hatten. Du könntest nur Teile, du weißt schon, den Wert ins Internet legen. Ganzzahl aus Gleitkommazahl. Also, weißt du, es hängt alles davon ab, was du tun willst, wenn Dwell Askew jetzt sehen kann, wenn ich etwas falsch tippe, es ist rot, aber es sollte nicht sofort gelesen werden. Ich sollte, weißt du, wahrscheinlich nicht einmal auf der Rampe rot zeigen, denn , wenn ich etwas falsch tippe, wird er nicht mal auftauchen. Richtig? Also haben wir hier immer die richtige Nummer. Meiner bescheidenen Meinung nach ist dies nicht der beste Weg. Ich denke, diese Schnittstelle solltest du nicht wissen, diese erlauben es, etwas darin zu tippen, weil , der Benutzer vielleicht nicht weiß, was passiert, oder? Es ist besser, ihm nach jedem Schlüssel die Nachricht zu zeigen,das rote Ding oder etwas, das,wenn alles in Ordnung ist,können Sie zeigen,wissen Sie, einige nach jedem Schlüssel die Nachricht zu zeigen, ihm nach jedem Schlüssel die Nachricht zu zeigen,das rote Ding oder etwas, das, wenn alles in Ordnung ist, können Sie zeigen, wissen Sie, nimmt, ist alles richtig. Weißt du, meiner bescheidenen Meinung nach wird so etwas besser sein. Bessere Erfahrung für Ihren Benutzer. Okay, das geht. Hören Sie, vielen Dank. 46. Stopping stopfen: Hallo. Sie haben wahrscheinlich in der letzten Lektion bemerkt, dass wir unsere Lösungen für das Problem bei der Überprüfung mit den Zahlen gewonnen haben . Wenn wir etwas gewachsenes tippen, können wir immer noch das Formular senden und alles ist wieder aufgestellt. Das ist nicht das, was passieren sollte, oder? Die Person, die Sie wissen, besuchen Sie Ihre Website sollte nur die Nachricht Suppe sehen. Bitte geben Sie die Nummer ein. Wenn Sie die Nummer nicht eingeben, können Sie sie nicht senden. Okay, also bis alles in Ordnung ist, sollte er es nicht schicken können. Und Sie wissen bereits, dass Sie einfach die Suppe in meinem festen Knopf nehmen und dann das eigene Click-Ereignis verwenden und Sie erhalten das sogar das Objekt und sogar Objekt können immer Standarddinge verhindern , richtig? Defense-Standardaktionen. Nun, das wird einfach nicht schicken, was immer es hier ist. Es ist richtig. Und das ist es nicht. Und wir müssen wissen, ob hier alles in Ordnung war. Und wenn wir einfach eine Variable erstellen können, ist alles in Ordnung? Und standardmäßig wurde gesagt, dass es auch würde. Und wir ändern es einfach, weißt du, wenn alles nicht in Ordnung ist, also wenn das keine Nummer mit der Änderung auf falsch war, aber wenn alles in Ordnung ist, ändern wir es wieder in wahr, richtig? Deshalb, wenn wir Ihre etwas eingeben, wie Sie sehen können, geben Sie bitte die Nummer ein. Es wird nicht geschickt, aber wenn du eine Nummer tippst, wird sie geschickt. Aber wir haben von Kurs abgesagt. Überprüfe es später hier. - Richtig. Wenn nicht alles in Ordnung war, dann verhindert. Also, wie Sie sehen können, wird es nicht geschickt werden. Es wird geschickt. Okay, das ist also eine gute Sache zu tun, denn später, wenn Sie zum Beispiel Textfeld überprüfen möchten, ein anderes Deutsch, das Sie wissen, können Sie haben, was auch immer Dinge wie Überprüfung das Labyrinth Recht des möglich. Diz. Raidi. Weißt du, das war der Name richtig Routine oder so etwas. Du kannst solche Dinge überprüfen, E. Und weißt du, wenn sogar einer von ihnen falsch ist, kannst du einfach sagen, dass diese sehr abstürzt und du weißt, dass es diese Aktion nur verhindern wird , und es wird dem Benutzer die Nachricht zeigen, richtig, dass Sie etwas als Übung ändern müssen. Ich möchte,wissen Sie, wissen Sie etwas mit Textfeld tun und zum Beispiel überprüfen, zum Beispiel überprüfen, ob es sich um ein einzelnes Wort handelt. Wenn es einen Raum im Inneren gibt, wird es nicht sein, weißt du? Gut. Du musst es auf die Zehe setzen... Ist alles in Ordnung? Ok. Toe Fehler und wie es zu tun. Wie überprüft man, ob es eine Abstandsstelle gibt? Schau, Textfeld, das den Wert eingibt. Er ist wirklich ein Array. Sie könnenzum Beispiel zum Beispiel String-Objekt dafür verwenden. Sie können darüber in Google lesen . Oder Sie können das Video über das Streak-Objekt sehen, dass diese später in den nächsten Satz nächsten Abschnitten und Sie können einfach durch alle Buchstaben innerhalb der Welt innerhalb des Wertes der Eingabe gehen . Nun, und wenn es einen Raum gibt , zeigst dueinfach , zeigst du eine Nachricht. Irgendetwas stimmt nicht. Sonst tun Sie es einfach nicht. Sie haben Probleme. Frag einfach. Du musst trainieren. Denken Sie daran, Es ist sehr wichtig, dass so in der Lektion. Vielen Dank. 47. Checkbox: Hallo Heute zeige ich Ihnen immer, wie Sie überprüfen können, welche Kontrollkästchen vom Benutzer aktiviert wurden und wie Sie Informationen wie die , die ich bereits erstellt habe, verwenden. Also verlieren wir unsere Zeit nicht. Eine Form und innen davon schuf ich eine tiefe und innere des Tages. Wenn es eine Beschriftung für jede aus der Eingabe Also, wenn Sie auf den Text neben dem Kontrollkästchen laufen, können Sie die Schecks Bücher um sie herum wählen, oder? Es ist sehr nützlich, die Etiketten zu verwenden und alle diese Eingaben sind Kontrollkästchen. Und ich habe auch Attribute mit dem Wert Kursnamen hinzugefügt und benennen. Und Sie müssen sich daran erinnern, dass Sie für die Scheckbücher immer den gleichen Namen verwenden sollten. Und der Unterschied ist, dass es macht, ist das richtig? Nun, wenn Sie das Dokument benutzen, holen Sie eine Zitrone nach I d Methode und Sie bekommen mein Formular und Sie Creek Dot Dann Polizistenautos nennen Sie hier einen Bereich. Also ist dieser Typ unter dem Bereich unter dem Index Null auf ihren Edikts. 12 kostenlos für Und Sie können diese Eingabe diese Eingabe diese Eingabe diese Eingabe wählen Diese Eingabe und erhalten Sie von ihm, zum Beispiel, Wert oder wenn es überprüft ist oder nicht. Okay, also ist es nicht so schwer. Also lasst uns zum Beispiel zu unserer Kälte gehen. Wie Sie sehen können, habe ich bereits mein Handy bekommen. Ich habe bereits das U-Boot im Kampf und ich habe bereits die Info hier, rechts eso, wo wir Dinge für das Schnäppchen platzieren, um etwas zu sehen. Also lassen Sie uns die ich denke, die Lope, weil es die beste Idee ist, zu gehen, um die entstehen, wenn Sie Schleife verlieren. So vier waren in der Lage, ich gleich Null und wir ich ist niedriger als meine Form. Und dann können wir auf die, was tun den Kursnamen Dark Linse. Da diese im Array richtig, kann ich ein paar Dinge tun, wenn wir anfangen, in die vier und in den inneren HTML zu gehen und einfach hier etwas eingeben, mein Formular Ursache Namen und dann Null so gut, also verwende ich das nicht, schaue Sterne. Ich gebe nur zur gleichen Zeit das Gleiche aus den ersten Scheckbüchern zu. Sehr bekannt. Ich klicke. Fügen Sie hinzu, wie Sie sehen können, wir haben den Wert hier. Das PHP wird immer Petri sein. Weil dies zuerst und Sie sollten auch bemerken, dass dies dieser Wert ist. Okay, innerhalb des Inneren dort, der Attributwert, der Wert aus dem Wert ist PHP. Das Problem ist, dass Sie wissen, dass die denken, dass diese hier Sie einen Wert richtig nennen? Und der Attributname ist auch Werte müssen es immer sagen, aber der Inhalt von diesem Attribut ist die Sache, die er, der hier sehen wird. Ok. Und, ah, nicht hier. Okay, das ist nur ein Etikett. Das Dutzend Mutter würdest du hier tippen? Richtig? Du kannst so etwas tun. Du wirst immer Javascript auf diesem Ding sehen. Das ist das Einzige, wofür wichtig ist, weißt du? Ok. Also können wir so etwas benutzen. Zum Beispiel machen wir sogar so etwas, oder? Mom? Es liegt daran, dass wir jetzt alle Werte haben, die wir können. Es gibt so etwas. Balsam. Wie Sie sehen können, alle Werte, die wir auch etwas Gutes verwenden können, eine Check-Eigenschaft genannt. Dieses Ding wird dir sagen, was überprüft wurde, oder es wurde nicht ausgetrickst. Wie Sie jetzt sehen können, war alles auf Scheck. Also haben wir überall falsch gekämpft, aber wenn ich zum Beispiel Großartigkeit überprüfe? Ja. Wie Sie sehen können, haben wir nach, wissen Sie, in geerdeten Js So können Sie Informationen wie diese ziemlich einfach verwenden. Das erste, was wir hier falsch gemacht haben, weil es nicht effektiv ist. Wir sollten hier eine temporäre Zeichenfolge erstellen eine , genau so. Und wir sollten am Ende zuweisen. Oh, so etwas sollten wir am Ende machen. Das Ergebnis. Ok. Warum? Ich habe oft darüber geredet. Willst du es tun? Denn in unserem HTML geht jedes Mal Kraft, wenn Sie etwas lesen. Der ganze Inhalt im Inneren wird jetzt schneller herumlaufen, oder? Wie Sie sehen können, wenn wir hier etwas ändern, ändert es sich auch hier, dass wahr, falsch. So können Sie Informationen wie diese verwenden, tun, was zu tun ist. Eine bedingte Anweisung. Wenn gleich wahr ist. Dann tun Sie etwas. Die Wahrheit ist, dass wir so etwas nicht tun müssen. Wissen Sie, geben Sie gleich durch, weil überprüft wird hierher zurückkehren. Wahr oder Falsch. Also, wenn überprüft wahr ist, dann haben wir hier gerade durch, also müssen wir nicht, wissen Sie, hier Vergleich machen Q Wie mit speziellen speziellen Operatoren Also, wenn Michael Aufrufe unter dem Augenindex überprüft wird, dann möchte ich bei JAG wissen, aber am Wert. Und wie Sie jetzt sehen können, fügen wir nur die Werte hinzu, die von uns überprüft wurden. Es funktioniert gut. Wir können das Ende bearbeiten. Gehst du zu so etwas, was? Sie können sehen, ist, ich denke, es ist ziemlich gut, Sie können die Leitung bremsen, was auch immer, damit Sie so etwas verwenden können. Zum Beispiel, um Dinge zu Ihrem Warenkorb hinzuzufügen. Vorübergehende Korbfahrt. Sie können diese Informationen dann auch an den Pfirsichfrieden senden, der jemals mit den A-Drogen verwendet wird. Die coole Sache ist, dass es nicht Dina dynamisch sein wird, oder? Sie können nicht Ah, Leute können auf Ihrer Website Dinge hinzufügen. Wir haben in einer Wartezeit geschworen. Also ist es wirklich cool. Denk nach, so etwas zu benutzen. Okay, es gibt nur Lektion. Vielen Dank. 48. Radio: Hallo. Heute werde ich Ihnen zeigen, wie man mit Funkimporten arbeitet. Radio-Importe funktionieren so, dass Sie nur eine Option gleichzeitig auswählen können. Richtig? Sie können nicht beide Optionen gleichzeitig auswählen. Sie können nur einen von ihnen wählen. Und das ist gut zu verwenden. Zum Beispiel, wenn Sie fragen wollen, sitzen Sie. Handeln Sie in Bezug auf Off-Service? Ja oder nein? Richtig. Also haben wir hier in den Dave importiert, mit dem Namen außer ation, Bedingungen, Dienstnamen, und wir könnten Aufenthalte gebrauchen Dienstnamen, , wenn jemand daran kämpft. Wir wollen überprüfen Ändern Sie das deaktivierte Attribut hier und den Start. Ich möchte, dass es deaktiviert wird. Also auch am Anfang sollten wir die geprüfte wo die keine Option wählen. Und wenn ich auf das S klicke, wollte ich es nicht deaktiviert haben. Wenn ich auf Nein klicke, möchte ich es wieder deaktiviert haben. So müssen Sie es tun, wo wir tun können, zum Beispiel, so etwas in Erwartung von den Bedingungen der Dienstleistung bekommen. Also meine Form Erwartung von Nutzungsbedingungen. Und wenn jemand auf den ersten Kerl klickt, möchte ich die Funktion aufrufen, die den plötzlichen Kampf verändern wird. Behindert auf was? Um nicht so auf false zu deaktivieren. Und wenn jemand auf den zweiten Kerl klickt, möchte ich ihn zu ändern, wie Sie jetzt sehen können, funktioniert gut. Ist es also nur Lektion? Nun, wir könnten es beenden, aber sieh es dir eine Sekunde hier an. Ich weiß nicht, welcher ist. Weißt du, wenn ich es in so etwas ändere, wie du jetzt siehst, funktioniert es nicht richtig. Akzeptieren Sie die Nutzungsbedingungen. Nein. Und es ist aktiviert. Irgendetwas stimmt jetzt nicht. Also sollte es nicht so gemacht werden, weißt du? Weißt du, Major hat angerufen, hängt davon ab, was hier passiert, oder? Jemand könnte ihre meiste Zeit etwas ändern. Es geht weg. Aber du bist Trainer, du solltest besser sein. Die nächste Sache ist, dass Sie wissen, dass es schwierig ist, selbst von Javascript hier zu sehen, ob ich mich hier entscheide . Der Typ, der schießen sollte, den Zehenwechsel der Arbeit oder nein. Also wissen wir nur über diese Sache auf der warum wir programmieren direkt nach einem Zug wird sich nicht erinnern. Es ist also eine schlechte Idee, so etwas zu verwenden. Wir könnten auch die Scheckbücher benutzen. Akzent oder nicht, dass auch verfügbare Option. Und aber was? Wir benutzen gerade das Schreiben. Und Teoh Nun, wie kann ich das aufrüsten? Gut. Wir könnten zu Oh gehen, von solchen Dingen. Wie Erwartung von Terminen, außer Service, richtig? Und machen Sie so etwas auf einmal. So können wir registrieren, Ereignis mit daher Lope und einmal toe jedes Element innerhalb des Bereichs so, es ist ziemlich mächtig, oder? Das Problem ist, dass wir jetzt auf falsch setzen. Wenn wir also was auch immer hier erschaffen, wird es jetzt falsch sein. Also müssen wir die Informationen aus dem Element verwenden, das Waas sie ihnen sagte, wir könnten tun, ist zum Beispiel Schlüsselwort „ dis“. Also beziehen wir uns auf diejenige, die wir durch die Schleife gehen und dann die Lautstärke verwenden. Warum Wert? Denn wir haben jetzt hier Wert, Wert, falsch und Wert zu Und wird es funktionieren? Wie Sie sehen können, sollte es haben. Sie sollten arbeiten, funktioniert aber nicht. Warum? Siehst du, wenn wir so etwas wie diese Warnung machen, wirst du sehen, dass es hier fällt. Und hier haben wir wahr. Warum funktioniert es nicht, weil dieser Typ dieser Variablen eine Zeichenfolge ist. Wenn wir solche Sachen machen , wie , Sie sehen können, funktioniert es nicht. Außerdem wird es funktionieren, wenn wir hier sind. Bei Durchgang. Bowling, wie Sie jetzt sehen können, ist nicht deaktiviert. Richtig? Also, um Maggie die Bowling, müssen wir einen Vergleich machen, damit wir entscheiden können. Wie ruft er zu Ja, wahr gleich zwei wahren Instinkt. Ja, das glaube ich. Wie Sie sehen können, fällt durch gleich zwei. Weißt du, für uns sieht es gleich aus. Aber für den Computer benötigt es hier genau den Bowling-Typ. Wie Sie jetzt sehen können, funktioniert es gut. Und diese Karte ist universell, weil Sie ändern können. Du kennst die Position. Es wird immer noch richtig funktionieren, oder? Wir brauchen nicht die Zehe hoch. Großartig. Irgendwas in unserem Mantel? Vielleicht sieht es ein bisschen schwieriger aus, aber nachdem Sie etwas Zeit mit Ihrem JavaScript-Code gearbeitet haben. Das sollte nicht im Herzen nach dir suchen, okay? Und vielleicht verstehst du diese Zeile auch nicht. Sie müssen sich daran erinnern, dass jedes Mal, wenn Sie etwas Zehe der Ankunft zuweisen, die Interpret, die dies zuerst ausführen wird, damit dieser Finger lesen wird, Return. Wahr oder Falsch. Und es wird nur diesen Wert hier signieren, richtig? So funktioniert es also. Ist der Radio-Import. Es sieht fast so aus. Kontrollkästchen. Das ist also nur die Lektion. Vielen Dank. 49. in Form auswählen: Hallo. Heute werde ich Ihnen zeigen, wie Sie mit Select arbeiten, die meist in kalten Kamba-Büchern ist. Und es sieht so aus, richtig? Also, wie man es benutzt? So fügen Sie neue Elemente hinzu. Wie überprüft man, welche Elemente vom Benutzer Ihrer Website ausgewählt wurden, wie es geht. Nun, um damit zu arbeiten, müssen wir wissen, dass es Eigenschaften und einige Methoden gibt, die wir kennen müssen. Lassen Sie uns zunächst den Fokus darauf verfolgen, wie der ausgewählte Vortrag funktioniert. Wir haben Insider-Optionen gewesen, oder? Und es gibt Männer von ihnen und Sie können alle Optionen mit der Options-Eigenschaft wählen . Nachdem Sie diese Auswahl mit dem Dokument erhalten Element von I d erhalten oder, wissen Sie, Benennung dieser So können wir es auch benennen Eingabe Videokurse. Und wir können es jetzt Jobs bekommen, indem wir mein Formular hier verwenden. Richtig? Um Sie können einfach wie meine Form und jetzt Video-Kurse und können es zum Beispiel verwenden, dass Zoller, was sehen wir? Wie Sie sehen können, haben wir html wählen Sie eine Zitrone. Also sind wir jetzt hier und wir können zu Optionen gehen. Also, um zu den Optionen zu gehen. Du magst einfach diese Optionen. Und wir können jede der Optionen wählen, weil dies wirklich ein Bereich ist. Das liegt daran, dass wir jetzt in der HTML-Option Ausrichtung sind, die der erste Typ ist. Und wir können auf den Wert des Wertes davon gehen, zum Beispiel mit dem Text, und dieses Ding gibt dieses Recht zurück, den Text. Aber der Text ist am meisten ich bin es gewohnt, Text im Inneren zu ändern. So zum Beispiel können wir zum Beispieletwas zu ah hinzufügen, dazu. Wie Sie sehen können, fügen wir es jetzt am Ende hinzu. Destexhe hier, sollten Sie die meiste Zeit nutzen Wert. Der Eigenschaftswert gibt denselben Wert zurück. Aber Sie möchten nicht immer den gleichen Wert haben, um später auf PHP absteigen zu können. Ah, das hast du hier, oder? Und deshalb können Sie zum Beispiel so etwas tun. Und dann der Wert, den wir das Ding zurückgegeben haben, das vor dem Benutzer verborgen ist, richtig? Sie möchten manchmal einem Benutzer etwas anderes zeigen. So, wie Sie den Wert bekommen und jetzt könnten wir auch bekommen, zum Beispiel, das Ding, das ausgewählt ist. Okay, also wie geht man das? Ähm, wir könnten einfach so etwas tun, dass dieser ausgewählte Index. Das Problem ist, jetzt, wo Sie jung wissen, sind wir kein Essen, nicht anrufen etwas, das das Recht ändern wird. Es wird eine gute Idee sein, Zehe es nach jedem Mal, wenn Sie etwas in Ihrem so wie ändern, so wie wird die Auswahl auch aufgerufen, wenn Sie etwas ändern gehen, um das Das ist das zu ändern. Das ist keine Überraschung. Also lasst uns einfach etwas tun. Meine Form Videokurse Punkt auf Änderung gleich Funktion und wir können sie so etwas wie diese Warnung ausführen und verbraucht wird. Jetzt, wenn wir uns ändern, werden wir informiert, dass wir die Informationen hier verwenden können, um ihn zu generieren. Außerdem müssen wir nicht jedes Mal Box verursachen, und jetzt können wir es einfach ändern. Sie können sehen, wir haben gut hier jetzt die Nummer aus dem ausgewählten Index. Also könnten wir diese Informationen auch verwenden, um zu , welche zeigen, welchevon der Wand und der Typ ausgewählt wurde, der diese in der Variablen gespeichert hat. Sie wissen also, Sie können sehen, dass es eine gute Idee wäre, eine temporäre Variable zu haben, so dass wir nicht jedes Mal Zehe haben . Nehmen Sie mein Telefon, die Video-Kurse, die Sie jetzt sehen können, es funktioniert immer noch, aber es ist ein bisschen kürzerer Code. Also lasst uns diese Informationen verwenden. So werden wir zu den Videokursen gehen, die Optionen. Und jetzt wollen wir hier haben, wissen Sie, den ausgewählten Index Kerl. Nicht diejenige, die wir, wissen Sie, geben Null ein, um zu gehen. Video Küste ist Punkt ausgewählt Indexvolumen. Wenn Sie also etwas einreichen, können Sie leicht überprüfen, was vom Benutzer gut ausgewählt wird. Nur durch, wie Sie sehen können, mit dieser Codezeile, richtig? Vielleicht in auf Veränderung Ereignis, es ist keine gute Idee, aber das ist der Weg zu überprüfen, was war Welt falsch vom Benutzer gewählt. Aber Sie können es nicht in ihrer eigenen Veränderung tun. Sogar ziemlich einfach und ziemlich schnell. Nur indem du das benutzt, diese okay Institution wie diese, kannst du es einfach so machen. Und es ist einfach schneller, weil das, weißt du, immer die Option bekommt, die gerade gewählt wurde. Okay, deshalb war es sehr cool. Sie können es ziemlich einfach so verwenden. Es funktioniert gut. Gut. Ich denke, dass auch um und jedes Mal, wenn Sie etwas tun PHP Maya Schule sask um zwei Jahre, oder? Es funktioniert. Ordnung. Kann mit diesen Werten tun, was wir wollen, okay? Und Sie haben auch Funktionen, die sehr wichtig sind. Die 1. 1 wird entfernt, die etwas entfernt, so dass wir Video-Kurse eingeben können, die den Kerl an der Index Null entfernt , die Sie jetzt sehen können, haben wir nicht X html, die hier beginnen, ist es, und er verschwindet. Du kannst es benutzen, weil du etwas weißt. Du könntest ein Programm machen, in dem jemand etwas tippt. Informant. Sie möchten so etwas aus dem Kombinationsfeld entfernen? Und Sie können auch manchmal an etwas wollen So können Sie Videokurse dup an und hier sollten Sie eine HTML optional Zitrone haben. Das Problem ist, dass wir es schaffen müssen. Also mussten wir binden, zum Beispiel, neue Option, die dem Dokument entspricht. Erstellen Sie Element, so dass wir jetzt die in einer Wut-Demo verwenden können. Nun, wir riefen wahrscheinlich an, dass einige herumarbeiten, aber das ist dieses Mal ein schnellerer Weg. Ah, denn interessanterweise wird der Mantel reproduzieren. Das ist also ein besserer Weg, es jetzt zu tun. Eine neue Option, die wir nehmen, sagte es , zum Beispiel, passieren zu kommen und einfach so hinzugefügt. Wie Sie sehen können, haben wir eine D und jetzt Kompass Schulen mit einem ziemlich einfachen Wir können nicht der Anfang sein, den Sie sehen können, jetzt ist es ein Anfang. Aber wir haben nichts Kinder. Weil, weißt du, standardmäßig dieser Typ gewählt wurde. Also auf dem Programm, verpassen Sie einen Beat. Überraschung. Was ist passiert? So können wir auch ausgewählten Index wählen. Wir können einen ausgewählten Index für diesen Kerl Inc machen. Videokurse, die den Index ausgewählt haben Setzen Sie ihn auf Null. Sie können sehen, jetzt Kompass ausgewählt ist. Okay, das ist nur eine gute Lektion. Vielen Dank. 50. String: Hallo. Heute werden wir darüber sprechen, wie man eine Sequenz aus Zeichen mit String-Methoden behandelt weil man manchmal etwas aus der Zeichenfolge schneiden möchte. Manchmal möchten Siezum Beispiel zum Beispiel etwas Interessantes ersetzen. Suchen Sie etwas in der Zeichenfolge, damit Sie es später ersetzen können. Sie möchten zum Beispiel etwas aus dem Stream machen, wie einen Buchstaben Toby Groß- oder Kleinbuchstaben. Vielleicht willst du solche Dinge machen. Und Sie sollten wissen, dass es viele Methoden gibt, die Ihnen viel Zeit in Ihrer Junk-Reise helfen werden. Okay, also fangen wir an. Wir haben hier bei ihnen. Pereiras Schnur so. Wir haben gut es in der erzürnten E-Mail aus dem Info-Objekt, das hier ist, und wir wollen nun überprüfen, wie alle Funktionen an einem praktischen Beispiel arbeiten. Also haben wir eine zweijährige temporäre Zeichenfolge. Sie müssen wissen, dass Sie Gestank auch so erzeugen können, weil dies ein Objekt ist, oder? Also wird es genauso funktionieren wie wir es tun, dass wir nicht weg sind. Und jetzt können wir, zum Beispiel, überprüfen, was ist das erste Zeichen hier? Sie können sehen, es ist ein Recht. Was ist, wenn das mein Name so wäre? Wie Sie sehen können, beginnt dieser Name aus dem Kleinbuchstaben, oder? Ein Brief und es ist nicht gut. Vielleicht wird jemand in Ihrer Form, wissen Sie, seinen Vor- und Nachnamen mit den Kleinbuchstaben setzen. Sie möchten nicht, dass sie so in Ihrer Datenbank gespeichert werden. Also ist es eine gute Idee, wissen Sie, sie aufrecht zu bringen, um sie in Großbuchstaben zu machen. Wie es geht. Sie können beispielsweise die Funktion verwenden, beispielsweise die Funktion verwenden, die in Großbuchstaben aufgerufen wird. Daran musst du dich erinnern. Weißt du, dieses Ding hat etwas zurückgegeben. Ich habe so etwas wie ein Gleiches. Also laufen wir auf dem A zu Großbuchstaben und das kann sehen, dass es nicht groß ist und wenn wir so etwas tun , es auch funktionieren, wie Sie es jetzt sehen können, ist es groß, aber natürlich temporär, sehr Buch. Er wurde nicht verändert. Also wollen wir uns ändern. Die Pemper sind hier variabel. Wir müssten so etwas tun. Bus. Erstens müssen wir irgendwie das denken, den Rest von der Schnur. Also, wie es zu tun? Sie können dafür verwenden. Zum Beispiel, Sub-String oder Slice Metal, so dass Sie etwas wie Plus tun können, und jetzt von der temporären Ich möchte die Substanz Methode tot Sie verwenden, die so viele Zeichen schneidet , wie er nicht von zu welchem Ort? Und, weißt du, es ist wie 01234567, also erhöhen wir den ersten Kerl. Du willst also vom zweiten Kerl abschneiden, oder? Wenn Sie das zweite Argument nicht angeben, würde es es nur bis zum Ende schneiden, okay? Geben Sie sogar das zweite Argument an. Also, wenn er so etwas getan hat, wie Sie sehen können, schneidet es die Zehe in diese Position. Okay, und Dias und Slips. Sub-String funktioniert gleich, also müssen Sie also müssen Sie sich keine Gedanken darüber machen. Geschnitten hat guten und wenig Vorteil, aber die Substanz ist ein bisschen schneller. Die meiste Zeit, weil Schule Scheibe kann auch, Sie wissen, schneiden mit dem negativen sind negative Zahl. Also wissen Sie, dass wir vom Ende der Zählung vom Ende abschneiden können. Aber ich denke, dass es keine gute Idee ist. Es macht Ihren Mantel schrecklich und schwer zu lesen, so ist es, als ob es das gleiche ist, was Sie haben auch etwas Gutes genannt Sub-String ohne die Tinte und das kann sehen, es funktioniert gleich. Aber der Unterschied ist, dass Sie Put zum Beispiel hören können für Und es nennen wir schneiden vier Zeichen von diesem Ort für Zeichen, nicht Schleppen vierte Position. Okay, das ist also der Unterschied. Ok. Und nun, lassen Sie uns zum Beispiel einen Link wie diesen erstellen. Eine Stadt Bay Video-Kurse online, die kommen. Und zum Beispiel haben wir hier einen Kurs über Videokurs C plus Explosion HD Emma Wie das. Ok. Und wir möchten nur diesen Teil bekommen. Wie es geht. Wie man diesen Teil des Du bist alles, was du draußen bist. Um es zu tun, müssen Sie von diesem Ort könnte. Aber wie kann man wissen, dass Sie von Ah katzen wollen, hoch ist die Anzahl, was ist der Index dieses Ortes? Richtig. Nun, um es zu bekommen, müssen Sie den Index aus oder den letzten Index von Met it verwenden. Dieser oder dieser in dieser Situation möchte so das letzte mögliche korrigiert werden. Also werden wir den letzten Index verwenden, richtig? Wenn Sie wollen, dass der erste Typ den Index ausschalten würde. Also Link, dass der letzte Index aus wird zurückkehren. Wenn wir dein sowas eingeben, wird es zurückkehren. Lassen Sie uns das unter Kommentar nehmen. Die Position von diesem Beck Schrägstrich. Also haben wir genug Disposition, die sie von diesem Ort ersetzen wollen, oder? Also lassen Sie uns genau wie Unterstring-Boden von diesem Ort aus legen. Und wie Sie jetzt sehen können, haben wir es von hier aus. Wo ist dieser umgekehrte Schrägstrich? Aber wir wollen diesen Schrägstrich nicht, also müssen wir nur einen einhalten. Und jetzt habe ich die Position, wo wir sind, und das sind gute Informationen. Wir können die Fensterposition verwenden, um zu erhalten Wo ist Ihr Benutzer gerade? Also, wenn wir zum Beispiel verwenden, wie du so etwas sehen kannst, wirst du das Du bist alle hier sehen, richtig? Also, wenn wir so etwas gemacht haben, wie Sie sehen können , am Ort, machen wir es zu diesem Drink. Wie Sie sehen können, haben wir Index, dass html Also, wie Sie sehen können, können wir leicht bekommen Wo ist die Person auf Ihrer Website? Richtig? Sie können diese Informationen später verwenden, wir werden mehr über solche Dinge sprechen. Wie Fenstereigenschaften später. Auch. Ok. Sie können natürlich natürlich solche Dinge für etwas anderes verwenden. Zum Beispiel können Sie viele Klassen haben, oder? Sie können Klasse eine 45 zum Beispiel haben, Grenze als, ah, Klausel, die besagt, dass es es richtig machen muss. Und dann können Sie die Höhe nach Osten ein 4 zu 6 innen überprüfen. Oder ist die Grenze das Innere? Wenn ja. Und ich will so etwas tun, oder? Sie können Informationen verwenden. Ich mag so. Verwenden Sie den Index vom letzten Index aus, denn wenn es nichts in Ihrer Zeichenfolge gibt , wird es minus eins zurückgeben. Okay, du kannst solche Informationen für solche Dinge verwenden. Lassen Sie uns nichts über die Spaltung lernen. Es ist wichtig, weil es auch sehr nützlich ist. Stellen wir uns vor, dass Sie eine temporäre Zeichenfolge wie diese haben. Und er war auf der Seite B com par sauce, gemahlen Js. Ok. Etwas, das vielleicht sogar wir kommen müssen. Ich habe da drin etwas gesehen. Und Sie haben diese Zeichenfolge zum Beispiel aus Ihrer Datenbank . Richtig? Du hast so etwas. Du willst es analysieren, weißt du, dass du es kannst. Sie möchten, zum Beispiel, Hinzugefügt zu den ausgewählten Büchern oder so etwas. Dann ist es schwer, es zu tun, weil es,wissen Sie, den Lappen benutzen und hierher gehen müsste wissen Sie . Und dann, wenn es ein Gewürz gibt, müssen Sie erstellen in einer Reihe und am X html zu diesem Bereich und dann am Beach Pier die Natur selbstgefällig. Und das sind wir und machen es manuell. Es gibt bereits eine Funktion wie diese, weil diese ziemlich häufige Situation gemeinsame Situation. Und um Sie zu bohren, verwenden Sie ihre Split-Materie, die richtig spaltet. Ana aufspalten. String eine Zeichenfolge in den Bereich, so dass wir etwas wie Split tun können. Jetzt ist es etwas. Es ist eine Variable. Temporär , so wie das. Okay, also jetzt haben wir hier, Wie Sie sehen können, X html im temporalen Bereich. - Natürlich. Im Moment müssen wir Else auch am Separator. Okay, also ist der Separator zwischen all diesen Typen ein Raum. Okay, also haben wir x HTML, die zweiten Jungs sind hb, also haben wir jetzt eine luftige und du kannst tun, wir können etwas mit diesen verschiedenen machen. Okay, wir können diesen Kerl zum Beispiel ändern . Um CSS, richtig, also wurde es geändert, und jetzt wollen wir sie wieder zusammenfügen, damit wir neue Zeichenfolge gleich ändern können und wir temporär verbinden wollen , wenn ich alle diese Elemente innerhalb des Bereichs im Schlepptau verbinde, zum Beispiel. Eine Zeichenfolge mit den Kommas zwischen allen von ihnen richtig wie das und Sie werden nicht ist, dass Sie jetzt aufgeregt millipede Ph b C s s sas grand Js davor haben wir gearbeitet. Wir hatten PHP Kompass, aber ohne all dieses Koma Koma und wir sind auf diese Änderung. So können wir ziemlich einfach einige Operationen machen. Und es ist, wie Sie sehen können, natürlich können Sie ersetzen,wissen Sie, wissen Sie, wie wir so etwas getan haben, könnte auch das vorübergehende Sehen, das ersetzen, und wir könnten es ersetzen. Was hat hierher geschickt? Ein Argument, das sagen würde, was zu antworten. So könnten wir zum Beispiel x html eingeben und ich möchte es zum Beispielauf html fünf reprise zum Beispiel , oder? Und Sie können sehen, um Wärme hier zu ersetzen. Lassen Sie uns zeigen, dass die 10 Parteien denken, ähm , naja, es wird nicht angezeigt, weil diese Ersetzung funktioniert, aber es gibt die neue Zeichenfolge zurück, also funktioniert es hier nicht an dieser Variablen. Sie müssen den neuen Wert im Schlepptau speichern . Das gleiche sehr unten auf die neue auf. Dann wird es html fünf funktionieren. So können Sie etwas ersetzen. Auch eine hübsche, ziemlich weit, ziemlich schnell. Aber Sie können zum Beispielnicht jetzt in ah hinzufügen, zum Beispiel jetzt in ah hinzufügen, nach jedem von diesem Element in Koma und Raum, richtig, richtig, wie wir es hier getan haben. Und du weißt, du kannst sie nicht vergleichen, um bestimmte Dinge zu tun, wie ein paar Dinge im Voraus, wie mit diesen hier. Okay, Sie haben auch etwas Gutes heißt Traum, und das ist wirklich, wirklich nützlich für das Speichern von Passwörtern geht manchmal, wenn Leute kopieren denkt und sie haben parzeled, zum Beispiel in der Text, für die meisten Leute tun es in der Art und Weise gibt es keine sichere. Aber wie Sie ihre Tasse sehen können. Ich endete mit dem Platz hier, zum Beispiel, und als sie ihn in die Passbox gebunden haben, interpretierten die Räume diesen Ah-Charakter. Und das Problem ist, dass so etwas das Problem machen wird, weil es ihnen gesagt wurde , dass Sie wissen, Ihr Passwort ist falsch und sie werden wie, Hey, aber nur Tasse ich tat, warum es nicht funktioniert. Das ist also eine gute Idee, Zeh. Immer, wenn Sie zum Beispiel so etwas haben. Und es ist natürlich das Passwort. Zum Beispiel, tun Sie etwas wie Traum. Es wird diese Räume hier entfernen. Okay, wenn wir es auffrischen, wenn wir in den Feuerbeutel gehen, werden Sie feststellen, dass es keinen Platz gibt. Hat er Recht? Wenn wir es ohne die Traumfunktion tun, werden Sie feststellen, dass wir hier Raum haben einen Raum hier und ein Raum erschien. Nicht Mama, nicht mehr, weil, na ja, HTML funktioniert so, dass, wenn Sie mehr als ein Leerzeichen haben, nicht richtig interpretiert. Wenn Sie mehr als einen Raum haben wollen, müssen Sie die Notiz Brickell Stand Platz machen. Aber Traum kann das Wunder, das hier und die, die hier auf einmal ist, entfernen. Es ist eine gute Idee, auch zu wissen, dass Sie die Suche für die Suche verwenden können, wie der Index oft letzten Index aus, aber es ist ein bisschen langsamer ist besser, es zu verwenden? Nur wenn Sie so etwas wie dieses reguläre Ausdrucksobjekt verwenden, über das wir später sprechen werden . Und es ist auch eine gute Idee, dass man zum Beispielhier mit etwas bekommen kann zum Beispiel , das man so etwas machen kann. Ok? Und es wird ziemlich gut funktionieren, das Problem ist, dass diese Syntax der Pause es kaputt macht. Aber mit dem Squire wird eine eckige Klammer bei den Praktikanten nicht funktionieren. Sechs und sieben, vielleicht acht. Ich erinnere mich nicht genau, weil die meiste Zeit habe ich Charakter auf dem Weg verwendet. Ah, aber darin ein bisschen schneller, aber wirklich sehr klein. Eine sehr kleine Menge ohne Hitter war wie Tausende von Operationen und wäre vielleicht besser, sie zu verwenden, aber es wird in alten Browsern nicht unterstützt. Sie sollten sich nicht darum kümmern. Aber das Problem ist, dass ich, wie Sie sehen können, wenn wir so etwas tun, wie Sie sehen können, wenn wir so etwas tun,nicht genau weiß. Hey, ich denke wirklich über die erste Figur aus diesem temporären von sind in der Lage, wissen Sie, diese Luft, Ich denke, hier sieht so aus, dass macht mich nicht denken, dass dies eine Zeichenfolge ist. Wenn wir hier schauen, müssen wir hier, hierin die 21. Zeile und schauen Oh, das ist also das war die Schnur. müssen wir hier, hier in die 21. Zeile und schauen Oh, Okay, also gehe ich zurück. Und sieh mal, wie dieser Cody funktioniert hat, richtig? Wenn wir so etwas haben, können wir das sofort sagen. Hey, wenn er es benutzt, wenn ich das benutze, ist wichtig. Es muss eine String-Rechtsexemplare sein. Also glaube ich, es heißt. Es ist besser lesbar mit diesem. Ah, in den neuen Webbrowsern wird dieses Ding ziemlich gut unterstützt. Okay, das ist nur die Lektion. Vielen Dank. 51. String in Code sehen: - Hallo. Eine sehr lange Steuer sollte in geistige Augen im Mantel unterteilt werden, so dass der Code leichter zu lesen ist. Aber es gibt ein kleines Problem und Sorgen. Was ist das kleine Problem, wenn Sie auf Enter klicken, zum Beispiel Hier , wie Sie sehen können, wenn dieses Netz bedeutet Ihnen nicht die richtige Lösung geben würde, würde es nicht funktionieren. - Warum? Weil Java-Skript immer von Ihnen erwartet. Wolltest du deine Schnur online in einem beenden? Wenn Sie es nicht tun, müssen Sie bei Ihnen einen beck Schrägstrich, der sagt, Sie wissen, dass die Fortsetzung der Zeichenfolge in der nächsten Zeile ist. Okay, Sie haben wahrscheinlich auch bemerkt, dass es so etwas wie Backslash gab und was bedeutet das? Der umgekehrte Schrägstrich und ist das Sonderzeichen, das dort geben geben geben geben wird. Aber es wird sehen, dass wir hier nicht sehen und eine Pause eingehen. In Ordnung. Und wir sollten es hier im Mantel sagen. Das Problem ist, dass Firefox es nicht interpretiert. Zum Beispiel, was ist mit dem Google Chrome? Wie Sie sehen können, wenn Sie hier gehen, ist es in zwei Zeilen. Lasst es uns hierher bringen. Und das ist Erfrischung zuerst, wie Sie sehen können, es ist in Linien hier nach der Erfrischung, auch wenn es nicht im Leben ist. Okay, also kannst du so in den Mantel eintreten. Backslash aan den. Ist es nützlich? - Vielleicht. Eve, du wolltest, dass deine Kälte hier besser aussieht, oder? Aber Tatsache ist, es mir egal ist. Das sollte dir egal sein. Auch, weil Sie wissen, dass dies Ihre Haut größer macht, das ist das erste, was Sie nicht Ihr Skript hier besser aussehen lässt. Es macht es besser, im Quellcode zu suchen. Aber Finger Sekunde, dann ist die Person, die ihren Quellcode verwenden wird die Person, die etwas für jeden Ressourcenmantel einhält , den Sie haben eine Quelle namens, die hier ist, die ziemlich Hahnrei ziemlich klar aussieht . Und das ist, wo Sie Ihre Aufmerksamkeit Zehe konzentrieren sollten. OK, also das Nichts war das Hinzufügen der speziellen korrigierten so. Aber Sonderzeichen wie diese sind manchmal nützlich, weil der hintere Schrägstrich reserviert ist. Wenn Sie so etwas tun, wie Sie sehen können, können wir hier keinen umgekehrten Schrägstrich sehen. Wenn Sie einen Rückenchirurgen sehen wollen, muss zu Rücken Schrägstriche solche Backsplashes machen und dies gegen ihn jetzt können wir eine sehen. Und Sie können es auch verwenden, um, zum Beispiel. Weißt du, so etwas wie das. Ah, ich möchte etwas zitieren. , Der Typ sagte,der Typ sagte: „ Was ist mit dir, dass wir Probleme haben. Er hat recht, weil wir den Double Coursey benutzen. Wir könnten so etwas gebrauchen, oder? Aber was Divi sollte nur etwas tun, was ich bin? Es funktioniert jetzt nicht, oder? Weil Sie beide Let-Briefe jetzt verwenden, wie die Apfel-Blitze und das Zitat. Die Lösung für dieses Problem ist also ein umgekehrter Schrägstrich, denn wenn Sie einen umgekehrten Schrägstrich vor diesem Zitat machen oder bevor es Leute vor dem Gegenüberstellen für vor dem Zitat gab, das Sie als Ergebnis sehen werden , das Zeichen, das nach dem umgekehrten Schrägstrich ist, Okay, es spielt keine Rolle überprüft, verwenden Sie Apfel-Blitze oder zitieren Sie Sie am Anfang der Saite. Also sollten Sie einfach nur eine verwenden die meiste Zeit. Also ist es wahrscheinlich die meiste Zeit besser, diese doppelten Anführungszeichen zu verwenden, aber es spielt keine Rolle. Ah, es wird nur sein, dass Sie es machen können, so dass Sie auf der einen Option verwenden, die meisten Male von Ihnen wissen, dass Ihr Code einfacher ist, sie zu lesen, weil Sie nicht ändern Sie nie an jedem möglichen Ort. Und dann haben Sie Probleme in einer Weise, die Sie haben, und endete hier als in der zweiten. Sehr gut. Ich muss das wirklich mögen. Behalten Sie es einfach auf die eine Option. Also in dieser Situation, wenn wir die meiste Zeit den Doppelkorken, das Zitat,verwenden das Zitat, sollten wir so etwas tun und alles würde gut funktionieren. Sie können auch den Mantel so fortsetzen. Sie können Plus hier tun. Ok. Und es wird auch funktionieren. Gut, aber das ist etwas langsamer als die Lösung, die sie Ihnen vor einer Sekunde geben. jedoch Dies wirdjedochauch mehr unterstützt. Ok. Alte Browser, die diese denken, funktionieren möglicherweise für eine lange Zeit nicht. Ok. Braucht keine Lektion. Vielen Dank. 52. RegEx: Hallo. Heute zeige ich Ihnen den mächtigsten Weg, um Ihre Fäden in Ihrem Mantel zu suchen. Dies ist sehr wichtig, weil man manchmal die Daten nicht kennt, die zu Ihnen kommen. Sie wollen genau überprüfen, ob es richtig ist? , Zum Beispiel, wenn Sie die Formulare richtig nehmen, so dass reguläre Ausdrücke in solchen Situationen sehr nützlich sind , können Sie überprüfen, ob die E-Mail Ride ist. Du vertragst dich. Wenn der Mantel, wenn das Telefon richtig ist und andere Dinge wie das ziemlich schnell und einfach etwas mit diesem sogenannten regulären Ausdrücken verwenden , müssen Sie sich auch daran erinnern, dass Sie es in welcher Sprache verwenden können, weil es das gleiche PHP aussieht und anderen Sprachen. Okay, also ist es sehr nützliche Fähigkeit. Also ist es eine gute Idee, dieses Ding zu lernen. Okay, Also, zum Beispiel, wir haben so etwas Indizes und ich mag es, von diesen Indizes auf dem, mit einem beginnt und das muss Strich, zum Beispiel, und dann ein Zahl, richtig, der Index Nicht so, zum Beispiel, etwas, das und wie es zu tun, oder vielleicht, wie man auf Lee-Zahlen zu bekommen. Wie hat die Dinge wie diese einfache und schnelle Weg in der Regel müsste mit daher Robe gehen und gehen nach jedem Charakter und überprüfen. Es gibt ein vorhergehendes Zeichen, das so aussieht. Wenn nein, musst du etwas als Imbaba bla tun, bla, bla, , es wird dich viel Zeit in Anspruch nehmen, und du musst jedes Mal für jedes Muster, an das du denken würdest, um in deinem stinken, müssten Sie über eine neue Art nachdenken, die Dinge richtig zu finanzieren, und wir haben etwas mit regulärem Ausdruck. Lasst uns lernen. Wie Sie sehen können, gibt es viele Methoden, die Sie sehen können. Die erste Methode heißt Search, und, wie der Name schon sagt, ist diese Suche und es gibt den Index aus. Die Sache, nach der Sie in Ihrer Formel suchen, in dem Muster, das Sie hier von der Serie geschickt haben, tun so gut, aber was wir nicht wollen, genau das Ende ist, dass Sie diesen Kerl finden wollen, diesen Kerl, diesen Kerl und diesen Kerl und Dieser Kerl in der Stadt. Ich möchte es in einem Bereich haben und weil es die viel Funktion verwenden wird, die es nur passt. Es versucht es. Es ist etwas, das in die Formel passt. Wenn es mit dem Marschieren passt, wähle ich es in die Gegend, richtig? Also, ja, das ist etwas, das wir benutzen müssen. Also möchte ich nur, dass das Indiziert, dass übereinstimmt. Und jetzt müssen wir einen regulären Ausdruck verwenden. Es ist ein Töpfer. Wie Sie hier sehen können, haben wir einen ziemlich schönen Text, den wir bald analysieren. Und das Muster sieht so aus, dass Sie die umgekehrten Schrägstriche, Backsplashes und darin einen Partner verwenden müssen, der von all diesen Wesen hier und dann den Modifikatoren kombiniert werden kann . Also muss ich so etwas tun. Aber dieser Backslash Backslash kann nebeneinander sein, weil es dann ein Kommentar ist. Also sollte es so sein. Und jetzt, wenn ich zum Beispiel A tippe, werde ich hier jedes mögliche A finden. Wenn ich so etwas sehr in der Lage und zum Beispiel Ergebnis tun. Also werde ich einen Bereich innerhalb des Ergebnisses haben und ich kann es zeigen, Zum Beispiel in Info innerer HTML. Wie Sie sehen können, haben wir nur ein A obwohl wir Goodman von ihnen haben, warum? Weil viel standardmäßig nur das erste Vorkommen finden wird. Und das ist eine gute Sache, denn es wird deine Zeit nicht verlieren, richtig? Wenn Sie also nach mehr suchen möchten, müssen Sie einen Modifikator verwenden. Aflac wie dieser g von global, auf der Suche durch volle Kraft mit solchen Dingen hier, wie Sie jetzt sehen können, wenn wir alle möglichen A in unserer Stärke finden könnten, dass wir diesen Kerl haben, diesen Kerl, Dieser Kerl und dieser Kerl, wir haben nicht nur diesen Kerl. Warum? Weil es ein kleiner Brief ist. Wenn Sie nicht wollen, wissen Sie, denken, ob eine Lotterie klein oder groß ist, können wir einfach hier eine Flagge wie in sensitiv hinzufügen, was Groß- und Kleinschreibung bedeutet. Es spielt keine Rolle, ob Groß- oder Kleinbuchstaben. Okay, also wenn Sie hier einen einzigen Buchstaben eingeben, würden Sie nur alle möglichen Dinge bekommen, die so aussehen würden, oder? Jeder Typ 12 mit Wir finden diese 12 hier, weil es nur eine ist. Aber weißt du, die meiste Zeit, wenn du solche Dinge nicht finden willst, willst du ein spezielles Muster von Dingen auf deiner Straße finden. Es gibt also viele Möglichkeiten, Dinge zu tun. Zum Beispiel können Sie dot eingeben, was bedeutet, und das Zeichen Also, wenn Sie einen Punkt hier eingeben, bedeutet dies, dass wir alle möglichen Zeichen finden. Und die coole Sache ist, dass wir unsere Schnur in schiefe geteilt haben. Das hat alle möglichen Zeichen in dem Bereich, der Ergebnis genannt wird, und wir können, wissen Sie, auch wählen. Zum Beispiel, das erste ist es ein Das zweite ist ein Bindestrich auf. Wir könnten rechts weitergehen? Die coole Sache ist, dass wir jetzt zum Beispiel alle diese Jungs mit der Funktion verbinden können , die wir aus der letzten Lektion kennen und bombardieren. Wir haben alle von ihnen mit dem hellen oder etwas, dass so dies ein einzelner Charakter, Blutegel, einzelne Zeichen. Es war viel auf einem einzigen Charakter, aber ich möchte genau sagen, Hey, ich will ein auf dann Bindestrich. Also, jetzt haben wir alle möglichen Optionen, wo es ein A und und ein Bindestrich und dann hörte ich wollen eine Nummer haben, richtig? Aber wir wissen nicht, was diese Nummer ist, und deshalb sollten wir so etwas verwenden. Dieses Denken viel ist in einem einzigen Zeichen in einem Bereich von A bis D, was bedeutet, abschließend, dass, wenn Sie so etwas nehmen, 0 bis 9, es würde eine beliebige Zahl gefragt wählen. Also, wenn ich etwas wie 0 bis 9 tippe und ich es aktualisiere, wie Sie jetzt sehen können, haben wir die erste Nummer nach einem So ist es fünf. Es sind fünf hier, fünf hier, fünf Jahre und nun, neun. Oh, tut mir leid. Dieser Typ war nicht derjenige. Und das war nicht auserwählt, weil er vorgelesen hat, oder? Also, das ist, warum so haben wir zu neun und fünf und 5559 Okay, so funktioniert es gut. Und ich möchte, dass wir hier so viele Zahlen haben, wie er nicht will. Also, wie geht es? Wir haben zu klug, dieses Ding zu tun marschiert und eine Zeichenfolge, die enthält und oder mehr Vorkommen aus dem vorhergehenden Zeichen. Es ist cool. Cool, richtig? Weil wir können Wir wollen das vorhergehende Zeichen haben, das ist eine Zahl dieses Mal. Wie Geld? Ein oder mehrere Male, wie Sie sehen können, jetzt haben wir alle von den Jungs hier. Und wenn wir bei den neuen. So zum Beispiel wird es zum Beispielauch hier erscheinen. Das ist einfach genial, oder? Ok. So können wir es auch ein bisschen anders machen. Dieses Ding kann durch Übereinstimmungen und eine Zeichenfolge ersetzt werden, die ein oder mehrere Vorkommen des Gefängnisses in Charakter enthält . So könnten wir anstatt so etwas zu tippen, könnten wir auch so etwas eingeben. Und Sie können auch, anstatt so etwas zu tippen, dieses spezielle Muster verwenden, das es so aussieht. Und es bedeutet auch das Gleiche. Das bedeutet also dasselbe wie dieses. Okay, es gibt viele Möglichkeiten, Dinge zu tun. Ich zeige ihnen sie, weil manche Leute etwas anderes gebrauchen könnten. Sie werden andere Leute, reguläre Ausdrücke, Ausdrückenicht verstehen reguläre Ausdrücke, Ausdrücke . Richtig. So machen wir das, was funktioniert. Also im Moment könnten wir ziemlich die möglichen Optionen wie diese wählen. Und was wäre, wenn ich zum Beispiel auch diesen Kerl und diesen Kerlwählenwollte zum Beispiel wählen ? Nun, und alle von ihnen, richtig? Es gibt viele Möglichkeiten, solche Dinge zu tun. Zum Beispiel könnten wir Sie richtig adoptieren, wenn Sie sagten, dass alles erscheinen wird, weil es nur ein Charakter ist. Das Problem ist, dass es ein Charakter ist. Es kann auch ein Zeichen sein, zum Beispiel, wie für uh huh Recht, dass jeder Charakter alle möglich, so Manchmal wollen Sie genau sagen, welche wir wählen wollen . Dann erstellen wir das Elternteil ist so. Und wir sagen, Hey, ich werde nicht abhauen. Ich möchte auch so etwas wie zum Beispiel, Ha sh! Und das ist alles, was das sehen wird. Jetzt haben wir gut mit dem Armaturenbrett. Es funktioniert gut. Um dies alles zu wählen, verwenden wir den Operator oder wo er ist, wie Sie hier sehen können, ist er auch sehr großartig, zum Beispiel, zum Beispiel, Erweiterungen zu überprüfen. Wenn wir so etwas gemacht haben, J j p g o r g, wenn es viel oder so etwas war. Zum Beispiel, Landschaftschef, der Chef ist die Welt hier, und er würde es wählen, damit wir genau überprüfen können, ob diese ein Bild sind oder nicht. Richtig? So können Siezum Beispielnicht zum Beispiel fünf verlassen. Es wird nicht und nach rechts gehen, so dass Sie Dinge wie diese mit dem Operator oder auf auswählen können. Und was, wenn ich wählen wollte? Auch der Punkt? Das Problem ist, dass wir so etwas wirklich tun. Es würde wieder wählen und den möglichen Charakter. Wenn Sie ein Zeichen verwenden möchten, das ein Schlüsselwort im Wrack ist. Erwarten Sie X. Also, zum Beispiel, wenn Sie die Pflüge verwenden möchten, die Asterix, das Fragezeichen auf dem sind auf andere Dinge wie das ausgeliefert und Sie wollen es hier und nur Dieses Ding. Sie sollten die Rücktaste verwenden, bevor sie aktiviert ist. Dann wird es finden, die es interpretieren wird. Ist es wie ein Punkt? Wenn du also nur die Jungs finden willst, hat das gut, dass ich so etwas tun würde. Und diese Considine. Ja, es funktioniert. Jetzt habe ich nur diesen Typen, oder? So funktionieren die regulären Rack-X-Ausdrücke. Gehen wir zu anderen Dingen. Hier haben Sie etwas Göttin namens Asterix, und es marschiert und eine Zeichenfolge, die Null oder mehr Vorkommen aus dem vorhergehenden Zeichen enthält . Also hatten wir so etwas. Einen Namen, Mark. Es wird viel der Kerl ohne ihn am Anfang. ARIC sind also Wrack Mark. Nun, wenn es Kleinbuchstaben sein wird, sollten wir die Flagge in unsensitivem Schreiben verwenden. Sie müssen sich daran erinnern und es würde auch einen Marek Mark mit dem Sport wählen. Wenig. Das Problem ist, dass es auch die Jungs wählen, die guten Mann am Geschick hat, oder? Weil es null oder mehr Vorkommen enthält. Das kann manchmal ein Problem sein, das du sagen willst, Hey, sie müssen genau eins sein. Was? Du würdest es nicht so benutzen, dass du so etwas getan hast. Wenn Sie ein einzelnes Zeichen eingeben, bedeutet dies, dass es vorhanden sein muss. Und es muss ein einzelner Kerl sein, wenn Sie das Plus es mit viel Aniszeichenfolge verwenden, die ein oder mehrere Vorkommen des vorhergehenden Zeichens enthält . So Schlussfolgerung davon, es erfordert vorhergehenden Korrektor mindestens einmal. Also hier, Null oder mehr ein oder mehr so jedes Mal, wenn etwas wie F a Plaza de es passt passen und es passt Fett richtig? Aber es stimmt nicht mit FD überein, weil wir mindestens ein A haben müssen, das dieses Ding übereinstimmt und eine Zeichenfolge, die Null oder ein Vorkommen aus dem Präsidentenzeichen enthält. Also, wenn wir so etwas wie M gemacht haben und dann Fragezeichen in Ordnung, es wird viel in Ordnung. Ich werde Mark und Maverick mit diesem Rauch zerstören, kleiner und Großbuchstabe hat Recht, also muss Deck kein M sein, aber es kann sein, aber es kann mehr als eins geben. Also gibt es eine gute Lösung für so etwas, richtig? Und jedes Mal, wenn so etwas ist, passt es zu jeder Zeichenfolge, die genau und Vorkommen des vorhergehenden Zeichens enthält. Also, wenn du Sachen wie das Z o. tippst und dann bedeutet es, dass, wie ich hier sehen muss, um Leute wie das ist sehr nützlich. Wenn Sie zum Beispiel eine Telefonnummer überprüfen wollen, oder? Sie möchten so etwas wie eine variable Telefonnummer sagen und zum Beispiel in Polen sollte Ihre Telefonnummer so aussehen. Ähm, zwei Zahlen. Dann freie Zahlen, freie Zahlen und drei Zahlen. Sie wissen nicht genau, wie es in Ihrem Land aussieht, oder? Alle Länder haben andere Dinge wie diese. Aber hey, ich will freie Ziffern sehen. Freie Ziffern. Freedy es Und hier zweistellig genau, dass es eine gute Idee ist, Zehe Magie wie dieser 11-Zahlen-Marsch und ich will eine Ziffer sehen. Also lasst uns es so machen und ich will es sehen. Wie oft? Zwei Mal. Nicht weniger oder mehr. Ich möchte zwei Mal sehen und dann möchte ich einen Raum sehen, wie es zu tun Raum. Ein Leerzeichen ist weißes Zeichen, richtig? Also werde ich als Preis tun. Und dann will ich genau sehen, was ich sehen will. Kostenlose Nummern. So wird es D und frei und an diesem Ort sein. Und dann möchte ich haben, was d und frei und dann als Platz auf und er behält sich OPEC Schrägstrich Nun, das ist, warum ich nicht will, dass ich nicht gerne mit Rückenschwestern zurück Sitzungen für etwas, das es mehr ist . Ich denke, es ist klarer, wenn du das Eigengewicht hast. Richtig? Also 093 mal als der Beck Schrägstrich s dann 09 wieder freie Zeiten Platz auf dann haben wir 09 freie Zeiten bekommen. Indem du so etwas machst,weißt du,dass machst,weißt du, weißt du es zum Ergebnis sagst, merkst du, dass du es richtig hast, wenn wir etwas falsch machen. So ein Beispiel wie das. Nun, es funktioniert gut, weil du dich entscheidest, wie dieser Kerl, Kerl, und den Kerl besorgst. Also müssen wir genau sagen. Hey, es muss von zwei Zahlen beginnen und es hat Zehenende. Die volle Stärke muss mit freien Zahlen enden. Und jetzt funktioniert es nicht. Sie können sehen, aber so, wie es funktioniert? Gut. Also haben Sie bekommen, dass Sie haben. Nun, ähm, Sie haben keine Ahnung, dass wir so etwas gebrauchen können. Die Zeichen wie das, was bedeutet, dass Sie am Ende der vollständigen Zeichenfolge haben müssen, macht es das Muster nur für viel zu suchen. Nur String, dass es mit so etwas endet, richtig? Es muss enden. Das ist das, was in einer solchen Situation sehr nützlich ist. Okay, also gehen wir zu einem anderen Futter. Sie können viel Anästhetikum, die enthält und oder mehr Vorkommen des vorhergehenden Charakters. Denn manchmal weißt du ja, das ist dasselbe wie dieser Typ, richtig? Ähm und es funktioniert genauso. Das Problem ist, dass Sie mit diesem, können Sie die eine Arterie verwenden, so dass es mit jeder Zeichenfolge übereinstimmt, die viele Molly und Vorkommen und Maxie, Molly und Vorkommen aus enthält Vorkommen und Maxie, . Präsentation korrigiert. Sie können sagen, Hey, es kann frei sein, 10 oder 12 sechs. Lassen Sie, wenn Zeichen wie das vorangehende Zeichen. Das ist sehr nützlich. Richtig? Also hier ist das Ding, richtig. Haben wir von dem Typen erfahren? Es ist nur viel der Anfang einer Zeichenfolge, so Formel wie, dass es dem Deckloch entspricht . Aber es wird nicht viel in der ganzen, weil ihre ganze gibt es gerade jetzt in der Mitte dieser Sache ist nicht am Anfang hier. Wenn er Sachen wie G und Dollar eingibt, wird es viel nur eine Zeichenfolge, die mit G-Zeichen endet. Okay, wenn es nicht mit G endet, magische überhaupt nicht. Wenn Sie so etwas tun, marschiert es und aus dem Zeichen und in dem Zeichen eingeschlossen sagte so und denken, wie es ist, war es ein einzelnes Zeichen, Zu viel So zum Beispiel, wenn Sie etwas wie ein und dann b nt sehen, Sie haben BMT hier drin in viel von ABC und 80 c, aber es ist nicht viel ein btc oder was auch immer . Weißt du, wenn du mehr als einen Charakter hast, der es nicht passt, richtig, es ist viel nur dieser Kerl auch nicht viel, du weißt, zum Beispiel, ein Schlüssel. Sehen Sie nach rechts. Wir wissen nicht viel von diesen Dingen. Ah, wenn es dir einfach so gefällt. Also, wenn Jahre so etwas leid wie das bedeutet es, dass Sie ausschließen leer sein so viel ist alles. Ex akzeptieren ABC 80 c, so dass es mit einem D. C, a. Schlüssel C und anderen anderen anderen Dingen wie diesem übereinstimmt C, a. . Wenn du es so machst, haben wir bereits darüber gesprochen, dass du den Bindestrich im Inneren verwendest. Es wird viel jede Zahl innerhalb dieser und ein kleines Groß-/Kleinbuchstaben und ein großes Groß-/Kleinschreibung Zeichen wenn Sie das Traggewicht mit viel beliebigen Zeichen verwenden, wenn Sie es mit viel beliebigen Zeichen und dem und einem Unterstrich verwenden. Also wissen Sie, weil Sie manchmal den unsensiblen Flak-Modifikator nicht überall verwenden möchten, richtig, richtig, weil er manchmal sein möchte, in manchen Situationen seine vertrauliche Groß- und Kleinschreibung haben, aber Sie an einer Stelle des Bauteilmusters. Sie wollen seinen Fall in der Stadt haben, zum Beispiel, oder? Also dann wird es eine gute Idee sein, das beliebige Zeichen so etwas zu verwenden, dass die Suche nach einem Jahr, dass wir essen viel wie jedes einzelne Zeichen außer ABC. Andy, richtig? Also wissen wir auch von diesem Kerl erfahren. Mit diesem Zeichen können Sie reservierte Zeichen wie zum Beispiel den Asterix-Punkt und andere Dinge wie diese als Korrektor interpretieren zum Beispiel , um nach Zehenrechten zu suchen. Also die Formel f und dann die Rücksuche und Asterix zurück solche Unfälle. Boxer! Asteroid! Nun, stellen Sie sich vor, dass F Sie wissen, dass Sie auch das so etwas verwenden können und es war sicher nimmt. Also, wenn Sie so etwas zum Beispiel tun, dass das manchmal sehr nützliche Dinge sind, wenn Sie so etwas machen, haben Sie so etwas gemacht? Es bedeutet, dass Sie die in einem Auge in Sie kommen aus 1234 und dann Sie selbstgefällig an jedem Ort, an dem Sie später nicht werden. Es würde also völlig verändern, wie es aussehen wird. Also, wenn Sie zum Beispiel unsere Hütte jetzt wählen möchten, würde ich Arkady, AJ und Haye eingeben . Ich will, dass es jetzt die Fünf ist. Also wollte ich ein guter Anfang sein, also würde ich hier fünf tippen, oder? Wenn ich in der Mitte sein will, wird es zum Beispiel in der Mitte. Das ist die nur mächtige, sehr mächtig Und wie Sie jetzt sehen können, wissen Sie auch, wie ersetzt richtig? Es gibt auch so etwas wie es Eier nur dann übereinstimmen, wenn warum nach dem X ist. So haben Sie, zum Beispiel, Namen und Nachnamen und Sie wollen nur wählen. Ich will nur den Eric wählen, der die Welt unseren Trick nach ihm hat. So ist es auch wir tun wir entfernen auf Diese sind eine große diese. Es wird nicht entfernt werden, weil es Novak plötzlich bekommen hat. Und es wurde angenommen, dass dieses Ding genauso funktioniert wie das obige. Aber es wird finanzieren. Es ist nur, dass es kein Grund gibt. Und darüber haben wir am Anfang gelernt, wir haben auch wichtig, dass diese Testen Dinge , die sehr nützlich sind, weil Sie sagen können, Hey, wenn es übereinstimmt, dann ja, es ist richtig. Also denke ich, dass es eine gute Idee ist, etwas wie einen Test für Dinge wie die Überprüfung von GIF zu verwenden , wenn die Telefonnummer zum Beispiel stimmt. Also, wenn wir es so machen, wie Sie sehen können, was dazu geführt hat, etwas zu finden , wollen wir diese Nummer jetzt nicht sagen. Wir wollen nur sagen, ob die Nummer richtig ist Um dies zu tun, müssen Sie die Formeln so eingeben. Dann müssen Sie den Punkt als Test und die Zeichenfolge verwenden, die Sie testen möchten. Zum Beispiel eine Telefonnummer und das Ergebnis dieses Mal, so dass das Ergebnis wahr oder falsch sein wird. Wie Sie jetzt sehen können, ist es wahr, wenn wir so etwas falsch machen. Es ist falsch, richtig? Wenn du so etwas machst, ist es falsch. Sie können natürlich, natürlich, es ist eine gute Idee, zu trainieren und zu versuchen, zu überlegen, wie es geht, damit Sie auch Ihre Nummer so binden können , oder? Manche Leute wollen es vielleicht erlauben. Auch Eingabe ohne Abstand, Gewürze, die Telefonnummer. Es gibt eine gute Idee, Menschen zu erlauben, solche Dinge zu tun. Das ist gerade eine Übung für dich. In der nächsten Lektion sprechen wir über die genaue Funktion. Das ist nur diese Lektion, vielen Dank. 53. Exec Methode: Hallo Heute werden wir über die genaue Funktion sprechen. Nun, vergleichen Sie es mit dem 1. März. Wie wir wissen, überprüft die March-Funktion nur das Muster. Und wenn es passt und zwei verschiedene, wird es Dinge auswählen, die der richtige Ausgang gleich funktioniert. Aber es gibt einen kleinen Unterschied. Das erste ist, dass wir eine temporäre Variable für das Wrack erstellen müssen. Exp Also müssen wir so etwas tun. Und jetzt sollten wir Rag X machen. Dann sollten wir genau auf diesen regulären Ausdruck, die Zeichenfolge, die wir suchen wollen. Okay, wenn wir es so machen, wie Sie als Ergebnis sehen können, haben wir eine 0,51. Also, diese Jungs, lasst es uns ändern. Also suchen wir nach Well, Annie und der Art Kerl, Nun, Nun, wir können alle Charaktere haben, richtig? Und wie Sie sehen können, haben wir einen Bindestrich 565. Aber, hey, wir haben die globale weit flak Sie, warum wir nicht irgendwie alle anderen richtig verstanden haben? Zum Beispiel, dieser Kerl wie zum Beispiel, Tage dies ist in diesem. Warum, was passiert ist? Nun, das Problem ist, dass es immer auf das eine Ergebnis zurückkehren wird. Wenn wir es wieder tun, können Sie sehen, jetzt haben wir gute 50 frei Wenn sie es wieder tun, ist es Hash 58 und dann ein 0.51. Also müssen wir es so oft ausführen, wie es ein Ergebnis gibt, oder? Äh, huh. Wenn es nichts gibt. Also nach diesem Kerl, wie Sie sehen können, gibt es einfach nichts. Es gibt nichts, das heißt Nein. Ok. Und nein, in Zustand bedeutet auch fallen. Also wurde es aufgehört zu laufen. Und Sie können dies zum Beispiel verwenden , um so etwas zu tun. Wir werden einen temporären Variablenpfeil erstellen. Und während wir einen neuen Wert mit diesem Recht zuweisen können, werden wir das Ergebnis der Wert hinzufügen, der von hier kommt. Und wie Sie jetzt sehen können, haben wir alle diese Werte. Und jetzt können Sie tun, was wir wollen, mit diesen Werten, genau in so etwas ist nützlich, denn im Moment können Sie wissen, zum Beispiel, jede dieser Entwicklungen, die Sie bei etwas, das Sie wissen, können, zum Beispiel, mischen Sie es mit einem anderen falsch. Sie können zum Beispiel etwas ausschließen, das Sie nicht wollen, was die meiste Zeit können Sie alles ausschließen Schlüssel, oder? Aber die coole Sache ist, dass Sie es in der Zeit tun können, wenn Sie Dinge aus dem richtigen Einige extrahieren . Zum Beispiel, Wenn Sie extrahieren und nach, wenn Sie sagen können, Hey, Hey, Ich möchte auf die freien Elemente also, wenn ich etwas tun kann, ich Null Und wenn ich Es ist niedriger als frei sie waren größer als Free Dan brechen, so dass ich kann auf die kostenlosen Gegenstände wie das bekommen. In Ordnung, richtig. Ähm, ich plus bete, dass die Beschuldigung hier sein sollte. Und wie Sie sehen können, haben wir Freiheit nur frei extrahiert. Wir verlieren also keine Gedächtnisrechte. Wir haben nicht jede mögliche Option extrahiert, die zu diesem Muster passt, richtig. Sie müssen sich daran erinnern, dass eine Verwendung nicht das globale verwendet. Es wird nur immer den ersten Kerl zeigen. Richtig? Sie müssen also die globale FARC verwenden, um alle möglichen Optionen zu erhalten. Und das ist wirklich nützlich, wie Sie sehen können, um zu extrahieren und die Kontrolle zu haben. Also, warum hat auch hier und warnt richtig? Warnung ist keine arabische Warnung ist wie, Hey, weißt du, es kann einen Fehler geben. Die Wahrheit ist, dass es keinen Helden gibt. Aber die meiste Zeit, wenn du solche Sachen machst, kann es eine Ära sein, richtig? Weil die Zuweisung sehr ähnlich ist, Dinge wie richtig zu vergleichen. So könnte man auch so etwas tun. Warum? Es ist nicht gleich zu wissen. Dann können wir es hinrichten, richtig? Andi? Und es funktioniert für dasselbe. Als ob wir es so machen. Also, ähm, das ist nur eine Abkürzung. Wie man es fahren kann. Es könnte ein Ohr sein. Oder deshalb haben wir hier eine Warnung. Richtig? Aber alles ist in Ordnung. Ok? Es gibt nur diese Lektion. Ich danke Ihnen vielmals. 54. Passwort überprüfen: Hallo. In dieser Lektion werden wir die regulären Ausdrucksformeln am praktischen Beispiel trainieren. Wird überprüfen, ob der Pass stark ist. Oder vielleicht ist es nicht so stark, wie es sein sollte, also sollten wir es nicht richtig passieren? Also, wie man solche Dinge in JavaScript macht? Verwenden der regulären Ausdrücke Zuerst sollten wir darüber nachdenken, welche der Methode wir verwenden sollten. Ich denke, dass diese gut ist, weil es wir nur wahr zurückgekehrt oder fällt. Es ist in Ordnung, wenn es nicht ist. Also brauchen wir dafür eine Formelvariable genau dort, wo wir sie speichern können. Und hier würden wir es haben. Wir brauchen ein Passwort. So gut, das ist zum Beispiel am Anfang schwer die temporäre Variable. Später werden wir es aus dem HTML fünf nehmen. Also wollen wir testen. Wir wollen ohne Zeh. Testen Sie das Passwort, richtig, und er will das Ergebnis davon zum Abendessen bekommen. Html aus Info. Also gerade jetzt ist es vorbei, weil, hey, wir haben das Gewürz hier, und hier ist auch Platz, also funktioniert alles gut. Okay, also nehmen wir an, wie unser Pass aussehen sollte. Ich denke, dass es sollte mindestens acht oder vielleicht sieben Zeichen lang sein rechts, Also, wie es zu tun? Es sollte nicht so schwer sein, weil wir nur arbeiten müssen. Haben Sie einen Charakter möglich, oder? Es spielt keine Rolle, ob es wirklich ist, dass ich so einen Charakter nicht kenne. Sie können solche Dinge im Pass verwenden. Erlauben Sie Personen, die die's verwenden. Es muss nicht sein, wissen Sie, ABC das einzige, so erlauben, jedes Zeichen zu verwenden, weil es nur wäre, dass Sie es einfach noch stärker machen . Stärker, richtig? Also lasst uns diesen Punkt benutzen, aber wir wollen nicht auf den einen Charakter, aber mehr von ihnen mindestens acht von ihnen, richtig? So macht es eine Person Toe Typ hier, mindestens acht Zeichen, wie Sie jetzt sehen können, haben wir so 1234567 ein erzwungen. und jetzt funktioniert es gut. Aber natürlich ist das möglich sehr schwach. Also, wie man sich ändert? Wir sollten dieses Muster auf der Liste haben. Zum Beispiel wollte ein Zeichen, das klein ist, seinen Großbuchstaben, oder? Also, wie es zu tun? Lassen Sie uns hier gehen, und wir haben hier so etwas mit viel X nur, wenn warum ist nach den Eiern bob die Ergebnisse. Ein anderer Benutzer hat gedriftet. Wenn Sie dies nicht verwenden, wird es so sein. Sie müssen in dem Ding, das danach im Muster danach ist, haben. Also in unserer Situation, das Muster gefolgt von es ist dieses Sie müssen die Sache haben, die hier drin ist. Okay, also wenn wir so etwas wie diese Bombe machen, Bombe und dann das Fragezeichen und dann ruft es. Und jetzt sage ich, Hey, ich möchte zum Beispiel einen kleinen Charakter haben zum Beispiel . Richtig. So, wie Sie sehen können, ist es falsch. Aber wenn wir hier ein kleiner Charakter sind, wird es funktionieren. Gut. Das Problem ist, dass, wenn ich es so habe, sollte der Charakter wie dieser am Anfang sein, richtig? Wir wollen nicht, dass ein Charakter mit Start auf dem Weg es auch hier haben möchte. Jetzt werden wir gut arbeiten. Aber wenn wir den ersten Typ entfernen, wie Sie sehen können, haben wir gute Schuld. Also, wie Zehe ein Problem wie das lösen? Wir könnten so etwas sagen. Hey, die Wahrheit ist, dass hier jeder Charakter sein kann, aber es muss überhaupt nicht hier sein. Das Sternchen, wie Sie viel sehen können, ist jede Zeichenfolge, die Null oder mehr Vorkommen des vorhergehenden Zeichens enthält . Das bedeutet also jedes Zeichen. Das kann also jeder Charakter hier sein. Oh, es muss nicht hier sein. Richtig? Und wenn es hier ist, okay, das ist okay. Und dann kann es so etwas geben, wie sie es nicht wissen, oder? Das ist also etwas, was einen IQ und einen Charakter macht. Und nach beiden kann irgendwo sein, zum Beispiel, die, um das kleine Zeichen. Richtig. Also, das ist sehr einige wegen ihm, Wie Sie jetzt sehen können, haben wir wahr. Also, weil wir von der Lösung wie dieser, können wir, wie Sie sehen können, den kleinen Charakter überall binden wie Sie sehen können, , wo ich mit der Arbeit brauche. Gut. Also, jetzt müssen wir es nur zwei Mal verkupfen. Und was wir auch dort Großbuchstaben mindestens einmal essen. Und wir wollen auch, was Sie wollen auch eine Ziffer. Also Null heute Abend. Und deshalb, wie Sie jetzt sehen können, ist es falsch. Aber wenn wir zum Beispiel Großbuchstaben hinzufügen zum Beispiel , wird es gut funktionieren. Also, ja, das ist ein starkes Passwort, weil Sie Großbuchstaben haben. Wir haben einen kleinen Koffer. Wir haben die Nummer, und es ist auch mindestens eine Ziffer. Also wird es gut funktionieren. Sie können auch eine andere Wissenschaft von zum Beispiel einem Dollar verwenden. Denken Sie daran, nicht erlauben, so etwas zu verwenden, weil es nur Menschen Passwort stärker macht. Und wissen Sie, wenn jemand überall dasselbe Passwort verwendet, was nicht die beste Idee ist, wenn er einen Charakter wie diesen benutzt und er nicht in der Lage sein wird , einen solchen Charakter auf Ihrer Website zu verwenden, würde er lassen Sie es einfach, so erlauben Sie ihm mit einem Börsengang möglich. Ah, mögliches Charakterproblem. Vielleicht sind sogar die sechs Charaktere genug. Denn die Wahrheit ist, dass das Passwort, wenn es ziemlich lang ist, es stark sein wird, solange Sie es auf der Serverseite richtig geschützt haben. Okay, wenn du verkaufte und andere Dinge wie das verwendest. Aber das ist ein Thema für die PHP-Autos. Okay, also ist das nur, weißt du, hat, bevor du das mögliche Recht schickst, also haben wir hier Passport. Das war Ah, das war, wissen Sie, die temporäre Variable zu starten. Lassen Sie uns jetzt erstellen. Und um die erste Eingabe zu importieren, die den Pass starten wird. Und zweitens, dass wir knöpfen, wird das all diese Dinge testen, richtig? Also lasst uns einfach diesen Fink kopieren. Und jetzt lassen Sie uns von meinem Formular Pass bekommen, der die variablen Pops Warze starten wird. Richtig, also brauchen wir hier nicht mehr. Und wir brauchen auch Stab, dass der Schädeltest. So wie das. Und wenn jemand auf Test klickt, möchten Sie eine Funktion aufrufen, die testen und informieren wird, was los ist. Also wird die Formel mit dem Passwort getestet werden. Das sollte jedes Mal nach dem Klicken überprüft werden, weil es sich ändern kann, oder? Es sollte nicht auf dem geladen sein, wenn das Fenster geladen ist, richtig, Wir sollten den Wert aus dem Pass bekommen. Nicht nur Passwort ist eine Eingabe, und wir wollen seinen Wert mit dieser Formel testen. Also ja, es sollte gut funktionieren. Aber lasst uns für den Zweck des Tests. Lassen Sie uns es in Text ändern, damit wir sehen können, dass ich weiß, was ich denke. Also, ja, wir haben falsch, wenn wir einen großen Brief und eine ah-Nummer haben. Wie Sie sehen können, haben wir nicht wahr. Wenn es etwas kurz ist, ist es falsch. So können wir Informationen wie diese auch in unserem Skript verwenden, könnten wir. Zum Beispiel anstelle der Schaltfläche könnten wir uns anstelle der Schaltflächeein bisschen tun. So können Benutzer einreichen. Lasst uns nehmen und sogar hier. Und wir wollen zu Beginn, verhindern Standard. Ah, Ereignis. Also wollen wir nicht, dass es geschickt wird, oder? Ich werde die Dinge nicht zuerst überprüfen. Also verfolgen wir die Dinge. Wir wollen dieses Ergebnis von dieser formellen Formel verwenden und wenn die Formel ist es okay, also ja, aber vielleicht ist es okay. Sie möchten unser Formular absenden, So wollen wir unser Formular erhalten und wir wollen es einreichen. Richtig. So, wie Sie jetzt sehen können, wird nicht eingereicht werden, sondern bombardiert es eingereicht. Richtig? Weil das Passwort gerade jetzt stark ist. Aber ansonsten, wenn etwas nicht stimmt, möchte ich unseren Benutzer informieren. Also gehen wir heute auf dem vierten Platz, du gehst nach Dana, erreichst sie und ich sage nein. Ihr Passwort ist nicht stark genug. Natürlich könntest du nachsehen. Weißt du, du könntest einchecken. Das ist diese Formel, richtig? zum Beispiel Lassen Sie unszum Beispielzuerst überprüfen. Wenn es eine Zahl Oh, und dann, wenn es mindestens sechs Zeichen und dann, wenn es eine der Zeichen so groß und dann, wenn es ah kleinen Fall und Sie sollten es als Übung tun. Kennen Sie eins nach dem anderen und informieren Sie Ihren Benutzer, dass was? Was genau er falsch gemacht hat in seinem möglichen. Richtig? Also, das ist eine Übung für Sie für diese Lektion? Wenn Sie irgendwelche Probleme haben, fragen Sie einfach. Das ist alles. Vielen Dank. 55. Datum: Hallo. Es würde magnetisieren, wenn Sie die Zeit in JavaScript manipulieren müssen. Und dafür gibt es ein bestimmtes Objekt spezielles Objekt, das Datum Object Help genannt wird! Der Name ist wieder darauf hindeutet, den Finger dieses dia tun, so lassen Sie uns versuchen, alle Dinge zu lernen , die im Inneren sind. Okay, es gibt Gesetze von ihnen, und ich zeige dir das Wichtigste. Ich werde Ihnen zeigen, wie Sie die Zeit mit diesem Objekt manipulieren können. Aber zuerst fragen wir uns, wann so etwas gebraucht wird. Zum Beispiel können Sie die Uhr auf Ihrer Website anzeigen. Wissen Sie, man kann sagen, dass die Zeit, die jetzt ist, zum Beispiel 10 Uhr oder so etwas ist. Sie könnenzum Beispielauch zum Beispiel den Benutzer sagen. Wie lange? Wie viele? Wie viel Zeit wird benötigt, um etwas passieren, zum Beispiel, richtig, So gibt es viele Situationen wie diese und Sie können für das Datumsobjekt verwenden. Aber bevor wir darauf eingehen, möchte ich Ihnen auch mitteilen, dass das Datumsobjekt Ihnen nicht die richtige Zeit geben wird . Es wird Ihnen die Zeit geben, die Ihr Benutzer seine Einstellungen in Ordnung in den Windows-Einstellungen beendet hat . Du erinnerst dich also nicht daran, dass du nicht über das Date hier nachdenken solltest, als einen Tag, an dem es wahr ist, richtig? Aber für Situationen wie eine Uhr, wie zum Beispiel, zu sagen, wie lange er etwas getan hat, ist so etwas sehr nützlich. Und in gewisser Weise können Sie zum Beispiel in die Java-Skriptvariablen von PHP einsteigen. Richtig? So verwenden wir, zum Beispiel, ein Jack, so s so wird es für Sie trotzdem nützlich sein, Sie können erstellen, zum Beispiel, ein Spiel, wo Sie nach unten kommen wollen, wenn etwas fertig ist Gebäude oder so etwas. Etwas s O Datum ist wirklich nützlich. Okay, Also, um ein Datumsobjekt zu erstellen, erstellen Sie einfach eine Variable, zum Beispiel heute und Arten von Nacht Neues Datum. Und wir können nicht zuweisen, zum Beispiel, im HTML heute und wenn wir es aktualisieren. Wie Sie sehen können, haben wir heute gut hier. Also haben wir den 11. Mai Montag, 2015. Es ist jetzt Zeit 2028 4 Und wie Sie sehen können, bin ich in der GMT-Zeitzone. Also habe ich das plus zwei hier, also ging es wahrscheinlich um diese herum. Du musst den Unterschied sagen. Sie kennen die Ergebnisse hier auf dem Special, weil ich aus Polen komme. Das ist also meine Zeitzone. Aber die meiste Zeit willst du nicht sehen, wie Dinge aussehen, die du gerne sehen würdest, anstatt meine Mom. Montag, stimmt's? Sie möchten den vollständigen Namen sehen. Zum Beispiel. Sie möchten formal die großen anderen. Ich werde Ihnen bald zeigen, wie es geht. Zum Beispiel ist es wichtig, das zu benutzen, oder? Also, zum Beispiel, du magst einen freien Tag, damit ich heute etwas Denkweise zeigen kann. Das und ich möchte nur Monat bekommen, oder? Das könnte sicher hierher kommen. Geben Sie für nach Höhe ein. Mai ist wirklich der fünfte Monat, oder? Es ist Januar, Februar, März, April Mai. Also, warum haben wir hier für? Weil Sie zählen von 00 ist für Gin. Der 1. Januar ist für Februar. Okay, also ist es sehr wichtig, dass du so etwas tun solltest, wenn du voller Angst sterben willst , stimmt's? Das ist also ein echter Monat, und Sie könnten zum Beispiel etwas wie einen Monat später, dann möchte ich zum Beispiel einen Tag sehen. Also heute bekommen Datum. Wir haben das aktuelle Datum zurückgegeben. Und ich möchte dem Benutzer auch das ganze Jahr zeigen. Also ein Gewürz. Und heute, das ganze Jahr. Nun, vielleicht Schrägstrich. Wie Sie jetzt sehen können, haben wir hier ein Date. Das ist richtig. Alles funktioniert gut. Und du kannst es so aussehen lassen, wie du willst, oder? Stattdessen könnte es ihn gebrauchen. Aus Mom. Wenige Kälte, zum Beispiel. Stroh, jemand. Wie viele Stunden sind jetzt? Wie viele Minuten? Sekunden 2. Mai. Diese Dinge sind also ziemlich einfach. Sie können nur für mein Ergebnis an den Benutzer, wie Sie wollen, oder? Das Problem ist so gut, wir haben immer noch hier. Fünf. Was wäre, wenn ich hier den ganzen Mai und andere Dinge wie das sehen wollte, richtig? Ah, ich will nicht, dass es in Stärke sichtbar ist. Ich könnte spezielle Funktionen machen. So zum Beispiel eine Funktion erstellen, könnte zum Beispiel eine Funktion erstellen,die, ah,den vollständigen Sprink-Namen erstellen würde ah, . So zum Beispiel, erhalten Sie Sprink Monat von Zahl so etwas. Und hier werden wir uns einen Streit nehmen. Die Zahl Die Monatsnummer rechts Monat Nummer jetzt können wir eine temporäre Vrabel erstellen, dass wir den Namen beginnen alle mehr, so dass ich etwas schaffen würde, dass Monate auf. Und ich werde einen Atemweg schaffen, damit ich einige nehmen könnte, wie Januar Februar März an wen? Du darfst, John July. Jetzt werden wir hier eintreten, so dass es einfacher ist, unseren Rotator zu lesen. Richtig? Allgemeine Schönheit. Mai Juni, Juli oder Gast August, um, September, Oktober, November am Dezember schreibt diese Zahl. Also haben wir jetzt hier, hier, fangen alle Monate an, richtig? Und jetzt bist du wie, um diese Nummer den richtigen Monat zurückzukehren, richtig? Also, wenn ich es so habe, zum Beispiel, zum Beispiel, wenn ich eine Zeichenfolge von der meisten Zahl wie dieses etwas bekommen habe, das und ich hier tippe, zum Beispiel Null würde ich gerne Januar sehen. Also, wie es zu tun? Ich würde nur meinen Monat zurückgeben. 00 ist hier. Also hast du gerade hier kopiert. Siehst du jetzt, dass wir guten General haben, oder? Und wir können hier zum Beispiel heute schicken zum Beispiel . Holen Sie sich einen Monat weiter. Wir sehen Instanzen, die heute Mai ist und es funktioniert gut als Übung. Du solltest dasselbe für den freien Tag der Woche tun, denn nun, es ist eine gute Idee zu üben, richtig, und der Metal Gate Day kehrt den freien Tag zurück. Aber du musst dich daran erinnern, Sei vorsichtig. Sie zählen von Null, und der erste Tag ist kein Montag. Es ist Sonntag. So anständige Übung für Sie. Wenn Sie Probleme haben, erstellen Sie einfach eine Diskussion. Ich werde dich haben. Und jetzt wollen wir versuchen, es ein bisschen besser zu machen, weil du weißt, ich mag diese Autos ein bisschen mehr pro Weg haben. Schau, Moment müssen wir die Funktion aufrufen und wir müssen ihre jemals in der Lage senden und an den Start gehen. Hier gibt es viel zu tun, oder? Sie könnten sie vielleicht vor der Ankunft erstellen und speichern, zum Beispiel hier, den Monat in den vollen Monaten oder so etwas. Aber das ist Problem Arktis. Was ist besser, wenn wir bereits Funktion hätten, das würde Ihnen den aktuellen Monat in der Zeichenfolge geben. Nun, weißt du, die Schöpfer dieser Funktionen haben nicht darüber nachgedacht. Richtig? Aber könnte ich irgendwie der Datumsfunktion, dem Konstruktor, etwas hinzufügen , das er wie Sie können. Ich hoffe, Sie haben bereits die Prototyp-Lektion über den Prototyp gesehen. Okay? Und wenn du deinen Himmel im Wasser hättest, ist es so weiter, mach es, weil wir den Prototyp benutzen können. Wir können so etwas wie Prototyp machen, und Sie können jetzt unsere eigenen Funktionen erstellen, so dass Sie Monat in Kraft bekommen können und wir können unsere eigene Funktion hier erstellen , dass wir, die keine ausgeführt Isra so sein können. können wir. Dann gibt es heute so etwas. Holen Sie sich Monat in Kraft und das ist alles. Wir müssen nur zurückkehren, der gute Monat. Also müssen wir eine temporäre Fähigkeit wie hier erstellen. Aber jetzt müssen wir nur zurückgeben, was wieder Stadt Monate. Und jetzt brauchen wir hier. Zero Anto frei oder gut, die aktuelle beide Der aktuelle Zug, den Sie von diesem bekommen Monat bekommen können, richtig? Er wird Null oder eins oder zwei sein oder den aktuellen frei sein. Das bezieht sich auf den aktuellen Tag. Das ist Ah okay. Dass die Variable Schlüssel verwendet, oder? Die aktuelle Variable, die Dysfunktion aufruft. Also in unserer Situation ist diese Variable hier? Wir sind diesen Monat von diesem Ort gekommen, oder? Wenn Sie also erfrischt, können Sie sehen, dass wir Mai haben, aber es ist einfacher, Jahre. Wir können sofort sehen, dass diese Methode mit dem Tag verbunden ist. Also ist es einfach großartig, oder? So können Sie Ihre eigenen Methoden erstellen. Sie können sie einfach hinzufügen, um aktuelle Objekte zu erstellen. Sie können sie um Ihre Funktionen erweitern. Das ist mächtig, nicht wahr? Okay, also jetzt versuchen wir,wissen Sie, wissen Sie ein bisschen mehr zu sehen und das Datenobjekt zu finden. Sind wir Typ? Da ich wie heute denke, die lokale Zeitzeichenfolge, was würde passieren? Wie Sie sehen können, haben wir Gut. Jetzt die Zeit. Das ist großartig. Wir haben Ihnen Stunden, Minuten und Sekunden. Aber wissen Sie, das ist die Sperrzeitzeichenfolge. Was bedeutet es, dass, wenn in einem der vielen Länder es ein bisschen anders Freund ist, dass Web-Browser interpretieren könnte, es wäre anders, wenn das Land könnte es ein bisschen anders interpretieren. Dann wird dieses Ding ein bisschen anders aussehen. Okay, dann ist es stark, den Firefox zu hören, wenn wir rennen. Zum Beispiel das lokale Datumsgetränk Problem. Nun, in meinem Land geben Sie meistens Tage als Monate ein. Dann Jahr, wie Sie diese sehen können, zeigen wir den Menschen die meiste Zeit unsere Termine. Okay, aber wahrscheinlich in deinem Land. Es ist anders. Es sind mehr Tage und dann Jahre, vielleicht jemand, das einige Leute hier benutzen, ab dem 5. Mai oder so etwas. Dieses Ding kann Mann und verschiedene Dinge in vielen verschiedenen Web-Browser und andere Dinge wie das zurückgeben . Zeit ist die meiste Zeit wieder auf die gleiche Weise präsentiert, aber diese denken und aussehen in vielen verschiedenen Ländern anders. Aber manchmal ist das die Sache, die du willst, oder? Sie möchten alle Länder unterstützen und sie an anderen Orten gut fühlen. Aber, weißt du, das wird einfach anders aussehen in einem Land oder in jedem Webbrowser. Es kann auch anders sein. Alles klar davon. Sieh manchmal gleich aus. Richtig? Also hier haben Sie auch zur lokalen Zeichenfolge, die beide Optionen verbindet. Andi. Nun, desto weniger großartig. Jetzt er Wie Sie sehen können, haben wir etwas namens eine Methode genannt. Eine Disc, die das Datum einstellt, das Sie leicht ändern können. Das Datum an einigen anderen Tagen. Ich möchte das Datum auf das neue setzen, das ich heute bekommen möchte. Das und ich möchte hinzufügen, zum Beispiel, eines Tages und deswegen. Wie Sie jetzt sehen können, haben wir nicht 11. gemacht, sondern 12. Mai. Richtig? So können wir sehen, geschickt hier an den besagten Tag toter Tag und weil wir am selben Tag wie hier geschickt und wir hatten, haben wir 12 richtig? Also wird es so funktionieren. Sie können auch die eingestellte Zeit verwenden. Das ist die Zeit wird funktionieren, wie, wie, du weißt schon, Zeit zu bekommen, Methode. Holen Sie sich Zeit. Methode gibt die tatsächliche Zeit in vielen Sekunden zurück. Zählen Sie bereits ab dem ersten Januar Jahre. Das war in der Polizei. Okay. Äh, ab dem 1. Januar im Jahr 1919 70, ist es egal. Wirklich was? Dies hier Weil, wissen Sie, sie haben gerade beschlossen zu sagen, dass es von diesem Ort kommen sollte und es ist sehr nützlich. Es ist sehr nützlich, weil Sie jetzt zum Beispiel das Datum unterstrukturieren können, dass diese fünf Tage ab jetzt von den Daten, die heute ist, und Sie können genau sehen , wie maney Millisekunden Kräfte hat und Sie können Informationen wie diese verwenden, weil Sie kann zum Beispiel zum Beispiel Millisekunden durch 1000 teilen und dann haben Sie Sekunden, richtig? Wenn Sie Sekunden durch 60 teilen, haben Sie zwei Minuten. Wenn Sie Minuten durch 60 teilen, haben Sie Stunden. Das ist also das. Das ist ver ver ver ver ver sehr nützliche Dinge wie diese, so dass wir die eingestellte Zeit, ihre Minuten verwenden können . Andere, wie, Stunden setzt Minuten, die Sekunden Methoden, die Sie so verwenden können. Aber Sie müssen sich daran erinnern, dass Sie diese Meta genau richtig beeinflussen. Wenn Sie also morgen sehr fähig erstellen wollten und Sie zum Beispiel ein neues Datum erstellen möchten , dass dies wirklich morgen möglich ist, können Sie andere Konstruktoren für den Datumsfunktionskonstruktor verwenden . Okay, du kannst zum Beispiel einfach mich an zweiter Stelle. Also könnten wir zum Beispiel heute verwenden und jetzt Zeit bekommen, oder? Und ich möchte hier hinzufügen, wie viele Millisekunden zu diesen, denn als ich heute morgen gleich sehen wollte , oder? Aber wenn ich hier zum Beispiel unsere große Zahl hinzufüge zum Beispiel , wie Sie sehen können, ändert sich die Schönheit hier auf neun Stunden, weil es in Millisekunden ist. Das sollte also eine große Zahl sein. Damit wir festhalten können. Zum Beispiel ist ein Tag, wie man einen Tag an einem Tag addiert, 1000 Millisekunden multipliziert mit 16 ist jetzt was, 60 Sekunden. Ich will es haben. Ich bin keine 60 Sekunden. Nicht in der einen Minute. Ich will 60 Minuten haben, das ist eine Stunde. Jetzt wird es nach einer Stunde sehen, und wenn wir es nochmals mit 24 multiplizieren, haben wir einen Tag, damit Sie einfach hinzufügen können, indem Sie eines Tages so etwas kleben, richtig? Und du hast Gutes. Jetzt morgen hier. Und wenn Sie so etwas zum Beispiel zu moralischen Minus tun Heute werden Sie feststellen, dass wir hier in Millisekunden den ganzen Tag bekommen haben und wir können Informationen wie diese verwenden, um zu überprüfen wie, wenn die Sekunden Flecken von einer Zeit zu einer anderen Zeit hat Wenn Sie wollen keinen Schaden in den Sekunden zu sehen hat von Ah vergangen, Sie wissen, dass dieser Ort zur Anzeige dauerte diese Zeit können Sie einfach teilen durch 1000 auf. Dann haben Sie gute keine Sekunden, wenn Sie wieder teilen. Durch was? Durch zum Beispiel 60 Sie haben jetzt Minuten Wenn Sie wieder teilen, haben Sie ah Stunden so Stunden und jetzt gewinnen Division durch 24 würden Sie Tage haben. Okay, also kannst du solche Informationen verwenden. Es ist leicht zu sehen, wie Art und Weise Minuten müssen Sie, Zum Beispiel, bekommen von dieser Zeit zu dieser Zeit gibt es auch andere Konstruktoren. So können Sie zum Beispiel neues Datum verwenden zum Beispiel und Sie können Jahr, Monat und Tag eingeben, damit Sie Variable morgen erstellen können, wie das neue starb und Sie können heute bekommen , das volle Ohr heute bekommen, dass Monat auf heute bekommen, die bekommen Datum und plus eins und es wird uns das gleiche Ergebnis geben. Aber wie Sie sehen können, haben wir hier den kleinen Brunnen, nein, nein, das gleiche genau Ergebnis, das wir eines Tages hinzugefügt haben. Aber Sie wissen, wenn wir so etwas morgen so gut machen, morgen werden Sie sehen, dass wir haben, um sie zu verwenden 12. Mai. Aber Sie haben hier Zeit 0000, weil wir keine Minuten Sekunden in vielen Sekunden angegeben haben, nur zuerst für Ihre Argumente erforderlich sind, können Sie mehr von ihnen hinzufügen, also müssten Sie unsere eingeben, bekommen Mittel bekommen mich Sekunden und alles wird gut funktionieren. Aber es ist nur eine Menge Kriegsarbeit, oder? Ich denke, dass dies ein besserer Weg ist, dies zu tun. Aber weißt du etwas? Du willst Vater Dinge erreichen, damit das so sein könnte, wie du es tun willst. Okay. Also können wir es so machen. , Es gibt nur viele Möglichkeiten,wie Sie so viele Dinge tun können. Sie können auch morgen erstellen, zum Beispiel, wie dieses neue Datum. Und Sie können hier einfach die Tageszeichenfolge eingeben. Aber Sie haben Schlepptau Halten Sie die erstere so. Okay, du musst das erstere so behalten. Du musst Pierre binden. Erstens, das Jahr So zum Beispiel, 2000 fühlen Ah, 50. Und jetzt der Monat. Also ist es mein Und jetzt der Tag. Also ist es 11 und jetzt haben wir 11. Ich will es morgen haben. Jetzt sind es 12. Ja, es funktioniert gut. Also, wenn Sie zum Beispiel einen getroffenen Gedanken erstellen möchten , dass wir für Marktdatum das Datum erhalten, das Sie brauchen nur die Rückkehr hier, richtig? Der Wert, den Sie Personen genau auf Ihrer Website zeigen möchten. Und dann können Sie diese Methoden mit den Datumsobjekten verwenden und ich denke, das ist der coolste Weg. Und ich denke, dass Sie es tun sollten, ist ein Zugang. Ich kehre hier zurück, wie Sie Leute auf Ihrer Website haben wollen. Sehen Sie Ihre Zeit. Okay. Dass diese Einsicht, das Objekt wie das. Das ist etwas, das Ihnen nicht sehr dankbar ist. 56. Zeitstand mit dem clock: Hallo. Lassen Sie uns versuchen, die Gebote Ein Datumsobjekt, indem Sie zum Beispiel Oclock erstellen zum Beispiel . Ja, Accounting Club. Manchmal ist es nützlich, so etwas auf Ihrer Website zu haben. Richtig, So kann der Benutzer genau sehen, welche Zeit ist. Nein. Also, wie man etwas Großes zu tun? Nun, wir könnten es ein bisschen einfacher machen, aber ich erstelle nur einige Variablenfunktion, die auf andere Dinge wie diese zählen wird. Aber wir machen es zu einem großen Auto. Machen wir es wegen Bruder schöne professionelle weg. Also haben wir alles an einem Ort. Es bedeutet also, dass wir einen Funktionskonstruktor wie zum Beispiel das erstellen zum Beispiel . Okay, also werden wir einen Funktionskonstruktor erstellen, was bedeutet, dass wir jetzt zum Beispieleine immer fähige Uhr erstellen zum Beispiel können und wir etwas Neues machen können. Ich möchte in der Lage sein, ihre einen Zitronenhandler zu schicken, dass ich in der Lage sein, ihren Koch zu zeigen . Richtig. Also würde ich gerne hier herschicken. Also der Element-Handler und ich möchten es irgendwo hier zugewiesen haben. Also möchte ich es und Eigenschaft für dieses Klassenrechte-Element, Handler erstellen und ich möchte hier Element-Handler zuweisen, dass dies Ihnen so geschickt hat. Okay, also jetzt, wenn Sie es hier haben, können wir gerne auch die Uhr starten. Also würde ich gerne eine Funktion erstellen, die er damit anfangen wird. Okay, manche Frauen machen es. Ich würde gerne sehen, dass alles richtig läuft. Also, wie mussten wir eine Startfunktion erstellen, die all diese Dinge richtig auf was losgeht ? Es sollte ich denken, dass es anfangen sollte zu zählen. Also, wie zählt man? Ich denke, dass wir jede Sekunde kommen sollten, also sollten wir in schrecklicher Funktion involviert sein. Okay, setzen Sie Intervall ein. Und das wird Iran-Intervalle. Wenn Sie nicht wissen, was diese getroffen haben, gehen Sie bitte zum Hören, wenn ich über sie spreche, okay? Es ist, wo ich über das Set über sogar letzte Lektionen aus Even spreche. So Einstellung schreckliche Funktion ist hier sehr neu, und wir wollen es jede Sekunde gebraten Ron. Aber was wir rennen wollen. Lassen Sie uns erstellen, wenn Sie eine anonyme Funktion sind, die eine Funktion ausführen wird, die in Sekunden wird. Okay, also lassen Sie uns an diesem Punkt bei der zweiten Funktion erstellen, das wird Sekunden Zehe unseres tatsächlichen Date. Das tatsächliche Datum sollte also auch das tatsächliche Datum der Eigenschaft sein. Und wir können Sachen wie ein neues Date direkt auf Dwell machen. Wir wollen auch zum Beispiel eine Methode, die zum Beispiel Update-Element-Handler sein wird zum Beispiel . Buchhalter. So wird es den Inhalt aus der off 11 Sekunden aktualisieren. So könnten Sie es auch Set-Element-Handler nennen, zum Beispiel. Richtig. Aber wir wollen genau den Buchhalter aktualisieren. Also denke ich, dass dieses Baby Ding besser die Funktion benennt. Und wir wollen mit diesem Methodenelement aktualisieren, Jäger. Also wollen wir zu diesem Element Jäger gehen, dass innere HTML und mit den tatsächlichen Daten dieses aktuellen Tages aktualisiert . Richtig? Also, wenn wir nicht brauchen nichts passiert, weil es egal läuft ihn, wir können, Zum Beispiel, es starten auch dieses Update-Element aufgerufen. Handler-Inhalt. Wie Sie jetzt sehen können, haben wir den Startwert. Und jetzt wollen wir in jeder Sekunde zu unserem tatsächlichen Datum. Und du zweiter, damit wir es tun können. Zum Beispiel, Wie der neue Tag, wenn wir den neuen Tag tragen. Es wäre nur ein neuer Tag. Das Recht, also finden wir Sie Zweitens. Andi, es wird gut funktionieren. Richtig, damit wir so eine neue Sekunde hinzufügen können, Andi. Nun, wir müssen es einfach jede Sekunde mit der Einstellung schrecklichen Methode aufrufen. Aber Sie müssen sich daran erinnern, dass gesendetes Intervall geprägt keinen Zugang mit der Disc E-Welt zu dieser Methode in Death Metal erhält , weil das eingestellte Intervall ah ist, eine spezielle Methode und es sieht diese Methoden nicht in seinem Umfang. Okay, hier. Sie müssen also eine temporäre Variable wie zum Beispiel selbst erstellen und wir haben Tage, an denen Sie leicht zum Beispiel an zweiter Stelle gelangen können , weil Sie eine Sekunde hinzufügen möchten. Und nach dem Hinzufügen der zweiten möchte ich Element 100 Buchhalter aktualisieren. Und jetzt, wie Sie sehen können, wenn Sie drauf sind, wird der zweite Teil der Sekunden ziemlich gut aktualisiert. Es funktioniert also gut. Wir haben gerade alles programmiert. Pro Perry Das coole Ding über, weißt du, auf seiner ist, dass ich alle Aktionen im Schlepptau geteilt habe. Verschiedene Themen, die Sie hier sehen können, ist die Aktualisierung. Er ist hier und fügt Sekunden hinzu. So sehen Sie genau, was diese Methoden tun. Sie wissen, Sie sollten immer eine Funktion für jede Aufgabe erstellen, um OK zu tun, manchmal, wenn das kurze Programm vielleicht Kopf verfolgt sogar Sie können. Weißt du, wir könnten hier auch eine einfache Funktion erledigen, oder? Und tun Sie all diese Dinge ohne alle Eigenschaften, andere Dinge wie diese. Aber du musst einfach, weißt du, ich denke, wenn deine Haut sehr groß sein wird, musst du vielleicht manchmal keine Anfälle haben. Sehr. Das Drehbuch debütiert. Sie sollten sich nicht darauf konzentrieren, es in der Disco sehr gut codiert zu machen, dass der Code nicht immer sehr gut sein muss. Lesen Sie ein Buch, richtig? Denn manchmal zählt Geschwindigkeit in diesem Java-Skript mehr. Es ist eine Menge wichtig, weil du nur gruselig bist, wird schneller geladen, wenn du weniger Dinge hast. Er hat Recht. Aber du musst nur eine Sekunde denken, dass es dich auszahlt oder nicht. Okay, aber was? Nun, lassen Sie uns ein bisschen so trainieren, und wir haben jetzt gute Zeit, aber es sieht nicht gut aus, also können wir es ändern, zum Beispiel, Tage stoppen. Und wir können ihre lokale Zeit Single verwenden, richtig, zum Beispiel, so. Und wie Sie jetzt sehen können, ist es die erste. ich. Wow. Ja, es ist fast 2 Uhr hier in Polen und, ah, wir sind jetzt zu der angegebenen Zeit hier. Also ist es ziemlich gut. Aberwissen Sie, wissen Sie, in Ihrem Land, vielleicht verwenden Sie die AM und PM, also vor 12 Uhr ist es nach 12 Uhr morgens. Es ist PM, richtige Dinge. Zum Beispiel. 13. Ah, wenn wir 13 Stunden hier haben, sollte es der PM sein, der die erste PM versichert ist, richtig? Es ist so, wie Leute, ähm, in anderen Ländern es nennen. Vielleicht wird die Ortszeit Spink so für dich funktionieren. Das ist, dass die Narbe lokale Art Sache funktionieren sollte, richtig? Aber was, wenn Sie wollen, dass jeder diese Woche von einem M sehen? Nein. Nur in deinem Land willst du Zeh, jeder sieht AM und PM richtig? Dann müssen Sie Ihre eigene Medizin erstellen. Zum Beispiel können Sie diese erhalten formatierte Datum erstellen und wir können die Funktion erstellen. Es wird es tun. Okay, also, äh, lassen Sie uns eine temporäre Variable für Stunden an diesem tatsächlichen Datum erstellen, lassen Sie uns unsere davon holen. Und lass es uns kopieren, Bam, bam! Stunden, Minuten, Sekunden, Stunden, Minuten und Sekunden. Und jetzt können wir Stunden zurückkehren. Dann rufe ich an und Mann, ich meine, das ist äh, an dann, Sekunden. Und jetzt können wir so etwas tun. Holen Sie sich für meine Mutter Verabredung. Und wie Sie jetzt sehen können, funktioniert es. Gut. Aber nun, wir geben hier keine führenden Nullen, also sollten wir sie hinzufügen. Also, wenn unsere langsamer als 10 ist, dann würde bei zwei Stunden Null plus die Stunden, richtig? Wir wollen nur noch vor 12345670 hinzufügen Also das ist, wie wir es tun. Europa als unser. Okay, also machen wir es nicht noch zwei Male, Stunden, Minuten, Minuten, und jetzt Seconds. Und wie Sie jetzt sehen können, funktioniert es. Gut. OK, jetzt sollten wir auch etwas von der AM und PM tun Also, wenn unsere niedriger als 12 ist, würde ich gerne eine Variable erstellen die Disco für Beispiele Suffix, was bedeutet, was am Ende sein wird, rechts von der Welt. Und sie sind es. Ansonsten sollten wir PM erstellen, aber wir sollten auch über Stunden nachdenken, weil sie normalerweise hier sind . 0123 für 12 13 14 bam, bam, bam! Wir sollten jetzt so etwas wie unser tun, minus 12. Du solltest, weißt du, 12 davon entfernen, denn sonst wird es nicht gut aussehen, oder? Und jetzt fügen Sie auch das Suffix hinzu. So, zum Beispiel, seine Basis. Und dann gibt Suffix zu, Oh ja. Also, wenn die Stunden größer wären, würden wir hier ESPN Das ist Wohltätigkeitsarbeit. Also haben wir unser eigenes für Mutter Date geschaffen. Und jetzt könntest du denken, ob es hier sein sollte? Ist es wirklich so sehr mit diesen verbunden? Aber nicht alle. Ganz und gar nicht. Wir sollten hier eine Prototypfunktion erstellen. Wir sollten das Datum um die erhalten formatiert unser Format es Datum verlängern. Ich bekomme prägende Zeit. Was? Es sollte so genannt werden. Keine Gleichheitsfunktion, Onda. Wir sollten es von hier holen. Hol es hier und jetzt. Wir arbeiten nicht an dem tatsächlichen Datum. Also sollten wir einfach so etwas und weil es Nein, wir haben keine guten Tage, aber du kannst ist das zu so etwas, das tatsächlich getan hat, dass für Mutter Zeit. Und jetzt funktioniert es auch gut, aber es ist eine Quincy. Dies ist bis heute verbunden jetzt können wir es in Wasser für gilt in Ihrem Programm verwenden. jedoch Diese Methode warjedochnicht nur hier nützlich, oder? Du könntest es vielleicht etwas anders nennen. Vielleicht bekommen Sie prägende Zeit. Sie könnten ein Parlament schaffen, eine Angelegenheit, die,wissen Sie, beeinflussen würde wissen Sie, , wie genau das aussehen würde, als könnten Sie Geld aus formatierter Zeit machen. Richtig? Und Sie könnten verschiedene Typen zurückgeben, je nachdem, was sehr Alkohol hier geschickt würde. Richtig. So können Sie einen Pro Way machen, um, um, Uhr und die Uhr, die dupliziert werden kann. Richtig? etwas kannst du jetzt tun. Jetzt können wir konkurrieren auf Sie können so etwas tun, und Sie können die zweite Koks starten. Hühnersuppe hat nicht, das zu koaxieren. Weißt du, du könntest diesen oder diesen aufhalten. Und das ist Ihre Übung, um eine Stop-Funktion zu erstellen, die Said Interval stoppen wird. Ich mache solche Dinge in der Lektion über das Einsetzen. Schrecklich. Also tun Sie es nicht trainieren. So werden Sie sehen, ob Sie wirklich einen Coach wie diesen wiederholen können, um eine Stop-Funktion zu erstellen. Aber Sie müssen darüber nachdenken, Brauchen Sie wirklich so etwas aufzuhören? Meistens brauchst du nicht. Denken Sie also daran, Kilobyte sind in Javascript sehr wichtig. Wenn Sie das tun, Sie nie eine Stop-Funktion verwenden. Nur nicht erstellt, weil es Ihre Kilobyte braucht. Okay, es wird Ihre Website wird langsamer aufblähen. Also, wenn Sie programmieren, sollten Sie immer darüber nachdenken, wie groß Ihr Programm in JavaScript sein wird, weil Kilobyte Ihre Website laden und die Blume so Aber,wissen Sie, wissen Sie, Dar-Situationen wo Sie Festplatten-Kilobyte sichern können. Manchmal ist es Batterie auch toe so genannt, weil Ihr Code später leichter zu verstehen ist. Und es würde Ihnen Zeit sparen. Aber jeder hängt von der Situation ab. Wenn Sie hoffentlich gesagt haben, können diese nicht gesagt werden, zum Beispiel, von 1.000.000 Menschen besucht. Die und solche Dinge sind nicht großartig, denn auch 10 Kilobyte sind wichtig, oder? Geschwindigkeit ist die Sache, die am meisten zählt. Aber manchmal könnte man sogar sagen, indem man eine Funktion wie diese erstellt. Kilobyte sind sind Zeitjobs. Weil Sie es oft aufrufen können, wie Sie zwei Uhren erstellen können. Meistens braucht man nur einen klugen. Also wahrscheinlich ist dies nicht die beste Lösung für sie. Aber es ist eine gute Idee, solche Dinge zu trainieren. Also, so dass Sie wissen, wie man richtig angerufen. Okay, das geht so. Hör zu, vielen Dank. 57. Was sind Cookies?: Hallo Heute werde ich Ihnen sagen, was Cookies sind. Wie man sie erstellt, wie man sie benutzt , usw. Der Cookie ist also die Lösung. Die Lösung, um Variable nicht auf allen möglichen Seiten gleichzeitig speichern zu können. Sie sehen, wenn wir in den Index html und wir werden eine andere HTM von fünf haben Wenn Sie eine Variable erstellen , zum Beispiel, dass diese in der Lage waren nicht in dieser anderen Website verfügbar sein, richtig? Es wäre nur eine Neuve Ankunft. Jedes Mal, wenn du den Buchhalter verlierst, du vielleicht wie ich, aber warum sollte ich so etwas brauchen? Zum Beispiel können Sie speichern. Sie können die Person identifizieren, die Ihre Website besucht. Sie können dann zum Beispiel das Logging-Passwort, das Passwort speichern . Aber Sie können speichern, dass er richtig eingesperrt ist, und deshalb muss er nicht auf jeder Seite schauen. So wissen Sie, wenn Sie im Forum sind, zum Beispiel, wenn Sie Themen erneut besuchen und antworten möchten, müssen Sie nicht jedes Mal nachsehen, nachdem Sie nach den Themen gesucht haben, die Sie suchen. Cookies verwenden also etwas für solche Dinge. Sie können Einstellungen des Benutzers starten, zum Beispiel, er möchte den Hintergrund zu lesen haben. Sie können beginnen, was in einem Formular ist, zum Beispiel, wenn er eine Webseite lebte. Oder dann, wenn er zurückkommt, können Sie sehen, dass alles noch in der Form ist, weil alle Dinge auf seinem Computer gespeichert sind . Jetzt sind Cookies nur Container, die auf dem Computer des Benutzers gestartet werden, der Ihre Website besucht , und die Dinge beginnen so, dass King gleich 31 dann das Semikolon Schlüssel zu huh Wert zu, und Sie können dann diese Werte aus Dokument Cookie. Das ist also die Lösung. Wie man es benutzt. Lassen Sie uns verwendet, um Cookie-Schaltfläche zu erstellen. Ich habe ein Heilmittel für Bartons Create Cookie und entfernen Kicking Kochen, die wir haben uns ein wenig wenn sie Kochen auf Klick erstellen. Ähm, oh, klicken Sie. Ich möchte unsere erste Küche kreieren, um eine Küche zu kreieren, die Sie eingeben. Dokumentieren Sie, dass Kochen, dann das Gleichheitszeichen, und Sie müssen einfach Schlüsselwert eingeben. Sie müssen nur daran denken, dass Sie nicht auf dem einen Cookie auf einmal erstellen können. Okay, Sie können gerne Kiki auf einmal so tun Wenn Sie so etwas tun, werden Sie bemerken, wenn Sie Cookie erstellen und Sie zum Feuer zurück gehen, Haben Sie nur einen Schlüssel mit dem ersten Wert? Okay, also wenn wir so etwas wie Name machen und dann zum Beispiel Kaddish sind, werden Sie feststellen, dass ich einen Cookie erstellt habe. Ich bekomme nicht alle diese Cookies entfernen. Okay, wenn Sie also darauf klicken, wie Sie sehen können, erstellen Sie das Kochen. Wenn Sie Morton wollen, erstellen Sie keinen weiteren Cookie, aber Sie können ändern. Zum Beispiel ist der Wert hier vorbei. Wenn Sie solche Sachen machen, wie Sie sehen können, wird der Wert geändert. Also, um den Wert zu ändern, tippen Sie einfach hier etwas wie etwas Neues, und er wird arbeiten. Okay, jetzt lassen Sie uns eine weitere Küche kreieren. Also, wenn Sie mehr als ein Kochen erstellen möchten, nehmen Sie einen Typ etwas, zum Beispiel, wie Nachname und Herr sind Küken. Geben Sie Ihren Namen ein. Und wie Sie jetzt sehen können, sind wir sofort zu Kiki gekommen, oder? Und der Cookie wird auf dieser Domain gekostet. Es hat die Größe und er sagt, gut, um den Weg zu puff ist sehr wichtig, weil gerade jetzt dieses Kochen verfügbar ist. Der Inhalt nicht überall, Wie ich zu Beginn der Lektion sagte, aber nur in Unterordnern und diesem Ordner. Wenn Sie also etwas hätten, diese Website, zum Beispiel hier, dann wären Sie nicht in der Lage, dieses Kochen zu bekommen, wenn Sie es überall in jedem Ordner zur Verfügung haben wollen . Und das ist sehr wichtig, weil manchmal man ein Kochen erstellen kann Einige, wissen Sie, man könnte die Katholiken wie zum Beispiel Videokurse haben zum Beispiel . Oh, könnten Sie gehen zu Video-Kurse online dot com Und Sie werden bemerken, dass, wenn Sie gehen, zum Beispiel, Programmierkurse von neun. Gehen Sie gleich hierher. Sie bemerken, dass, wenn Sie zum Beispiel, Ihr Cookie hier erstellt haben, es wird nur in diesem Ordner und Webseiten hier verfügbar sein. Ok. Es wäre nicht hier auf der Hauptwebsite verfügbar. Sie wollen es überall zur Verfügung haben und die meiste Zeit will er. Denn zum Beispiel, wenn Sie richtig gut schauen, Logging, will er genau wissen, dass Ah, dass der Benutzer es ist. Sieh an jeden Ort, oder? Nein, nicht nur ein Ort. Dann müssen Sie, wenn Sie Ah que Sie haben, um puff und so etwas zu nehmen, wenn wir einen Cookie Gewinn nach der Erfrischung erstellen. Wie Sie sehen können, haben wir eine gute andere Küche. Also haben wir diesen Typen hier nicht verändert. Warum? Weil er ein neues Cookie sagen soll, das überall diese Cookies auf dem Tisch in diesem Unterordner verfügbar ist . Okay, also lasst uns immer daran denken, dass man fast immer so etwas tun muss, richtig? So erstellen Sie Kochen und gewinnen. Wir haben Lassen Sie uns Cookies entfernen, die bereits erstellt wurden. meiste Zeit wollen wir sie immer so haben. Und nun, nun, das Kochen wird entfernt, nachdem Sie den Firefox oder andere Webbrowser geschlossen haben, die die Sitzung nicht wiederherstellen. Die meisten waren Brüder, die Sitzung wieder herstellen ,nachdem , sie geöffnet wurden. Okay, als du öffnest, gab es Bruder. Sie stellen die Sitzung wieder her, dass sie deshalb Cookie sind, immer noch Bieter werden. Aber wenn der Weltbruder nicht tut es die meiste Zeit zum Beispiel, Praktikant Erfahrung nicht tun, wird Cookie verschwinden. Manchmal möchten Sie das Kochen nach zum Beispiel 30 Sekunden entfernen , auch wenn Sie es nicht jedes Mal haben wollen. Sie kennen Vollzeit auf dem Benutzercomputer. Wenn Sie das Ablaufdatum ändern möchten, können Sie das Flak ablaufen verwenden, damit Sie so etwas entscheiden können. Und dann hier können Sie zu einem Datum und in diesen Tagen wird mit dem Datumsobjekt erstellt werden. Also die Sache, die wir im letzten Abschnitt direkt über die Daten gelernt So können wir zum Beispiel, dass zu etwas XP Betriebsdatum aus Kochen und neues Datum, wenn Sie es so tun, und dann habe ich das UTC-Format verwendet ist sehr wichtig weil es spezielle Former erfordert. Das Universum ist Weltzeit für Mutter. Okay, also musst du es so machen. Andi, Wenn wir hier aktualisieren und erstellen Sie ein Cookie, wie Sie sehen können, wer er entfernt, es ist gekommen Hilfe. Das Problem ist, dass, wenn Sie hier eine Zeitablaufdatum auf den Tag, das ist jetzt, das ist dieses Datum, nicht wahr? Das neue Date kehrt uns zurück. Jetzt wird der Cookie entfernt, denn als wir ihn sofort erstellt haben, mit einer Sekunde nach dieser Zeit, richtig? Sie müssen also das Ablaufdatum des Kochens ändern. Machen Sie mit der zum Beispiel festgelegten Zeitmethode. Sie können dann das Ablaufdatum von Cookie bekommt Zeit und zum Beispiel, bei 60 mir Sekunden. Äh, das hier. Eine Sekunde, 60 Sekunden. Vielleicht noch mehr wie 60 Minuten. Niemand. Aktualisieren Sie es und erstellen Sie ein Cookie. Wie Sie sehen können, werden die Kekse um 58 Uhrfrei entfernt. Uhr So funktioniert es. Wir ändern jetzt das Ablaufdatum, und es wird in drei Stunden entfernt werden. So wird der Benutzer zum Beispiel nur für freie Stunden wie diese eingeloggt sein. Ähm, oder die Dinge in der Ersteren werden für drei Stunden vom Kurs für die Speicherung von Protokollierung beginnen oder so etwas. Du solltest ein paar Sicherheits-Dinge tun, andere Dinge wie das. Aber nun, es ist die meiste Zeit. Dinge wie das Einsperren werden in PHP erledigt. Okay, also mach dir keine Sorgen um solche Dinge. Sie werden es meiste Zeit verwenden. So, zum Beispiel, Senden zwischen dem JavaScript gewesen PHP einige Wertewerte auf vier für Beispiele, Speichern von Werten in den Formularen. Also sind die Dinge nicht vergessen, oder? Wenn Sie für Sie gehen, zum Beispiel, Video-Kurse online, die kommen, wenn wir hier gehen, und wir fügen Sie etwas in den Warenkorb, werden Sie feststellen, dass wir nicht hier weiter gegangen. Wir tippen Sie zum Beispiel auf die Hauptseite. Wir schließen es und bestellen wieder. War es nicht. Ist das hohe TC Mary Steve hier ist es sehr nützlich, weil Sie keine Bereiche machen. Sie sind wütend, weißt du, meistens. Ah, es gibt viele, viele weitere Eingänge, oder? Es ist eine gute Idee, so etwas anzufangen, weil der Benutzer Ihnen dankbar sein wird . So machst du es. Vor dem Beispiel Cookies, richtig. Du kannst damit anfangen. Zum Beispiel. Nennen Sie die Eingabe hier an, dann. Der Wert dieser Eingabe hier. Und Sie können bezweifeln, dann überprüfen Sie, ob der Cookie dann existiert. Hey, lass uns etwas tun. So machen wir Dinge wie diese an. Nun, Sie können auch den lokalen Speicher dafür verwenden. lokale Speicher ist lokal. Der Speicher ist von html fünf bis zum Swing Javascript. Aber schauen Sie sich Geschichten, die nicht unterstützt werden, sowie Cookies an. Ok, Eso reden wir jetzt nicht darüber? Gehen wir zurück zu den Keksen. Nicht gerade jetzt. Wir sollten wirklich lernen, wie man einen Cookie zu entfernen, und Sie haben wahrscheinlich schon bemerkt, dass Sie es tun müssen. Wir müssen nur so etwas wissen, oder? Also, wenn wir ein Kochen entfernen wollen, ist es so etwas wie das Entfernen von Kochen. Und dann wollen wir zum Beispielnur zum Beispiel das Arkady-jüdische Recht entfernen. So möchten wir zum Beispiel das Cookie mit diesem Namen mit dem Schlüsselnamen entfernen zum Beispiel . Lassen Sie uns die Entwaffnung entfernen. Und wir müssen nur das Ablaufdatum festlegen, dass auf den Tag, der bereits Rechte passiert ist, zum Beispiel Bergleute hier. Und wenn der Flüchtling es auffrischen und wir entfernen konnten. Wie Sie sehen können, entfernen wir dieses Cookie rechts Durch Klicken auf diese, könnten wir es sogar so tun, weil die Wahrheit ist, dass die Zeit vergeht Grinds. Und wenn wir das Kochen entfernen könnten und wenn das Datum hier das tatsächliche Datum ist, na ja, eine Sekunde vor, dann wird ein Cookie entfernt, so dass Sie den Cookie entfernen. Sie können auch das Ablaufdatum festlegen, indem Sie etwas wird Markierungen Alter besprechen. Das wird sehr cool, wenn wir es so machen, denn es wäre ein bisschen einfacher. Schauen Sie hier, wir müssten nur Typen in der Tat, Markierungen Alter dann gleich auf. Ich könnte so etwas wie kein Plus plus plus 16 Sekunden tun, zum Beispiel. Vielleicht mehr. ein bisschen mehr. Und jetzt, wenn wir Blatt beziehen und wir ein Kochen erstellen Wie Sie sehen können, wird das Kochen in einer Stunde Zeit ablaufen. Wenn wir das so machen, läuft es in einem Tag ab. Das ist einfach genial, denn wie Sie sehen können, mussten wir solche Dinge nicht erschaffen. Das Problem ist, dass es mich nicht unterstützt, dass Experten sechs und okay, wenn Sie nicht brauchen, um es zu unterstützen, dann gehen Sie voran. Verwenden Sie diese Version. Das ist auch sehr cool. In dieser Lektion haben Sie gelernt, was Cookies sind? Wie man sie erstellt, wie man Werte bedient. Aber wie man, wissen Sie, diese verschiedenen leichter abrufen, wie man sie ein bisschen schneller erstellt. Entfernen Sie sie ein bisschen schneller, denn wenn Sie es jedes Mal tun müssten, würde der gleiche Weg für medizinische Fälle nur nehmen viele Lords aus der Zeit. Deshalb werden wir in den nächsten Lektionen spezielle Funktionen erstellen, die dich dazu bringen werden. Kekse sind ziemlich wichtig. Ich denke, das zu wissen. Aber wir werden uns darauf konzentrieren, Funktionen zu schaffen, die Sie mit denen arbeiten, dass das Verkaufen Westen tut. Vielen Dank. 58. Eine Cookie-Funktion erstellen: - Hallo. In dieser Lektion werde ich Ihnen beibringen, wie Sie eine Funktion erstellen, mit der Sie Cookies erstellen. Foster, lass es uns tun. Lassen Sie uns eine Funktion erstellen, die wir Funktion aufrufen werden, erstellen Sie Cookie. Und das ist ein Streit. Wird hier Name-Wert an Tagen nehmen. Nein, wir müssen ein Kochen schaffen, ob das ziemlich einfach Dinge wie das zu tun. Und wir wollen uns hier nur ändern. Nun, dieser Name wird von der Person angegeben werden, die que zwei funktionierte Volumen wie , zum Beispiel, gut, Vorname oder Nachname oder Alter oder andere Dinge wie das, richtig. Und kein Spielhaus, das wir jetzt brauchen. Die Werte werden es ändern, Vater. Du plus, äh, und was? Wir können etwas mit der Zeit machen, aber machen wir es später, weil es etwas komplizierter ist. Lass uns jetzt etwas schnell machen, Puff wir einfach so. Also, wenn du es so machst, können wir gerade jetzt das kreative Kochen. Ich möchte ein Cookie mit dem Namen um diese h erstellen 26. Was auch immer. Und wenn wir dich auffrischen, geh zurück, um zu feuern. Lassen Sie uns die Cookies aus der letzten Lektion erstellt Kochen entfernen. Wie erstellen Cookie ist nicht eine Funktion erstellen Cookie ist nicht die Funktion, die das Problem ist , dass von Adidas genommen. Ein Name wie Sie. Oh, erstellen Sie einen Cookie-Boden. Es sind gute Botton-Flaschen. Ok. Knopf Barton. Okay, wie Sie jetzt sehen können, haben wir Ihr Alter, um sechs zu betreten. Es funktioniert, so dass Sie jetzt einfach Cookies erstellen können, ohne über dieses seltsame nachzudenken. Die wirklich sehr seltsame Art der Erstellung von Cookies kann eine andere erstellen, und es wird sehr schnell erstellt werden. Es ist sehr, sehr nützlich, rechter Balsam. Und jetzt, wenn Sie etwas über Tage gesagt, wenn ich nicht Tage hier senden, wie Sie bemerkt haben, haben wir keine Nähe. Aber dieses Ding ist dann definiert, so dass wir überprüfen können, ob Tage es nicht undefiniert ist, als ich möchte auch so etwas tun abläuft. Vergewaltigung Verfallsdatum Am Anfang wird es nichts geben. Also können wir es einfach hier hinzufügen, oder? Und das wird unseren Mantel überhaupt nicht beeinflussen, weil wir nur nichts bekommen. Aber wenn es etwas gesendet wird, wenn es Tage seit Sie Dan, können wir etwas tun, wie zum Beispiel ein Ablaufdatum des Kochens wie das erstellen und wir können hier festlegen, wie viele Tage wir hinzufügen möchten . Also, wie es zu tun? Nun, wir können anstelle der festgelegten Zeit verwenden, die Datum aan den Toe hier sagte Datum Zeit bekommen und nur Tage einhalten. Richtig? Und jetzt müssen wir erstellen, die wir dem Ablaufdatum neuen Wert zugewiesen werden, der hier interpretiert werden wird . Normalerweise würden wir hier einfach tippen. - Was? So etwas, nicht wahr? Genauso wie wir auch das Semikolon brauchen. Also würden wir nur etwas genau so eingeben, dass abläuft gleich Ablaufdatum, schwieriger Cookie Teig, UTC-String. Und es wird hier nur hinzugefügt, wenn es jemand hier angegeben wird. Also, wenn ich will, dass dieser Typ 30 Tage 20 ist, was auch immer, dann bist du es nicht. Ist das nicht jetzt, wenn ich ein Cookie erstelle, wird es in 20 Tagen ablaufen. Es ist also sehr nützlich, oder? Wir können jetzt ein Cookie mit 20 Tagen Zeitablauf sofort erstellen, ohne erneut an diesen Code zu denken . Okay, so erstellen Sie ein Cookie. Schneller Weg. In der nächsten Lektion zeige ich Ihnen, wie Sie einen Cookie entfernen. Schneller Kumpel. Das ist nur die Lektion. Vielen Dank. 59. Eine Cookie-Funktion entfernen: Hallo. Heute werde ich Ihnen zeigen, wie Sie eine Funktion erstellen, die ein Cookie entfernen wird. Schneller Weg. Um es zu tun, werden wir die Funktion erstellen, die wir sie nennen würden. Entfernen Sie Cookie, und wir nehmen nur einen Namen aus dem Cookie. Wolltest du entfernen? Wir entfernen den Fonds, den Cokie, indem wir so etwas tun, müssen wir nur wissen, ändern, denken, um zu nennen. Plus, das ist in Ordnung. Wir sitzen das Ablaufdatum auf das tatsächliche Datum Fahrzeug. Machen Sie ein bisschen mehr Operationen. Er hat zum Beispiel Recht, zum Beispiel Recht, es auf den Tag zu setzen, der bereits passiert ist. Aber das brauchen wir nicht, denn die Zeit vergeht im Weg. Und wir haben gerade gesagt, dass das Dokument Kochname abläuft Bombe für Bombe. Aber Sie müssen auch immer daran denken, dass es nur Cookies entfernen wird, die Pop-gesetzt haben . Alle möglichen Cookies. Ok. Wenn Sie ein Cookie ohne diesen Pfad erstellen, ohne die Create-Kochmethode zu verwenden, dann haben Sie möglicherweise Probleme, weil der Pfad Sie falsch sein könnte. Also nehmen Sie es in meinem immer Also, wenn wir es jetzt verwenden, zum Beispiel, Entfernen von Kochen, können wir entfernen, zum Beispiel, Alter Cookie, die aus gekühlt ist. Lassen Sie uns hier und die Sahne des Kochens erfrischen. Erstellen Sie Kochen. Echte Kochkarriere. Cokie Remco arbeitet, also ist es gut, dass es zuhört. Vielen Dank. 60. Cookie – Abruf Funktion: Hallo. Heute werde ich Ihnen zeigen, wie Sie eine Funktion erstellen, die Sie den Wert von Cookies abrufen wird , indem Sie den Schlüssel aus dem Kochen angeben. Okay, also lassen Sie uns die Funktion begrüßen, dass sie „Kochen nach Schlüsselnamen bekommen“ heißt. Und ich habe dich gerade geschickt, und sie sind okay, also wie geht es zuerst? Schauen wir uns an, wie der Cookie aussieht, wenn Sie so etwas vor innerem HTML tun und wir haben Ihnen Dokumentenkoch geschickt. wirst du nicht. Ist, dass Sie mit Ihrer Aufgabe haben, wenn wir mehr Cookies erstellt und wir aktualisiert werden. Wie Sie sehen können, haben wir, aber sicherlich für den Trick. Alter 26 Also könnten wir hier ein Semikolon und dann ein Leerzeichen sein, wenn wir mehr Kekse hätten. Also haben wir so etwas gemacht. Name auf. Jetzt sind hier Kaddish. Sie werden bemerken, dass das nicht geschaffen wurde. Kochen? Ja. Erstellen Sie ein Kochen. Wir haben wieder zynisch auf dieser Basis. Es bedeutet, dass wir uns aufteilen könnten. Wir könnten diese Zeichenfolge teilen, weil es eine Zeichenfolge in Schlüsselwertschlüssel gibt. Sehr wichtiger Wert über Sie. Wie man es macht. Nun, wir können gerecht werden, wenn, wie dieses Dokument, das Split und dann Semikolon in diesem Raum kochen. Deshalb haben wir Gutes. Jetzt ein Bereich von Cookies, wenn es zurückkehren, so etwas auf die Eingabe Kind tun. Was auch immer. Weil der Name nicht verwendet wird, dass im Moment, wie Sie sehen können, haben wir Inari. Wer würde hier wissen, das Komma auf, wenn wir so etwas wie Kekse von Null machen. Wir haben sauren Namen mit Logical, und wir machen Schlüssel aus einem. Wir hatten ein gutes Alter. 26 Wenn wir tun, Cookies müssen hier. Guter Name sind Kaddish, richtig? So gut. Alle Kekse hier? Nein, aber im Moment wollen wir den Schlüssel mit dem teilen, was du denkst, das Gleiche ist. Okay, also willst du acht nach Tagen teilen, oder? Und deswegen haben wir welchen Namen? Komm schon, unser Ferienhaus. Und dann können wir zum Beispiel zum Beispiel den ersten auf dem Schlüssel bekommen. Aber wenn wir so etwas machen, bekommen wir die Lautstärke, richtig? Ok. Also können wir diese Informationen verwenden, weil wir zu allen Cookies gehen müssen, um diejenige mit dem Namen wie ihrem Namen zu finden , die hier gesendet werden. Zum Beispiel, wenn wir Ihren Nachnamen eingeben, möchte ich dorthin kommen. Was sind Ticket als Wert? Richtig. So in verwendet, zum Beispiel von vier Lope. Also müssen wir zu den Cookies gehen, um alle von ihnen. So wird unser Zustand aussehen, um zu belasten, dass ich jede Schleife Andi Okay, also müssen wir nur wissen, Check oh schneller und machte mich Lassen Sie uns das Kochen teilen Also Cookies ab ich teilen acht durch dieses Zeichen und das Speichern eingegeben für Beispiele plattierte Cookie-Variable. Also genau wissen, was wir haben, oder? Teilen Sie es beim Kochen auf. Und jetzt lassen Sie uns in Private Label erstellt, dass wir Cookie-Namen repräsentieren. So temperamentvoll Cooking Cookie Name Cookie Key Name. Nun, das wird noch mehr sein. Geben Sie einen bestimmten Namen an. Der Name des Cookie-Schlüssels ist der erste. Die 2. 1 ist das Cookie-Volumen, aber gut, wir müssen nicht nach und nach. Brauchen Sie keinen Wert, um Wert zu erhalten, weil es Richter der Zeit ist, richtig? Und wenn der Name nicht richtig ist, also, wenn der Name gleich der Kochreinigung ist, dann ja, wir können so etwas wie das Erstellen von Kochvolumen tun, das Cookie im zweiten Index , der eine ist und Sie können einfach Cookie-Volumen hier zurückgeben. Richtig? Und weil es ist, können Sie sehen, dass wir etwas bekommen haben. Was willst du bekommen, wenn wir nur so essen, um einen Namen zu bekommen? Wir haben nur gewonnen. Wir waren, äh, Kaddish. Awesome, richtig? Diese Funktion wird Ihnen viel Zeit sparen, weil Sie es jeder zu einer Handvoll tun müssen. Alles aus dem Keks holen. Es gibt auch etwas mit Schule, lokalen Speicher, die einfacher zu bedienen ist. Sie müssen solche Dinge nicht erschaffen, weil sie artikuliert sind. Aber schauen Sie, ein Speicher ist nicht etwas, das auch von PHP verwendet werden kann. Zum Beispiel können Cookies von PHP von Travis von Well ah Keyed verwendet werden, und dann Sprache Web, Entwicklung Sprache, die auf sie zugreifen kann und hat eine p a dafür. Okay, schauen Sie, Behörden nur für Javascript, es ist einfacher zu verwenden, aber es wird auch unterstützt. Wenn Sie etwas lokal tun möchten, können Sie etwasüber den lokalen Speicher lernen. Wenn Sie etwas lokal tun möchten, können Sie etwas Es wird sein, ich werde darüber in der HTML fünf Kurs in der Zukunft sprechen, weil diese von html fünf Ok, das ist nur diese Lektion. Vielen Dank. 61. Escaping: Hallo, da. Werte, die wir bisher verwendet haben, waren ziemlich einfach, aber einfach. Ich meine, die wenn keine Sonderzeichen hier haben wir nicht verwendet, zum Beispiel, Zeichen, die interpretiert werden könnten, zum Beispiel, Javascript ein bisschen anders. Zum Beispiel das Semikolon im Inneren. Richtig? Wenn wir etwas tun, das und wir halten, so etwas wäre ein frisches und wir erstellen ein Cookie. Wie Sie sehen können, taucht es hier nicht auf, wenn wir einen sauren Namen nehmen. Wie Sie sehen können, waren wir auf Urlaub ohne Trick, weil das Semikolon reserviert ist, wissen Sie, Wurde es nach dem gleichen Anruf konzipiert? Es sollte so etwas wie einen neuen Schlüssel geben. Das Leben, zum Beispiel, läuft auf mächtige etwas, dass es nicht etwas, das sicher ist. Und es gibt viele Sonderzeichen wie diese, wenn Sie zum Beispiel ein U. R l an das A-Cookie senden möchten denkt, dass das Escaping wie Inter Like Codierung sehr wichtig ist. Sie können es einfach tun, indem Sie die Funktion verwenden, die Inco Coat genannt wird. Sie sind Komponente. Sie nur ich habe auf dem Wert wegen ihm gewesen, und Sie können sehen, jetzt haben wir es hier, ese, aber wir müssen auch nach erinnern. Wenn wir in Mantel in der Schaffung von Kochen, wir müssen auch sie Cookie Volumen später zu entschlüsseln, weil so wird es richtig interpretieren richtig . Sie können sehen, jetzt können wir die Sonderzeichen ziemlich einfach auf und das ist, wie Sie es tun. Das ist nur die Lektion. Ich danke Ihnen vielmals. 62. Popup-Fenster: Hallo. Heute werde ich Ihnen zeigen, Informationsbox ist derjenige, der die Nachricht zeigen wird, die Sie sagten, sie wollten. Wir fragen den Benutzer, ob Problem über etwas zu tun, und wenn er nicht ist, kann er wählen, dass eine der Rat Option oder wenn er sicher ist, dass er die richtige Option wählen kann. Und auch über die Eingabeaufforderung. Das fragt nur den Benutzer nach Eingabe. Okay, sind also Fußmethoden wie diese und Sie können sie mit dem Fenster verwenden. Das und dann der Name der Methode. Wie Sie sehen können, Methode wie Alarm, zuversichtlich, ist die Methode wie Alarm, zuversichtlich, Eingabeaufforderung innerhalb des Fensters. Aber weil das Fenster in global ist, können Sie globalen Umfang war. Sie können einfach Allard eingeben, die wir haben Allah oft benutzt haben, also könnten wir einfach Sachen wie Hallo, Irak eingeben . Und wenn wir aktualisieren, wie Sie sehen können, haben wir die Nachricht bekommen. Hallo, Eric. Wenn Sie eine Einstiegsseite erstellen möchten, müssen Sie wissen, dass Sie dafür den umgekehrten Schrägstrich verwenden müssen. Und wie Sie jetzt sehen können, haben wir betreten. Sonst wird er nicht in der Lage sein, es zu tun. Okay, also, was mit dem los ist, kommt von, wenn du für ihn Rechenschaft machst. Sie bestätigen nur, ob der Benutzer sicher ist über etwas So können Sie fragen. du dir sicher, dein Konto zu erweitern? Nun, das ist sehr, sehr wichtig. Wenn er seinen Bericht versehentlich erfreut, könnte er sein Reproduzieren vielleicht ein Problem sein, oder? Weil alle Informationen gelöscht werden könnten. Also Ah, hier haben wir eine Unze zur Antwort. Und als Antwort, wenn, wenn, wie Sie sehen können, er auf OK klickt, werden wir in dieser Variablen haben. Wahr. Wenn er Ex-Rat könnte, werden wir die Hölle haben. Falsch. Wenn ich also auf OK klicke, kann ich etwas sagen. Als ob die Antwort in Ordnung ist. Irgendetwas in der Bedingung, dass diese nicht falsche Ostern, oder? Also, wenn Antwort dann können wir so etwas wie auf Wiedersehen sagen. Okay, jemand, den er wieder seinen Account erstellt. Also okay, gib mir also so funktioniert es. Sonst passiert, wenn er auf Krebs klickt, wenn er auf Krebs klickt, nichts, richtig? Sie können uns tun, wenn Sie etwas Besonderes tun wollen. Wenn Sie halten Klicks Rat wie Make up Ihre Meinung eso Sie tun können Sie Person über einige sehr wichtige Dinge, die er nicht Ihre Website, wenn er sicher über sie in Ordnung zu fragen . Und es gibt auch Aufforderung Wir könnten so etwas wie prompt tun. Was ist Ihr Name und Variable hier? Wir würden das Ergebnis von der Aufforderung haben und wir könnten uns wie aufmerksam entscheiden. Auf Wiedersehen. Ergebnis. Okay, so wie das. Und jetzt, wenn Sie auffrischen OK. Wie steht Ihr Name frei? Mein Name ist äh, Kaddish. Auf Wiedersehen, unser Kardashian. Das ist also nur eine Aufforderung. Das fragt den Benutzer nach der Eingabe. Es gibt eine, die diesen Fenstern zugute kommt. Wie Sie sehen können, kann ich ihr alles sagen. Wann? Wenn das hier auftaucht. Richtig. Und manchmal will man, dass es aussieht wie sie, aber die meiste Zeit in zwei. Mitglied, du willst all diese Dinge überhaupt nicht benutzen. Allergie ist gut zum Debuggen. Die Aufforderung ist überhaupt nicht gut. Kommen Sie fest ist gut für sehr, sehr zuversichtlich, Alle Dinge sehr wichtige Dinge gezeigt. Einmal, wenn der Benutzer wird Fähigkeiten, kann ich nicht aus Versehen. Es wird Probleme machen. Richtig? Also dann vielleicht ist die Verwirrung gut, aber nur jetzt wissen, dass es Leute eine bessere Lösung für solche Dinge erfinden. Was? Nun, du könntest zum Beispiel eine Box hier unten zeigen, oder? Und du würdest etwas sagen. Bist du dir bei diesem Ding sicher? Wenn nicht, klicken Sie zurück und er würde einfach zurücktreten und alles wird direkt rückgängig gemacht. Wenn er nicht knarrt, verschwindet die Box nach ein paar Sekunden. Es ist schwer zu dio-Dio. Nein, wir müssten nur eine Box hier erstellen und dann begonnen, nicht anzuzeigen. Und wenn er auf etwas klickt, das dieses Bild ändert sich zu von der Anzeige nicht zum Anzeigeblock. Und dann wird die Nachricht angezeigt. Wenn er rückwärts klickt, müssen wir nur die Sache rückgängig machen, die getan wurde. Also, zum Beispiel, wenn er hinzufügt, dann können wir einfach Unterabschnitt rechts. Und du könntest diese Informationen irgendwo anfangen. Und wenn er nichts tut, nachdem, zum Beispiel, 10 Sekunden waren so mit der eingestellten Zeit. Geben Sie es zu, wir könnten diese Boxen einfach verschwinden lassen. Dies ist Ihre Übung für Disc A. Für diese Lektion. Ich denke, diese Lösung ist besser, um Dinge zu fragen. Nun, vielleicht nicht für könnte es in Rechnung, aber für, wissen Sie, einfache Dinge, die er der Benutzer tut, weil, wenn zum Beispiel er zum BeispielDatensätze entfernt, Richtig? Nun, das ist etwas, das es zu einem Problem machen könnte, oder? Aber die Wahrheit ist, dass, wenn jemand die Entfernung der er jedes Mal Creek Akzent brauchen würde , wenn jemand kriecht. Aktiv, aktiv, aktiv, aktiv. Es hebt dieses Mal ab, richtig? Und wer von Mann, bin ich sicher. Warum muss ich dir das jedes Mal sagen? Also ist es besser, einfach eine Kiste zu zeigen und Gerechtigkeit zu suchen. Entfernen. Oh, ich ist es wahr. Ich muss das rückgängig machen. Okay, das ist eine bessere Lösung. Ich glaube, das ist nur die Lektion. Vielen Dank. 63. Math - Werte: Hallo. Heute werde ich Ihnen nützliche mathematische Methoden zeigen, die Sie wahrscheinlich nicht in Ihrem Abenteuer aus der Programmierung in Javascript verwenden können. So wird die erste Methode genannt, um die der Iran die Nummer zum nächsten in Lehrer ist. Manchmal haben Sie vielleicht eine ganze Zahl, die so aussieht, aber Sie möchten sie als vollständige Ganzzahl haben. Richtig? Also, wie es zu tun? Du bist einfach so etwas wie Mathe, das hier ist. Und wie Sie sehen können, haben wir jetzt hier, um dies auf die erste Zahl hier zu runden. Ok? Und es rundet den mathematischen Weg ab, was bedeutet, dass, wenn Sie so etwas haben, Sie frei sehen werden. Wenn Sie so etwas haben, gehen Sie auch zum Nazi. Okay, also niedriger als fünf hier in der ersten Position nach dem Punkt. Dann sehen wir immer die Nummer dieses Problems. Wenn die Zahl nach dem Punkt größer als fünf ist. Oh, weißt du, nach den fünf Jahren, zum Beispiel, eins. Dann wirst du frei sehen. Sie haben auch, etwas Gutes wird Decke genannt. Die Decke ist oben in unserem Haus, oder? Du läufst also immer hoch. Also, wenn du so etwas machst, wirst du immer die freie Situation sehen. Selbst wie Sie sehen können, funktioniert es so, als ob dieser Boden ein bisschen anders funktioniert, weil der Boden unten in unserem Haus ist . Du rennst also immer runter. Also, wenn Sie sogar 2.99999 haben, werden Sie immer noch zu sehen. Und Sie haben auch das etwas, das die Mathematik-Bibliothek feststellt, aber sehr nützlich ist. Und ich denke, ich sollte jetzt darüber reden, weil , wie Sie sehen können wir, wie Sie sehen können, auf nur eine Nummer runden. Was ist, wenn ich die Dinge behalten will, die hinter dem Punkt sind Was, wenn ich will? Auch wenn es danach keine Dinge gibt, um Nullen zu zeigen. Also, zum Beispiel, wenn ich so etwas mache, ähm, ohne meinen Boden bist du nicht, dass wir zu diesem 0000 OK haben, manchmal willst du behalten, wie die Dinge auf deiner Website ausgedruckt sind und wer weil es , sagen Sie einfach, es muss repariert werden. Muss immer freie Position nach dem Punkt und auch bedeutet es auch, dass, wenn Sie etwas tun , neun 677 es braucht, dass wir neun frei und Hilfe gearbeitet haben, weil sieben größer als fünf ist . Das wird also ein und wie Sie jetzt sehen können, haben wir es richtig. Es läuft also auch, aber der Teil, der nach dem Punkt OK ist, und das ist anders mit, ist nicht in der Mathematik-Bibliothek. Aber selbst wenn ich dir jetzt nicht helfen würde, würdest du wahrscheinlich wissen, dass es schwer wäre, diese Funktion zu finden, weil es schwer ist , sie zu finden, okay. Und es gibt auch ein B uns, was absoluter Wert bedeutet, was bedeutet, immer positiv gezogen. Manchmal möchten Sie den Wert ändern. Tut dieses Negativ. Tun Sie so etwas auf den Wert des dis-positiven. Wie Sie jetzt sehen können, ist es positiv. Sag sogar, dass wir dein Minusrecht haben. Denkt so sind nützlich, wenn Sie zum Beispielsubstrikte Abgrenzungswerte durchführen möchten zum Beispiel und das Ergebnis negativ ist, wenn die Ergebnisse positiv sein sollten , weil beispielsweise Sie beispielsweiseüberprüfen möchten, wie um wie Männer in wie lange ist der Teil von einem Ort zum anderen auf Europa, zum Beispiel, Bildschirm rechts, wenn Sie hier und dann hier klicken und Sie, zum Beispiel, Teilmenge der Zahl von hier haben Sie den positiven Wert. Aber wenn Sie wie zuerst aufhören, diese Wert von diesem Wert. So zum haben SiezumBeispiel hier für 300 Pixel. Wenn Sie 500 Picks haben, dann haben Sie einen negativen Wert. Aber die Unterstruktur in dieser Differenz sollte positiv in der Art und Weise sein. Richtig? Also ein bs ist nützlich für Dinge wie, die Sie haben auch, etwas wird Muff Power diskutieren, so dass Sie zum Beispiel bekommen können Hey, Ich möchte die, um sie sind frei, um den Strom aus, zum Beispiel frei. So bedeutet es, dass wir hier 27 Recht frei multipliziert mit freien Multiplikationen sehr frei haben. Und es gibt auch einige Probleme. Wenn Sie solche Dinge tun, sollten Sie wissen, dass der Typ vom Typ von von jetzt an eine Methode ist, die Ihnen den Typ der Variablen gibt. Wie Sie Krankheit String sehen können. Wenn du es so machst, hast du eine gute Zahl, und manchmal kannst du Strings haben, wie ich bin und manchmal Leute mystische Typen kaufen. Ich denke richtig, und deswegen, wenn du das tust, selbst wenn du so etwas machst wie zum Beispiel Mathe, die um dich herum. Wie Sie sehen können, haben wir die Nummer gut kennen. Also das funktioniert nicht an Dingen, die Dinge wie diese, aber Sie können Macht. So können wir zum Beispiel Teile ganzzahligen all dieses Ding und deswegen. Wie Sie sehen können, funktioniert es gut, weil diese Funktion den Teil übernehmen wird, der wie eine ganze Zahl aussieht. Und dieser Teil ist das. Wenn Sie die Teile schwimmen, es wird auch Zahlen nach dem Punkt nehmen Also es sieht nicht die Rand-Funktion, weil diese Runde nur auf den inter Ingwer ohne den Punkt eso Wir werden das verwenden, um jetzt zu beheben , so x zwei feste und wir tun so etwas wie zum Beispiel freie Nummern. Und das ist etwas Karte wie, die Sie sehen können, denken wir frei, dass 1 bis 5 ohne die Teile schweben. Das funktioniert nicht, weil wir nicht mit String als Zahl arbeiten können, richtig? Also manchmal tippen Dinge wichtig sind. Die meiste Zeit in Javascript müssen Sie sich keine Sorgen machen, aber in Situationen wie diesem ist es wichtig, weil gut, manchmal können Sie zum Beispiel nehmen, zum Beispiel nehmen, wer Klasse hat, und Sie kann ein 50 Satz sechs haben. Und wenn Sie wollen nur diese 56 Kontrastteile es richtig. Ok. Auf und wie Zufallszahlen zu tun. Das ist sehr, sehr wichtig. Das Thema wird in der nächsten Lektion mehr darüber sprechen. In dieser Lektion möchte ich Ihnen nur zeigen, dass dies den Wert wie der zurückgibt, wenn ich die Website, die Sie Städte können aktualisieren, ändert sich in den Iran, die Zahl sieht so aus. Und wir müssen irgendwie zu wechseln, zum Beispiel Zahlen von 0 bis 10. Und wir können so etwas verwenden, um zum Beispiel, zum Beispiel, Regel zufällige Zitate auf Ihren Websites oder etwas Zufälliges, was auch immer. So erstellen Sie eine andere Nummer. Aber wir müssen auch wissen, wie man kreiert, Zehe hat, es besser aussehen lässt. Wie Sie es von einer Zahl wie dieser ändern wollen, zum Beispiel, zu zum Beispiel, freien 45 Und dieses Ding wird die nächste Lektion tun. Es gibt viele, viele, viele weitere Angelegenheiten in der Mathematik. Wie, zum Beispiel, können Sie die Kosten der Senioren und andere Dinge wie das La Guardia kommen. Aber die Wahrheit ist, dass ich gut 95% jagen gehe. Du wirst solche Dinge nicht benutzen. Wenn du sie brauchst, geh einfach zur Mathematik. Re fremd. Tippen Sie einfach die Oma freie Freunde JavaScript und Sie finden alle Methoden. Die meiste Zeit. Sie müssen nur diese verwenden. Es gibt die wichtigsten. Diesmal nicht. Ich suche nach etwas, das du nicht brauchst. Richtig. Okay, es gibt nur diese Lektion. Vielen Dank. 64. Zufallszahlen: - Hallo. In dieser Lektion zeige ich Ihnen, wie Sie eine Zufallszahl generieren. Um es zu tun, müssen Sie den Muff um sie herum Funktion verwenden. Und wie Sie sehen können, wenn ich diese Website bezieht Sie nicht ist, dass wir eine seltsame Zahl haben . Die Zahl ist sehr groß nach dem Punkt, aber es gibt immer Null hier. Diese Zahl ist also immer zwischen Null und Eins. Das Problem ist, dass dies für uns nicht sehr nützlich ist, oder? Wir wollen die meiste Zeit eine ganze Zahl. Wir wollen 012345 haben, also können wir es zum Beispiel als Index für Inari verwenden. So können wir zum Beispiel aus dem Bereich Anführungszeichen oder so etwas zeigen zum Beispiel . Nun, Teig und Übung so in der nächsten Lektion. Aber in dieser Lektion lernen wir, wie man diese Zahlen richtig generiert. Also, um jetzt zum Beispiel größere Zahlen zu erhalten , schlage ich vor, sie zu multiplizieren , um wie Sie jetzt sehen können, haben wir gute Zahlen zwischen Null und zwei. Also ja, das ist ziemlich fängt an, besser zu funktionieren und gut, wir wollen einfach mit diesem Teil der Nummer weggehen, und wir werden es tun, indem wir den My Floor verwenden, der jetzt wichtig ist, wie Sie sehen können, haben wir gute Zahlen zwischen Null und eins. Also, wenn ich Sie zum Beispiel fünf tippe, werden Sie feststellen, dass wir Zahlen zwischen Null und für Recht haben. Okay, das ist also sehr cool, weil Sie eine ziemlich einfache Zahlen zwischen Null und fünf generieren können. Aber wie können wir Zahlen generieren, die nicht zwischen Null und einer Zahl liegen? - Richtig. Wenn Sie Null und 100 zwischen Null und 100 haben möchten, geben Sie einfach ein. Klingt so, richtig? Und sie ordnungsgemäß zwischen Null und 100, wenn Sie wollen. Zwischen Null und 11 oder Null würden Sie einfach zwei eingeben. Also haben Sie nur abschleppen Sie, wie, minus ein rechtes Ergebnis in diesem Stopp. Aber wenn Sie irgendwie Zahlen bekommen wollen, zum Beispiel eine und kostenlos, wie es geht? Was würde passieren, wenn ich einen hier hinzufüge? Es bedeutet, dass das Minimum jetzt ein Recht ist. Nun, wenn hier Nullpunkt etwas ist, so etwas wie der Boden wird es auf 00 nehmen plus eins ist immer eins. Das macht also, dass die vielen Mond jetzt eins ist, richtig? Wir machen es. Also ist es auf Lee eins, wenn ich hier auf das Minimum tippe, ist jetzt auch so zwei. Und die Sache, die hier meins ist, ist das, dass wir die Nummer jetzt haben werden , richtig? Also jeder Typ hier frei wird es zwischen frei und vier sein. Wenn Sie einen mehr so festhalten, dass wir zwischen frei und fünf sein werden. Wenn ich hier noch einen hätte, wird es schön sein, Win zwischen frei und, äh sucht Recht funktioniert gut. So ist es, wie Sie angeborene Rate, was Sie wollen, mit der Zufallszahl. Aber die meiste Zeit werden Sie nur Zahlen von Null bis zum Beispiel Ah, 10 für 2030 generieren wollen. Oder manchmal wollen Sie einfach nur die eine springen die meisten Mal. Sie können nicht in einer Weise in Javascript von Null Wenn Sie Zahlen generieren möchten, möchten Sie die meiste Zeit haben es aus dem Zählen von Null und wird diese Methode verwenden, die Lektion dauert ging, wo wir zufälliges Zitat generieren würden, dass der Verkauf der Lektion. Ich danke Ihnen vielmals. 65. Random Zitate: Hallo. In der letzten Lektion lernen Sie, wie Sie mit der Zufallsfunktion eine Zufallszahl erstellen. Um es zu tun, müssen Sie hier nur das Richtige eingeben. Ordnen Sie die Zahlen ab, die er bekommen will. Also, wenn du die Zahl von Null auf frei bekommen willst, gibst du einfach so etwas ein? Sie brauchen es hier nicht Null, also können wir einfach so etwas eingeben. Und heute würde ich Ihnen zeigen, wie man ein Programm erstellt. Das A-Skript, das den Benutzer zufällige Zitate auf Ihrer Website anzeigen wird, wenn er Ihre Website besucht . Er wird jedes Mal einen zufälligen Mantel sehen und hier habe ich vier coole Zitate. Ich glaube, eine Person, die nie einen Fehler gemacht hat, hat nie etwas versucht. Lassen Sie uns gehen zahlen und lassen Sie uns eine Variable erstellen, die wir unser Angebot speichern. Ich denke, das sollte ein Bereich sein, weil wir Männer dort rausrühren können und ich würde einfach sterben, aber hier so. Es spielt keine Rolle, wie langsam du gehst, solange du nicht aufhörst. Okay, das ist sehr cool. Also beschichten Sie den nächsten. Wir können viele Niederlagen begegnen, aber wir dürfen nicht besiegt werden. Okay, lassen Sie es uns zu unseren Zitaten hinzufügen. Und wenn du es träumen kannst, kannst du es tun. Also lasst es uns so machen, Dumm. Und jetzt, warum ich zu einem Bereich hinzugefügt habe, weil wir hier jetzt schauen, würden wir Zahlen von Null zu frei generieren. Richtig? Zero Willst du befreien? Hey, das ist das, was wir wollen. können wir es nicht gebrauchen. Zitat Zitate. Wir sind auf der Nummer unten. Und wie Sie jetzt sehen können, haben wir zufällig Was auf unserer Website geweint, nicht wahr? Jetzt können wir auch unsere Änderungen hinzufügen, wie man sich verbindet. Zitat mit Änderungen. Wir können einfach eine andere Variable erstellen, die wir zum Beispiel nennen , ändert und gut, nur ein Zeichen hier. Autoren, wenn die gleiche Reihenfolge. Also, Albert Einstein Konflikt Konfuzius, vielleicht lese ich es falsch. tut mir also leid. Ich kenne einige dieser Sprachen nicht. Okay, also, so wie das. Und jetzt können Sie einfach etwas eingeben, das Zitat und dann können Sie etwas wie ändern rechts Wähler aus Zufallszahl eingeben , die App generiert wurde, Topia. Wie Sie jetzt sehen können, haben wir gute zufällige Zitat und die andere natürlich, können Sie es besser aussehen und das ist Ihre Übung. Erstellen Sie, Dave, ich, zum Beispiel, zitiere Und in diesen sollte er zwei Spannweiten haben, zum Beispiel, für das Äußere und auch für das und Zitat. Und zum Beispiel, machen Sie das Zitat mit dem Stites CSS zum Besseren. So ist es zum Beispiel kursiv geschrieben und das Äußere wäre zum Beispiel fett. Und es wäre kleiner. Richtig? Und Sie sollten in verzweifelt einfügen, anstatt es so einzufügen. Ah, das Zitat im Herbst, dass Zone diese Lektion. Vielen Dank. 66. Fensterort: - Hallo. Heute werde ich Ihnen zeigen, wie Sie den Standort zu bekommen, dass Sie l der Ort sind, wo Ihr Benutzer in Ihrer Website der Puff Wie Sie in der Reihenfolge zusammen sehen können, geben Sie einfach Fenster Lage und gut wir haben dann gut den Weg mit der Domain mit der Unterordner mit dem in der Sprache fordern hier und denken, dass das nützlich ist, weil Sie es auch mit dem Fenster ändern können, dieser Ort, wenn so etwas nützlich wäre. zum Beispiel Lassen Sie unszum Beispielselbst einen Link erstellen. Nun, ändern Sie den Ort durch. Zum Beispiel Beispiel Beispiel html. Ok, geben wir ihm eine 19. Lassen Sie uns Ihre HTML fünf erstellen. Andi, wenn ich darauf klicke, wie Sie sehen können, wo Changing Website Was, wenn ich etwas tun wollte, bevor ich auf diese Website gehen , richtig? Der Benutzer hat etwas auf der Website geändert. Ich will, dass der Zeh ihm erlaubt, dorthin zu gehen. Aber erst nachdem Sie einige Dinge im Java-Skript richtig gemacht haben? Sie müssen einige Operationen machen, bevor Sie ihm erlauben, dorthin zu gehen. Wie man es macht Nun, um es zu tun, müssen wir diese Probe bekommen. Also lassen Sie es uns mit dem get Element von I d und jetzt müssen wir den eigenen Klick ändern, auch weil wir das geraden Objekt verwenden können, über das wir sprechen. Sie können auch die bewährte Standardmethode verwenden, die das Standardverhalten verhindert. Also, jetzt gehen wir nicht so zum U R l. Das Problem ist jetzt, dass, wie man nach dem Ändern der Dinge, die wir tun wollen, um, dass Sie in Ordnung sind, Wie man den Standort zu ändern. Nun, das ist, stellen Sie sich vor, wir haben hier Männer Operationen wie, ah, die wir tun wollten. Und jetzt wollen wir den Standort ändern. Wie man es macht. Wir gewinnen nur den Ort und wir ändern uns in einfachen HTML, oder? Es kann sehen, wenn Creegan es nichts funktioniert ziemlich gut. Das Problem ist, dass Hey, wenn ich das Mädchen wechseln würde, ich es auch bei der Kuh ändern müsste. Aber hallo. Ich kenne das JavaScript. Sie kennen auch das JavaScript gerade jetzt vor Weil Sie alle meine Videos ansehen. Und Sie wissen, dass, wenn wir hier in der Beispielvariable sind, weil dies der Handler aus dem Element hier ist , richtig? Wir können so etwas gebrauchen. Dies wird sich jetzt auf dieses Beispiel beziehen, und wir können dieses Attribut hier erhalten. Also bekommen Attribut. Methode vergisst diesen Wert. Richtig? Und Sie können nur geben Alter re Ferentz und diese. Alles klar, jetzt, wie Sie sehen können, funktioniert der Link. Aber Sie können Männeroperationen durchführen, bevor Sie zur Dislokation gehen. Okay, das ist nur eine gute Lektion. Ich danke Ihnen vielmals. 67. Bilder vorlesen: Hallo. Heute werde ich Ihnen zeigen, wie toe Bilder nur dann laden, wenn sie benötigt werden. Denn manchmal, wenn der Benutzer seine Website begründet, sieht er nicht alle möglichen Bilder, die den Start beginnen, oder? Er wird die meiste Zeit nicht nach unten scrollen. Und deswegen können Sie Ihre Bandage speichern. Und in der gleichen Zeit wird der Benutzer Ihre Website schneller laden, weil er nicht alle möglichen Bilder laden muss die irgendwo versteckt sind, oder? Sie können sie vorgeladen haben. Sie können sie laden, wenn Sie denken, dass sie bald gebraucht werden könnten. Zum Beispiel, wenn er nach unten scrollt, wenn es eine Schriftrolle gibt, können Sie auch richtig lieben? Weil wir beim Scrollen uneben haben. Wir könnten es mit einem sogar auf Scroll-Rivalen machen und der Kerl bewegt sich nach unten und er ist sehr nah am Bild bis zum Ende, wissen Sie, Inhalt. Und bald sollte es Bilder geben. Wir sollten die Bilddateien vorsenken, weil er es nicht sagen würde oder so etwas, oder wir sollten es wie 500 Pixel vorher vorladen, richtig? So etwas wird auch genannt, zum Beispiel, zum Beispiel, wenn jemand einen Schieberegler rechts hat, wenn es einen Schieberegler mit Geldbildern gibt, die Sie vor Gesetz geschrieben haben können . Sie können die Bilder laden, die sichtbar sind, die beginnen. Aber wenn es mehr Bilder gibt, die nicht gesehen werden, können Sie sie laden, wenn der Benutzer sie einfach bald sagen wird. Richtig? Also, das ist, wenn Sie so etwas verwenden. Und jetzt gehen wir und machen es richtig. Wie man sie vielleicht Kind vorstellt, um Bild nur mit JavaScript zu laden, wie es geht. Also haben wir hier dif für Bilder bekommen, wo wir neue Bilder beginnen werden wir Baton bekommen, wenn die Identifikation mehr über Schaltfläche laden. Und wir haben das einzelne Bild von diesem Start bekommen. Richtig. Okay, also haben wir so etwas. Wir haben Ihnen das Fenster entladen. Wir haben gute dis-load, mehr Flasche und auf dem Klick, auch wir werden diese laden Schlechte Image-Funktion aufrufen und wie man ein Bild in Javascript erstellt , um es zu tun. Du musst nur so etwas tun. Var Bild. Neues Bild. Okay, jetzt haben wir ein Bild ohne die Quelle. Wir müssen die Quelle einstellen. Okay, also, wie geht es? Sie geben nur Bild, die Quelle als unser C ein und dann geben Sie die Quelle von, zum Beispiel hier, Bilder Schrägstrich Bildschirm ein J p. D. und ja, also haben wir jetzt gut die Quelle, und mal sehen wie es funktioniert, wenn Sie gehen, um zurück zu feuern. Wie Sie sehen können, haben wir jedes Bild geladen. Und wie Sie sehen können, haben wir gegen grüne geladen. Aber natürlich können Sie ein anderes Fleisch laden. Also, wenn ich darauf klicke, wie Sie sehen können, haben wir angekündigt, geladen zu werden, oder? Ziemlich genial. Wir haben es einfach durch Klicken auf diese unten geladen. Okay, also, ähm, wenn wir uns jetzt in unsere Website einfügen müssen, wie es geht. Nun, lassen Sie uns diese Tage hier nehmen. Richtig. Also lassen Sie uns einen Handler dafür erstellen, bekommen sie und durch ideale Bilder und jetzt mit so etwas wie Bildern, und ich denke, wir könnten dem Kind passieren. Wir sollten das innere HTML nicht verwenden, weil wir es mehr als einmal aufrüsten werden. Richtig? Und in unserem HTML wird alles wieder analysiert, so passiert, versucht wird schneller sein und wir steigen einfach so über ah ab, Bilder in das Kind. Natürlich. Hier müssen wir zitieren, wie könnte A vergisst, wie Sie jetzt sehen können, wenn wir darauf klicken, wir laden Bild. Wir laden die gleichen Mittel. So, wie lade ich andere Bilder? Wir könnten zum Beispiel eine Variable erstellen, eine Variable erstellen wie ich höre. Und wir könnten einfach hier einfügen, oder? Bombe ich plus plus, also werden wir es jedes Mal erhöhen. Also schauen wir uns das an. Es hat angefangen. Sollte eins sein, weil du von einem rechten und Bombenbalsam beginnst, wie du sehen kannst. Wieder neues Bild bum. Neues Bild. Großartig. Jetzt gibt es mehr Probleme. Das Problem ist, dass der Boden sich nicht bewegt. Müssen Sie den Boden bis zum Ende von unserer Website bewegen Diese Zeichenfolge ein bisschen Erstens sollten wir die These Bild entfernen. Nun, dieser Boden muss es tun. Ah, die Last Mehr Bilder wird durch die Last mehr unten beteiligt Also aber die Taste, die ich zerstören möchte ich entfernen. Dies bezieht sich also auf dieses Muster und jetzt wollen wir zur begnadeten Notiz gehen. Also, wenn Sie die übergeordnete Notiz verwenden, sind Sie im Gebäude und dann können Sie die entfernen Sie die untergeordnete Methode verwenden , die Kind entfernt, und wir können direkt unter diesen. Also, wenn so etwas, wenn wir darauf klicken, wie Sie sehen können, sind wir und bekommen neues Bild hier, während das gleiche hier, hier, hier, bewegen Sie sich auf sowjetische. Wiederholen Sie es nicht, aber wir haben das neue Bild, aber die Schaltfläche wird entfernt. Okay, also haben wir keinen Schlagstock mehr. Wie man auf dieser Party zurück am Ende, unserer Website wissen. Nun, wir sollten, bevor Sie diesen Knopf entfernen. Wir sollten auch den Klon von ihm starten, damit wir eine variable Schaltfläche erstellen können, um Taste, Schaltfläche, Laden mehr. Wir sollten gehen. Vielleicht laden Sie mehr Button Klon, dass es einen besseren Namen gibt und wir klonen müssen. Also müssen wir das Recht klonen? Ich will Tage Kalon kommen. Beachten Sie dies und Sie würden funktionieren. Du weißt es nicht. Ich habe es dir nicht gezeigt. Und das nennt man nur Klonen. Ist nur die Einhaltung all der Dinge aus dem Datum von Tagen, das ist dieses Mal wenig mehr unten, oder? Und wenn wir hier richtig oder falsch setzen müssen, bedeutet das wahre, dass wir alles drinnen kopieren wollen. So zum Beispiel, dieses Texas erlaubt mehr Bilder. Wenn du gesagt hast, dass es auch fällt. Wir haben Probleme. Es tut mir so leid. Denken Sie daran, die Herde hier durch die Zehe zu setzen. Also jetzt hier haben wir diesen Boden eingehalten, so dass wir hinzufügen können, zum Beispiel, zum Beispiel, entfernen Sie es in unser Dokument Dokument Dokument. Und wir werden uns auf den Körper beziehen und dann das Kind aufbringen. Wir gehen nur laden mehr Button Klon. Und wie Sie sehen können, als ich in Cricket ging, haben wir gut entweder die Hand. Das Problem ist, dass, wenn ich es erneut anklicke, wie Sie sehen können, es nicht mehr funktioniert. Warum? Weil das Klonen nicht bedeutet, dass wir auch angehängte Even geklont haben, richtig? Also, um es zu reparieren, wir machen einfach so etwas nach dem Krallen, Ich will auch wieder passiert. Toe Oakley auf Klick sogar rechts Bombe Bombe. Wie Sie sehen können , knacken fünf. Nun, wenn wir wieder gut klicken, haben wir auf die freien Bilder bekommen. Wir sollten nicht in der Lage sein, darauf zu klicken. Richtig, also sollten wir irgendeine Art von Bedingungen schaffen. Wenn ich also größer als vier bin, dann gut, niedriger als vier, dann rufe solche Dinge auf, oder? Ok. Bom bom bom. Es funktioniert nicht in der richtigen, so dass wir nicht eine näher, aber die Last Mehr Bilder sollten verschwinden, nachdem Sie die nach einigen Dingen wie das wissen . Wenn ich gleich Zeh gut, nicht gleich frei. Ich würde nicht einfach nicht erneut Klonvorgang aufrufen. Also dieser Teil wird nicht aufgerufen werden Es Alles klar? Ok. Also, wie diese Bombe viel, wenn Eisner gleich frei etwas falsch ist. Aber ich weiß nicht, was wir ungleiche sensorische Bombe gräben, wenn ich nicht frei ist, ähm, wenn ich gleich zu weit bin, also natürlich, weil wir hier die Beschuldigung haben. Deswegen habe ich diesen Fehler gemacht. Wie Sie sehen können, auch wenn Sie fortgeschritten sind, Programmierer Ihr Zuhause machen Männer in vielen mir sechs einfache Musik Weil Sie ihn sehen können, das Auge danach wird vor. Wenn wir also einfach nicht wollen, dass es für eine Last ist, verlangsamten mehr Bilder mehr Bilder. Und jetzt, wie Sie sehen können, funktioniert gut. Wir haben alle möglichen Energien geladen, auf das ist alles los. Weißt du jetzt, dass wir diskret gehen müssen, wenn du willst. Wir wollen Zehe haben unser Skript, Arbeit mit neuen Bildern, die wir halten. Dies sind also problematisches Skript, das Sie Vie zum Beispiel aufrüsten könnten . Irgendwas würde Scott Ajax. Sie könnten dann von ihnen Datenbank überprüfen, ob es mehr Bilder gibt und Quellen von ihnen erhalten. Das wäre also wahrscheinlich ein besserer Weg, solche Dinge zu tun. Aber Moment kennen wir Ajax nicht. Und wegen dir, musst du den Mantel reiten und so aussehen? Ich denke, dass das Lernen Hören ist, diejenigen, die aus nützlichen Tools, weil es. Sie werden sagen Band Hexe und in der gleichen Zeit, verbessern Sie die Benutzererfahrung auf Ihrer Website. Das ist nur diese Lektion. Vielen Dank. 68. Bilder vorlesen: Hallo. Heute werde ich Ihnen zeigen, wie toe Bilder nur dann laden, wenn sie benötigt werden. Denn manchmal, wenn der Benutzer seine Website begründet, sieht er nicht alle möglichen Bilder, die den Start beginnen, oder? Er wird die meiste Zeit nicht nach unten scrollen. Und deswegen können Sie Ihre Bandage speichern. Und in der gleichen Zeit wird der Benutzer Ihre Website schneller laden, weil er nicht alle möglichen Bilder laden muss die irgendwo versteckt sind, oder? Sie können sie vorgeladen haben. Sie können sie laden, wenn Sie denken, dass sie bald benötigt werden. Zum Beispiel, wenn er nach unten scrollt, wenn es eine Schriftrolle gibt, können Sie auch richtig lieben? Weil wir beim Scrollen uneben haben. Wir könnten es mit einem sogar auf Scroll-Rivalen machen und der Kerl bewegt sich nach unten und er ist sehr nah am Bild bis zum Ende, wissen Sie, Inhalt. Und bald sollte es Bilder geben. Wir sollten die Bilddateien vorsenken, weil er es nicht sagen würde oder so etwas, oder wir sollten es wie 500 Pixel vorher vorladen, richtig? So etwas wird auch genannt, zum Beispiel, zum Beispiel, wenn jemand einen Schieberegler rechts hat, wenn es einen Schieberegler mit Geldbildern gibt, die Sie vor Gesetz geschrieben haben können . Sie können die Bilder laden, die sichtbar sind, die beginnen. Aber wenn es mehr Bilder gibt, die nicht gesehen werden, können Sie sie laden, wenn der Benutzer sie einfach bald sagen wird. Richtig? Das ist, wenn Sie so etwas verwenden. Und jetzt gehen wir und machen es richtig. Wie man das vielleicht Kind vorstellt, um Bild nur mit JavaScript zu laden, wie es geht. Also haben wir hier dif für Bilder bekommen, wo wir neue Bilder beginnen werden wir Baton bekommen, wenn die Identifikation mehr über Schaltfläche laden. Und wir haben das einzelne Bild von diesem Start bekommen. Richtig. Okay, also haben wir so etwas. Wir haben Ihnen Fenster auf Ladung. Wir haben es. Diese Ladung mehr Flasche und auf dem Klick, sogar wir werden diese Ladung aufrufen. Schlechte Bilder funktionieren und wie man ein Bild in Javascript erstellt, um es zu tun. Du musst nur so etwas tun. Var Bild. Neues Bild. Okay, jetzt haben wir ein Bild ohne die Quelle. Wir müssen die Quelle einstellen. Okay, also, wie geht es? Sie geben nur Bild, die Quelle als unser C und dann geben Sie die Quelle von, zum Beispiel hier, Bilder Schrägstrich Bildschirm ein J p. D. und ja, also haben wir gut die Quelle jetzt, und mal sehen wie es funktioniert, wenn Sie gehen zurück zu feuern. Wie Sie sehen können, haben wir jedes Bild geladen. Und wie Sie sehen können, haben wir gegen grüne geladen. Aber natürlich können Sie ein anderes Fleisch laden. Also, wenn ich darauf klicke, wie Sie sehen können, haben wir angekündigt, geladen zu werden, oder? Ziemlich genial. Wir haben es einfach durch Klicken auf diese unten geladen. Okay, also, ähm, wenn wir uns jetzt in unsere Website einfügen müssen, wie es geht. Nun, nehmen wir diese Tage hier. Richtig. Also lassen Sie uns einen Handler dafür erstellen, bekommen sie und durch ideale Bilder und jetzt, mit so etwas wie Bildern, und ich denke, wir könnten dem Kind passieren. Wir sollten das innere HTML nicht verwenden, weil wir es mehr als einmal aufrüsten werden. Richtig? Und in unserem HTML wird alles wieder analysiert, so passiert, versucht wird schneller sein und wir steigen einfach so über ah Bilder in das Kind hinab. Natürlich müssen wir hier zitieren. Wie könnte ein vergisst, wie Sie jetzt sehen können, wenn wir darauf klicken, wir laden Bild. Wir laden die gleichen Mittel. So, wie lade ich andere Bilder? Wir könnten zum Beispiel eine Variable erstellen, die ich höre, und wir könnten einfach hier einfügen, rechts Bombe I plus, also werden wir sie jedes Mal erhöhen. Also schauen wir uns das an. Es hat angefangen. Sollte eins sein, weil du von einem rechten und Bombenbalsam beginnst, wie du sehen kannst. Neuer Bildbum wieder. Neues Bild. Großartig. Jetzt gibt es mehr Probleme. Das Problem ist, dass unten sich nicht bewegt. Müssen Sie den Boden bis zum Ende von unserer Website bewegen, die Zeichenfolge ein wenig. Erstens sollten wir das Thesenbild entfernen. Nun, dieser Boden muss es tun. Ah, die Last Mehr Bilder wird durch die Last Mehr Tasten beteiligt, so aber die Taste, die ich zerstören möchte ich entfernen. Dies bezieht sich also auf dieses Muster und jetzt wollen wir zur begnadeten Notiz gehen. Also, wenn Sie die übergeordnete Notiz verwenden, sind Sie im Gebäude und dann können Sie die entfernen Sie die untergeordnete Methode verwenden , die Kind entfernt, und wir können direkt unter diesen. Also, wenn so etwas, wenn wir darauf klicken, wie Sie sehen können, sind wir und bekommen neues Bild hier, während das gleiche hier, hier , zu Sowjet bewegen. Wiederholen Sie es nicht, aber wir haben das neue Bild, aber die Schaltfläche wird entfernt. Okay, also haben wir keinen Schlagstock mehr. Wie man auf dieser Party zurück am Ende, unserer Website wissen. Nun, wir sollten, bevor Sie diesen Knopf entfernen. Wir sollten auch den Klon von ihm starten, damit wir eine variable Schaltfläche erstellen können, um Taste, Schaltfläche, Laden mehr. Wir sollten gehen. Vielleicht laden Sie mehr Button Klon, dass es einen besseren Namen gibt und wir klonen müssen. Also müssen wir das Recht klonen? Ich will Tage Kalon kommen. Beachten Sie dies und Sie würden funktionieren. Du weißt es nicht. Ich habe es dir nicht gezeigt. Und das nennt man nur Klonen, erfüllt alle Dinge aus dem Datum von Tagen, das ist dieses Mal wenig mehr unten, oder? Und wenn wir hier richtig oder falsch setzen müssen, bedeutet das wahre, dass wir alles drinnen kopieren wollen. So zum Beispiel, dieses Texas erlaubt mehr Bilder Wenn Sie gesagt, es fällt auch. Wir haben Probleme. Es tut mir so leid. Denken Sie daran, die Herde hier durch die Zehe zu setzen. Also jetzt hier haben wir diesen Boden eingehalten, so dass wir hinzufügen können, zum Beispiel, zum Beispiel, entfernen Sie es in unser Dokument Dokument Dokument. Und wir werden uns auf den Körper beziehen und dann das Kind aufbringen. Wir gehen nur laden mehr Button Klon. Und wie Sie sehen können, als ich in Cricket ging, haben wir entweder die Hand gut. Das Problem ist, dass, wenn ich es erneut anklicke, wie Sie sehen können, es nicht mehr funktioniert. Warum? Weil das Klonen nicht bedeutet, dass wir auch angehängte Even geklont haben, richtig? Also, um es zu reparieren, wir machen einfach so etwas nach dem Krallen, Ich will auch wieder passiert. Toe Oakley auf Klick sogar rechts Bombe Bombe. Wie Sie sehen können , knacken fünf. Nun, wenn wir wieder gut klicken, haben wir auf die freien Bilder bekommen. Wir sollten nicht in der Lage sein, darauf zu klicken. Richtig, also sollten wir irgendeine Art von Bedingungen schaffen. Also, wenn ich größer als vier, dann gut, niedriger als vier, dann rufe solche Dinge auf, richtig? Ok. Bom bom bom. Es funktioniert nicht mehr richtig. Also haben wir keine näher, aber die Last Mehr Bilder sollten verschwinden, nachdem Sie die nach einigen Dingen wie das wissen . Wenn ich gleich Zeh gut, nicht gleich frei. Ich würde nicht einfach nicht erneut Klonvorgang aufrufen. Also dieser Teil wird nicht aufgerufen werden Es Alles klar? Ok. Also, wie diese Bombe eine Menge, wenn Eisner alles, um etwas zu befreien, stimmt nicht. Aber ich weiß nicht, was wir ungleiche sensorische Bombe gräben, wenn ich nicht frei ist, ähm, wenn ich gleich zu weit bin, also natürlich, weil wir hier die Belastungen haben. Deshalb habe ich diesen Fehler gemacht. Wie Sie sehen können, auch wenn Sie fortgeschritten sind, Programmierer Ihr Zuhause machen Männer in vielen mir sechs einfache Musik Weil Sie ihn sehen können, das Auge danach wird vor. Wenn wir also einfach nicht wollen, dass es für eine Last ist, verlangsamten mehr Bilder mehr Bilder. Und jetzt, wie Sie sehen können, funktioniert gut. Wir haben alle möglichen Energien geladen, auf das ist alles los. Weißt du jetzt, dass wir diskret gehen müssen, wenn du willst. Wir wollen Zehe haben unser Skript, Arbeit mit neuen Bildern, die wir einhalten Also diese sind problematische Skript können Sie vie aufgerüstet , zum Beispiel. Irgendwas würde Scott Ajax. Sie könnten dann von ihnen Datenbank überprüfen, ob es mehr Bilder gibt und Quellen von ihnen erhalten. Das wäre also wahrscheinlich ein besserer Weg, solche Dinge zu tun. Aber Moment kennen wir Ajax nicht. Und wegen dir, musst du den Mantel reiten und so aussehen? Ich denke, dass das Lernen ist Hören Sie diese aus nützlichen Tools, weil sie. Du kannst nicht sagen, Band Hexe und gleichzeitig die Nutzererfahrung auf deiner Website verbessern . Das ist nur diese Lektion. Vielen Dank. 69. Slideshows: Hallo. Heute werde ich Ihnen zeigen, wie Sie ein Slice erstellen. O slash O ist nur Bilder, die sich nach ein paar Sekunden ändern. So etwas ist sehr nützlich, weil Sie auf der Hauptseite mehr als ein Bild an einer Position anzeigen können . Es ist sehr nützlich in Geschäften, so dass die Benutzer Aktionen sehen können, die in diesem Shop gehen. Richtig. Sie können diesen Kriecher sogar aktualisieren, um einige Übergänge zwischen Bildern zu machen. Wie Sie jetzt sehen können, sieht das besser aus, oder? Diese Animation wird in der nächsten weniger tun jetzt lassen Sie uns eine einfache Diashow erstellen, die nur Bilder nach ein paar Sekunden ändert. OK, also haben wir in den Index html bekommen Die leichte zeigte, ob und wir haben es hier zu dieser Variablen genommen und jetzt möchten wir Bilder dort einfügen, weil wir am Anfang nichts haben , richtig. Also wollen wir ihre all diese Bilder einfügen, wie es zu tun. Nun, zum Beispiel, können wir eine Luft I Bilder Quellen erstellen und wir sind nur geben Sie Ihre Quellen rechten Bildschirm ein Bildschirm zu, und Bildschirm frei. Also, das ist eine gute Idee, bis heute getan. Auf diese Weise könnten wir vielleicht sogar gebrauchen. Sie wissen, dass Zahlen wollen, um mit dem es Belüfter zu befreien, so dass wir Variable I erstellen und ändern etcetera würde tun, wenn die Zeiten im Unterricht vorher. Aber hey, Namen können anders sein. Manchmal möchten Sie die Verwendung positionieren. Sie sehen CEO Chirurg Giant Optimierungsrechte. Du musst deine Bilder richtig benennen, oder? Also lass es uns so machen. Sie können auch Bilder hier am Anfang rechts einfügen. Sie könnten Bilder hier beleidigen, und wenn Sie es getan haben, könnten Sie sie einfach mit dem Dokument bekommen. Holen Sie sich Element Diashow-Fenster und gehen Sie einfach in Chinas Recht, so gibt es kein Problem. Du kannst es in beide Richtungen tun, aber lass uns das lesen, das ich gewählt habe. Und jetzt gehen wir zu all diesen Bildquellen. Und lassen Sie uns einfach erstellen Lassen Sie uns diese Bilder richtig laden? Also lassen Sie uns eine vier Lope erstellen. Lassen Sie uns die I 20 initialisieren Und wenn ich niedriger ist als Bildquellen Punktlänge, lassen Sie uns nur jedes Mal nach jeder Iteration nach jedem Mal, der Blick wird um zwei gehen, die ich will. So können wir jetzt zum Beispiel ein Bild temporär hier erstellen und es Eigengewicht tun. Daher ist der Bildbereich in dieser Lektion sehr wichtig. Wir haben ein Bild erstellt, und jetzt können wir die Quelle dieses erstellten Bildes festlegen. Zum Bild ist ein Ordner wie dieser. Und jetzt müssen wir nur festhalten. Da, Amy. Nur Quelle. Nun, gut. In Ordnung. So wie das. Und nicht einen, den wir beziehen. Geh, dann gehen wir zum Feuerkäfer in den Netzmantel. Wie Sie sehen können, werden Bilder geladen. Jetzt müssen wir sie nur zu unseren Waffen hinzufügen. Also, um es zu tun, tippen wir einfach leichte Show, Upend das Kind. Und jedes Mal, wenn wir das Bild hochgefahren haben, das hier erstellt wurde, und wie Sie jetzt hier sehen können, bekommen Sie alle Bilder dorthin. Und wenn Sie noch ein Bild hinzufügen möchten, gibt es kein Problem Nur hier ein Komma und den Namen aus dem Bild, das Sie halten, richtig? Und dein Programm wird einfach funktionieren. Finden Sie immer noch Ok. Also, jetzt gehen wir zu diesen Krawatten, denn , hey, ich jage ihn nicht, um so auszusehen. Tue ich nicht. Ich will, dass sie aufeinander gelegt werden. Okay, um es zu tun, gehen wir zur Diashow und zu den Bildern. Und ich wurde gesagt, dass die Position absoluten Mittel absoluten. Dann nehmen wir die Bilder aus dem Fluss und ihre Position absolut zum Körper. Also in die linke obere Ecke, rechts. auch bedeutet, dass, wenn wir zum Beispiel Angriffe hier sind Sie nicht, ist, dass dies dauert nur verschwunden. Und so sollten wir zur Diashow gehen und hier setzen. Erstens, die 384 und 373 107 wie mit und Höhe, oder? So wie das. Wie Sie jetzt sehen können, können wir diesen Kerl sehen, aber wir haben ein Problem gut steuern, weil, wissen Sie, wenn Sie diesen großen Unterschied positionieren wollen, zum Beispiel, wenn Sie Ihre linken 20 Pixel eingeben und Top 20 wählt uns, du bist nicht, ist, dass es so aussieht auf. Und wenn Sie hier einen Text machen, bemerken Sie, dass die Texas unter diesem Recht, Also sollten wir positionieren und bezogen auf die A Zitrone. Das ist das übergeordnete Element. Wir zeigen nur geringfügig in dieser Situation. So lässt das Eigengewicht. Und wie Sie jetzt sehen können, haben wir eine Position, die damit zusammenhängt. Natürlich, ist jetzt, dieses Ding ist jetzt unter ihm, aber weil wir es ist absolutes Element. Richtig? Also das fliegt gerade jetzt, aber die wichtigsten Teichpartys, die wir haben, ist jetzt Position in Richtung dieser und etwas rechts. Wir können das einfach entfernen und das wird dort positioniert sein, wo es sein sollte. Okay, jetzt können wir die Diashow auf Ihren Websites verschieben. Wer kann Marge übrig machen? Zum Beispiel sind 50 Picks auf alles. Händler-Match-Emotion und alles wird sich bewegen. Werden Sie bewegt. Und weißt du, dieses Ding nimmt den Platz ein, weißt du, und weil es den Platz einnimmt, kannst du mehr Dinge auf deiner Website hinzufügen. Und die meiste Zeit haben Sie mehr Dinge in Ihrer Waffe als nur geringfügiges Schreiben. Alles wird gut aussehen. Ok, so machen wir es. So ist es richtig auf unserer Website eingestellt, oder? Und wir haben später keine Probleme. Und jetzt sollten wir auch überlegen, wie wir diese Bilder von einem zum anderen ändern können. Wir könnten es mit vielen Möglichkeiten tun, zum Beispiel, indem Sie Bilder einstellen, die nicht angezeigt werden, und dann den Anzeigeblock ändern. Wir könnten die Kapazität ändern. Man könnte sagen, dass es die eingestellte Indexposition geändert hat. Ich würde die Deckkraft wählen. Okay, also würde ich die Deckkraft wählen. Und ich habe immer gesagt, Kapazität, alle Elemente am Anfang abzuschalten. Wie Sie sehen können, sehen wir sie nicht. Ich würde gerne nur die 1. 1 sehen Also, um das erste Bild zu erhalten, werde ich das JavaScript verwenden. Ich mache keine Sachen wie Slide Show und gehe dann in Tschad Notizen und bekomme das erste Kind, das wir gerade in großen Zero hatten und sagte die Attributklasse auch. Ah, auf etwas, das es gesehen werden kann. Lassen Sie uns also die Klasse erstellen, die aufgerufen wird, zum Beispiel aktuell. Also lassen Sie uns in Diashow gehen und eine Klasse Strom erstellen und lassen Sie uns Kapazität auf eins setzen. Wie Sie jetzt sehen können, haben wir hier ein Bild. - Natürlich. Wir haben noch mehr von ihnen. Wenn wir hier sind, können Sie sehen, dass wir sie alle haben. Aber dieses Gas hat aktuelle gesagt hier auf, wir können sehen, wir wollen jetzt nur den Strom von hier entfernen und hier hinzugefügt, dann von hier entfernen und hier hinzugefügt, von hier entfernt und hier hinzugefügt. Also wollen wir hier nur Grund machen, richtig? Wie macht man es? Nun, wenn wir etwas mehr als einmal tun müssen, verwenden die meisten Male Kleber. Aber wir wollen es nach einiger Zeit tun. Das wollen wir nicht. Weißt du, jemand ändert es sofort. Es muss ein paar Sekunden dauern. Kann dieses Bild kaum sehen. Die Person, die Ihre Website besucht, oder? Also lasst uns tun, was eingelegt ist. Schrecklich. Right Said Intervall wird nur um Intervalle s herum, so dass wir eine Funktion ausführen können, die etwas damit tun wird . Zum Beispiel, alle zwei Sekunden rechts alle zwei Sekunden, Ich möchte die ändern, so dass ich will, dass Teoh den ersten Kerl wieder zu nichts ändern. In Ordnung. Und ich möchte den nächsten Kerl wechseln, der nach einer Sekunde 12 Strom ist. Wie Sie nach einer Sekunde sehen können, dass Sie nur nach Mexikanisch ändern können, hat sich nichts geändert, weil, wissen Sie, wir ändern das gleiche Bild Nähen, um diese Werte hier zu ändern. Lassen Sie uns eine Variable I erstellen und lassen Sie uns so etwas tun. Ich ich plus eins und lassen Sie uns Kopf Zeh I jedes Mal, wenn wir wissen, dass es die Intervallfunktion aufgerufen wird ausgeführt werden. Richtig? Also, weil wir jetzt nicht mehr Bilder ändern können. Das ist mit schneller. Also benutzen wir unsere Zeit nicht eine Sekunde Bombenbombe und dann bombardieren Nichts. Warum? Weil unsere Gegend gute Indizes wie 01 und zwei hat. Es wird also funktionieren, bis ich hier bin. Zum Beispiel, ein rechtes eins plus eins ist zwei und danach geht es ins Ausland. Brechen Sie auf. Richtig. Also, wie man dieses Problem zu lösen? Wir können zum Beispiel dieses Modell verwenden, wenn es auf diese Weise verwendet wird. Sie kennen diesen Operator nicht. Ich habe über den neuen Operatoren Abschnitt gesprochen Wenn Sie hier haben, 00 Modus frei ist 00 plus ein verspottet frei ist eins. Es ist der Rest direkt von der Erinnerung aus der Division. So wird die maximale Zahl hier jetzt auf die maximale Zahl sein Hier wird auch zu hören sein, aber hier wird es immer eine größere sein. Also jetzt, wenn, Wie Sie sehen können, es ändert sich und dies geht jetzt zurück zum ersten Bild. So können wir es schaffen. Wir können natürlich, natürlich, Erhöhung sollte erhöht werden. Wenn jemand Ihre Website besucht. Er muss sich deine Bilder ansehen, oder? Und wir sind gerade gestorben. Ja, wir haben die Diashow Sie können mit Männern und Dingen wie bei diesen aufgerüstet. Du könntest es besser aussehen lassen, weil es jetzt schrecklich aussieht, aber es ist genau hinter dir her. Es sagt gerade die CIA jetzt. JavaScript. Also mach es auf eigene Faust. Und in der nächsten Lektion werde ich Ihnen zeigen, wie Sie etwas besser aussehen, dass der Verkauf der Lektion. Vielen Dank. 70. Animation in JavaScript: hallo Heute würde ich Ihnen zeigen, wie man Animation in Java macht. Überspringen Sie, wie Sie den Übergang zwischen Bildern machen. Wie Zehe machen Sie Ihren Job als halten noch dynamischer. Okay, um es zu tun, müssen Sie nur Ihren Übergang eingeben und in der Zeit des Übergangs, die es dauern sollte. Wie Sie sehen können, haben wir keinen Übergang gemacht. Okay, also was ist das? Übergang ist ein bisschen Dach Arsenal, aber lasst uns zuerst darüber nachdenken. Übergang. Übergang ist eine Eigenschaft von CSS, Und diese Eigenschaften sagen, ist, dass, wenn es ah, blieb vor und blieb vor war eine Paucity Null, und der neue Zustand ist ein positiver. Dann müssen Sie in einer Sekunde von 0 auf 1 wechseln. Hier können Sie genau sagen, was Sie ändern möchten. Zum Beispiel, Opazität richtig? Muss auf dem Wechsel sein. Oder vielleicht haben wir nur noch andere Dinge wie das. Aber nun, beschlagnahmt das Eigentum? Du hättest es schon wissen sollen. Wenn Sie nicht nur voran gehen und über den Übergang zu lesen, die gibt es einfach viele Dinge zu tun, oder? Ich stehe nur mit den Grundlagen. Es macht also nur den Übergang zwischen Null und eins in einer Sekunde. Also, wenn Sie einer Person zeigen wollen, zum Beispiel für weit vier Sekunden ein Bild vor dem Übergang, können Sie es so tun, oder? 1234 Und wir haben einen Übergang zu dem Namen es. Das Problem ist, dass das Bild auch sofort verschwindet. Es sieht also seltsam aus, richtig, damit wir es ändern können. beispielsweise Geben SiebeispielsweiseInk in Übergang ein. Und ich möchte es zum Beispiel zum Beispiel in einer Sekunde verschwinden lassen. Aber ich will es in zwei Sekunden zeigen. Sofort. 1234 beendet würde langsamer verschwinden und erscheint das nächste Bild erscheint. Also, das ist einfach auch kannst du es sehen? Wir haben gerade eine Animation in zwei Sekunden erstellt. Aber es gibt ein kleines Problem zu treffen. Wie immer ist das Problem Internet Explorer. Der Übergang wird von Internet-Experte unterstützt 10 und sogar in alten Chrome Firefox offensichtlich , dass es Brüder wie das gab. Es wird dort nicht unterstützt. Sie müssen Händlerpräfixe verwenden. So, zum Beispiel, so etwas. Aber das ist ein Thema für Sears Kurs. Ok. Um so wird dies nicht in allen Webbrowsern unterstützt, aber am meisten. Es ist wahrscheinlich, Sie wissen, wir werden bald unterstützt. In allem waren Brüder, die Menschen, ähm, benutzen und Sie wissen, dass Sie es auf verschiedene Weise tun können. Aber die coole Sache ist, dass es jetzt einfach ist. Es würde nicht viel Zeit in Anspruch nehmen. Es ist gut in der Leistung. Und die Wahrheit ist, warum Menschen zu geben, die alle Bros Browser gute Websites suchen wenn sie ständig Websites erstellen, die sie perfekt aussehen, die Animation haben, andere Dinge wie das für Leute, die alte Browser hatten, sie benutzen sie immer wieder richtig. Also lasst uns denken, dass es nicht machen wird, wenn Sie einen Übergang erstellen wird nicht machen, um alles zu brechen . Weil Aziz die Diashow bereits bemerkt hat, ist es immer noch rechtfertigen, richtig zu arbeiten? Es funktioniert gut. Die Bilder ändern sich, aber es ist nur sofort, aber es funktioniert immer noch, also solltest du dir keine Sorgen darüber machen, denke ich, und nun, so machst du irgendetwas, alles mit allem, was ich wirklich alles, was ich sagen kann, zum Beispiel, dass die Startbildgröße 384 richtig sein sollte, und wir können es später zum Beispiel ändern, mit, um, 500 wählt uns was auch immer . Und wie Sie sehen können, haben wir keinen großen Kerl drauf, dann Schulen runter und bombardieren. So können Sie alles animieren. Du kannst etwas tun. Wie zum Beispiel ist das Zusammenführen von linken 50 Picks richtig. Was auch immer. Sieh dir das an. 123 oder fünf. Und es war wie, Hey, es kam von diesem Ort, nicht wahr, Sohn? Und du machst es auf Lea. Si hat wie später, richtig. Das Einzige, was du getan hast, war hier. Also erlaubten wir den Leuten, Sekunden vor dem nächsten Übergang zu warten. Richtig? Und Sie haben den Übergang einbezogen, indem Sie eine Klasse entfernen und dann die Klasse später wieder hinzufügen. Okay, das steht alles in der Lektion. Vielen Dank. 71. Animation mit setInterval: Hallo. In der letzten Lektion erstellen wir eine Animation mit Übergang, aber Übergänge werden in allen Webbrowsern unterstützt und werden unterstützt. Wenn Sie alte Brüder wie Intern Express 799 und einige sehr alte Firefox unterstützen müssen, dann ja, Einheit ist die Einstellung. Schrecklich. Aber wenn Sie keinen Zeh haben, tun Sie es nicht so. Dass ich Ihnen bald zeigen werde, weil es langsamer und gut ist, ist es schwieriger, es zu schreiben. Und das nächste ist, dass Sie kein CSS an einem Ort haben werden, und Java's könnten an einem anderen Ort sein. Okay, das ist also nicht die beste Lösung. Sie sollten es vermeiden. Dies, dass Sie jetzt Übergänge verwenden sollten. Sie können viel mehr mit ihnen tun. Dies ist nur ein leistungsfähiger Weg, um Animation zu machen. Aber wenn du musst, dann Onley. Dann benutze das besagte Intervall Das ist die Lösung zum Erstellen von Animationen in JavaScript. Okay, warum hat Interval gesagt? Weil, Nun, schauen, wenn etwas bewegt, die Wahrheit ist, dass es bewegt sich nach, zum Beispiel, 30 Millisekunden jeder Stern zu mir Sekunden. Es bewegt sich nur. Zum Beispiel, eine One-Positionen. Es ist so, so, so schwer. Wir müssen nur eine Einstellung erstellen. Schrecklich, das wird in der Funktion. Bewegen Sie zum Beispiel etwas, sagen Sie zu viele Sekunden und ja, es wird es einfach nach rechts bewegen. Wir müssen einfach umziehen. Zum Beispiel, diese Box, die wir hier haben, haben wir es hier, damit wir uns bewegen können. Zum Beispiel die linke Position der Seite. Wie man es macht. Wir brauchen nur einen Zugang, um das zu benutzen. Nein, nein, nein, nein. Dies Aber wir müssen eine spezielle Variable erstellen, die wir diese speichern. Warum? Denn das Verkaufsintervall ist wirklich im Fenster, weil es immer im Fenster ist. Diese würden hier zugreifen. Das Fenster, rechts. Also verwenden wir das Selbst jetzt, und wir können zum Stil links gehen und Sie können hier nicht zuweisen, zum Beispiel, jemals in der Lage, dass erhöht werden. So zum Beispiel, I Das gleich Null ist und wir können nur ein Zeichen hier ich würde jedes Mal erhöht werden, um Intervall um Dysfunktion zu setzen . Richtig? Also alle 30 ich Sekunden und wir müssen die Picks uns am Ende hinzufügen, so dass Ah, weil Sie nach der Anzahl Pixel brauchen, richtig? Obama ist Sie sehen, dass es sich bewegt, geben Sie es schneller bewegen wollen. Also ist es aber sehr klein für, aber es nimmt viel mehr Computer-Kräfte. Man kann sagen, es bewegt sich ein bisschen kleiner für so das ist, wie man es macht. Meinen. Sie können alles animieren, was Sie machen können. Sie können die Deckkraft verringern, können tun, was Sie wollen. Du kannst dich ändern. Wir haben nur bis zu dir. jedoch Dies istjedochnur ein bisschen länger. Und wie Sie sehen können, greifen wir von diesem Ort aus auf Größe aus dem JavaScript. Es ist besser, Zeh wirklich CSS an einem anderen Ort zu haben. Ah, von Javascript. Okay, du hättest nicht einmal beides haben sollen. Bob, du solltest beides in einem haben. Gut. Also, vielleicht lassen Sie uns darüber reden, wie wir es stoppen können. Denn wenn wir laufen, benötigt würde nur laufen. Also, wie kann man es stoppen? Wir sollten einfach das Intervall löschen, oder? Weil manche Leute schwer denken, dass, wenn ich zum Beispiel größer als 100 bin, dann werden wir es unter 100 halten. Wenn nein, dann wissen Sie es, richtig? Okay, es ist Stopp. Aber die Wahrheit ist, dass es immer noch falsch ist. Aber hier gibt es einfach nichts zu rennen, oder? Wir sollten die Totalität dieses Intervalls stoppen, so dass wir Kritiker acht benötigen, zum Beispiel , sind in der Lage , zum Beispiel, Animation Idee wird es so nennen, und wir müssen es löschen. Wenn ich also größer als 100 bin, möchte ich das Intervall mit der Animationsidee so löschen . Wenn wir uns also erfrischen, wie Sie sehen können, hört es wie vor einer Sekunde auf. Aber jetzt, ähm, es hört auf. Es hält wirklich richtig an. Es wird nicht ausführen und andere Operationen im Inneren. Also wieder, verwenden Sie es nur, wenn Sie Zeh haben. Das ist alles in der Lektion. Vielen Dank. 72. Galerie mit Thumbnails': Hallo. Heute werde ich Ihnen zeigen, wie Sie eine Galerie mit einer Kombination mit Miniaturen erstellen , die so aussehen . Also, wenn die Person in auf Ihrer Website ist, kann er leicht, indem er seinen Mund über die Miniaturen bewegt, sehen Sie die größere Version aus dem Bild an einem anderen Ort wie hier. Dies ist sehr nützlich, weil Sie den Platz auf Ihrer Website sparen und die Benutzeroberfläche verbessern . Richtig? Denn wenn wir hier alle großen Bilder hätten, würde es viel Spaten mit nur und wahrscheinlich irgendwo hier dauern. So etwas zu haben, verbessert die Benutzererfahrung auf Ihrer Website. So wird er die größere Version sehen. Er kann genau sehen, ob es der Gegenstand ist, den er sucht, und später kann er einfach, zum Beispiel, etwas zum Korben. Also haben wir in dieser Lektion versucht, ein Galeriebild zu erstellen. Okay, ich habe bereits Bilder hinzugefügt, wie Sie auf unserer Website für Bilder sehen können, die wir verwenden möchten, und ich habe eine Diff erstellt, die wir gerade Image Gallery genannt haben, die alles wie Hauptbild beginnen wird , wo wir die Bild, das die größte und vier Bilder, die ah waren, die auf dieser Website waren, oder? Diese meine Website, die polnische Website über Teile für vertikale horizontale, Brians etcetera Und wirklich, das ist die Verbesserung der sagen, es gibt gute Sache zu tun. Ah, um das zu tun. Lass es uns tun. Wir haben diese Bilder hier hinzugefügt. Wie Sie sehen können, haben wir zu ihnen alle Bigots beginnen und jetzt würde ich sie gerne haben wir zu ihnen alle Bigots beginnen und jetzt würde ich sie gernekleiner machen. Wie es geht. Nun, ich denke, wir sollten uns an eine Klasse halten, die Tom Name nennt. Okay, es gibt keine Co-Zahlen und Tempo es hier und nichts hat sich geändert. Wir müssen zum Tom Stites CSS und Flugtypen gehen, zum Beispiel, mit 60 Spitzen ist und jetzt, wie Sie sehen können, haben wir sofort kleine Bilder und einige Leute würden jetzt sagen, Hey, aber Sie Größe dieser Bilder neu. Sie sollten ah, kleine Bilder und große Bilder haben. Richtig? Und was muss ich zu sagen? Sagen Sie diesen Leuten, diese Lösung ist auch schlecht, denn wirklich, wenn Sie Bilder haben, die groß und klein sind, müssen Sie zwei Versionen dieser Bilder behalten. Sie müssen zwei Versionen dieser Bilder erstellen. Es braucht die Zeit. Das ist eine Sache. Zweite Sache ist, dass Sie die Anfrage an Ihre Website erhöhen, die mehr Anfragen sein werden . Ihre Website, die Zeitalter Website bedeutet. Wir laden langsamer, noch langsamer. Wenn es Größenänderungen von Elementen auf Ihrer Website gibt und zusätzlich zu diesen, könnten Sie Ihrem so genießen Optimierung helfen, richtig? Weil sie für die gleichen Bilder hier und für die gleichen Bilder, die klein sind, klein und babe, dass das würde nur, du weißt schon, du weißt schon, Cardio-Chirurg, Chirurg , beitreten Optimierung. Also wirklich, ich denke, die Lösung ist einfach besser und es ist schneller zu tun und es wird auch besser funktionieren. Also haben wir keine Tamponnaise, oder? Und lasst uns jetzt etwas mit diesem Land machen. Also, wenn wir zum Beispiel eine Maus über eine von ihnen haben, wollen wir eine rote Linie darunter sehen, richtig ? Also, wie es zu tun? Nun, wir können etwas erschaffen. Ich Tamponade Übergabe Effekt und wir können die Grenze an den unteren zwei Picks sonst Seele es lesen, zum Beispiel, wir könnten sie überall schaffen, Aber lassen Sie es anders sein, jetzt können Sie eine l andere Indikator machen, aber es ist wichtig zu beenden DeCurtis. Also bemerkte der Benutzer, Ah, das ändert sich etwas. Richtig , Onda. Wie Sie sehen können, haben wir etwas geschaffen, das aber ich d springt. Warum springt, weil das Zusammenführen funktioniert, wenn Sie es hier haben, sagt die Verschmelzung, dass Sie halten müssen, dass die Ehe richtig ist. Wir können es ändern, indem wir so etwas wie das Zusammenführen von unten auf. Wechsel zu minus zwei wählt uns aus. Wie Sie jetzt sehen können, funktioniert alles gut. Okay, nachdem wir unseren Mund über einen von der Sache bewegt haben, würden wir gerne etwas im Hauptbild zeigen. Wir sollten auch dieses Hauptbild hier deklarieren und ändern Sie die mit, zum Beispiel, die Größe von diesen Jungs für so 450 Fixes und Höhe, sie wird 263 Bilder sein. Also müssen wir hier gleich Platz machen. Und wir wollen ihre Bilder setzen. So möchten wir zunächst etwas in das Hauptbild einfügen möchte hier ein Sample emittieren, denn gerade jetzt gibt es nur die richtige leere Tiefe. Also lassen Sie uns um, 100 für das Hauptbild erstellen . Richtig? Dokument. Holen Sie sich eine Zitrone von I. D Maine Bild. Und lassen Sie uns Bild hinzufügen. So erstellen Sie ein Bild. Wir müssen nur so etwas tun, wie wir im Bildbereich gelernt haben, damit wir es konnten. Aber jetzt ein Bild und wir können es einfach zu ihnen Abschnitt wie das hinzufügen. Und wie Sie jetzt sehen können, Oh, wir haben, dass Ihr leeres Bild, richtig, dass wir jetzt halten sollten Quelle, zum Beispiel. So können wir es jetzt ziemlich einfach verwenden, um es zum Beispiel, erste Bild zu ändern . So können wir so etwas wie Bild, diese Quelle und wie man das erste Bild bekommt. Wir könnten es zum Beispiel tun , so etwas. Ein Bild und dann Macanese 5 17 Und wie Sie sehen können, haben wir hier jetzt mit dem ersten Bild, richtig, weil wir von etwas anfangen müssen, weil der Benutzer nicht sofort brauchen. Haben Sie seinen Mund hier, oder? Stellen wir uns das vor, denn es sieht ein bisschen schlecht aus. Verschmelzen Sie unten, sagt Tim Pick über Dwell. Jetzt müssen wir es ändern, richtig, richtig, aber ich denke eine Sekunde über die Lösung, die wir gerade gewählt haben. Ist es gut? Nun, es funktioniert, aber jetzt stellen Sie sich vor, dass Sie viele Produkte haben. Wie zum Beispiel auf diesen Websites. Richtig? Wenn wir also eine andere Website gehen, gibt es viele weitere Produkte, die Sie für jedes erstellte Produkt benötigen. JavaScript. Weißt du, du müsstest diese Zeilen ändern. Sie benötigen Zehe beteiligt, eine spezielle Funktion. Zum Beispiel benötigen Sie Zehe, die einen Korb haben. Fünf für jeden HTML fünf verschiedene Javascript fünf. Diese würden Lourdes Lourdes einfach von der Zeit nehmen. Unser Mantel sollte universell sein. Es sollte jedes Mal funktionieren. Also, wie es zu tun? Nun, hier haben wir eine Klasse etwas, oder? Wir könnten es verwenden, um alte Romney's zu bekommen, damit wir so etwas wie Dokument Element nach Klassennamen bekommen und es hier speichern können. Onda. Wir können jetzt genau so etwas tun. Tomlin bekommt Attribute und als unser c gut, und das ist alles, Oh, Familien von Null, weil Unternehmen irrtümlich richtig? Und wie Sie jetzt sehen können, haben wir das erste Bild bekommen. Das Kühle an dieser Lösung ist, dass sie universell ist. Nun, wenn wir die Reihenfolge ändern, wie Sie sehen können, wird es den ersten Bild-Check ändern, das erste Bild bekommen, richtig? Es spielt keine Rolle, was wir hier machen. Wir können bei Ihnen ein Bild. Wenn wir nur die und die Bilder nehmen, würde es nur 1. 1 Es ist also sehr, sehr cool. Okay, also ein D's in universellen Code, um das erste Bild zu setzen. Jetzt sollten wir zu all diesen Typen gehen. Und wenn wir eine gute Maus über einen von ihnen haben, dann sollten wir sie ändern. Der Typ hier. Richtig? Okay, also lasst uns das, was ich denke, für niedrig benutzen, weil wir alle durchgehen. Und lasst uns das Land der Tom-Namen als Bedingung benutzen, weil ihr alle durchgehen wollt, oder? Und jetzt wollen wir noch ein „So Tom“ -Spiel hinzufügen. In Ordnung. Fast vorbei. Das wird ein, aber das wird eine Dysfunktion aufrufen, wenn wir die Maus über eines dieser Unternehmen haben . Richtig. Okay, jetzt müssen wir einfach die Bildquelle ändern, die hier ist. Recht auf was? Zum Beispiel erhält dieser Punkt eine Tributquelle. Und das ist alles. Hör zu, er arbeitet. Nun, dieser Teil war nicht schwer. Wie Sie sehen können, einige Dinge Herz aussehen, wenn Sie Javascript suchen, aber sie sind wirklich nicht so. Nun, Nun, jetzt gibt es etwas sehr Wichtiges. Wenn wir die Website starten,wäre es eine gute Idee,dass wir irgendwo einen Indikator auf der Tam haben. , Wenn wir die Website starten,wäre es eine gute Idee, Nein. Wie zum Beispiel diese rote Linie hier, weil der Benutzer vielleicht nicht weiß, dass er seinen Mund hier benutzen muss. Richtig? Okay, also wie geht es? Ich denke, wir sollten eine spezielle Klasse schaffen, dass wir einfach dasselbe tun, was hier gemacht wurde , oder? Und dem ersten Kerl hinzugefügt. So könnten wir zum Beispiel etwas wie Unternehmen von Null machen und zum Klassennamen hinzufügen. aktuelle Klassenname ist eine Eigenschaft, die die Klasse speichert. Es ist sehr nützlich, weil Sie eine andere Klasse hinzufügen können, indem Sie nur diesen Operator verwenden. Und wie Sie jetzt sehen können, zeigt es an, dass dieser Kerl gewählt wurde. Es fängt an. Und wenn wir uns auf andere bewegen, na ja, diese Jungs werden nicht sofort entfernt werden. Du musst es manuell machen, oder? Also sollten wir es entfernen, wenn wir auf einem von diesem bewegen, dass Unternehmen, lassen Sie uns in der temporären Variable speichern, die passiert. Also Auto und Tom Name, der richtig gewählt wird. Sollte irgendwo anfangen, so können wir es später leicht ändern. Wir wollen diese Strömung, oder? Es funktioniert immer noch. Ähm, nun, es ist keine Gesellschaft. Natürlich sollte der Klassenname hier stumm sein. Okay, hier sollten wir jetzt von den aktuellen Schinkennamen vom ersten Kerl entfernen. Verlassen Sie sich auf Tom. Nennen Sie Klaus-Namen. Und jetzt, wie man einen von der Klasse entfernt. Weil wir hier viele Klassen haben, oder? Wir könnten keine Manipulation sein. Und in der gleichen Zeit, aktuelle und verwenden Sie die Sache, die Sie bemerken würden, dass wir gute Luft, aktuelle Klasse und Unternehmen, wie man auf der einen von ihnen entfernen. Wissen Sie, wir könnten zum Beispieldie Tampa eingeben, die Tampa eingeben, wissen Sie, und es wird sie entfernen. Das Problem ist, dass was, wenn Sie ein anderes Wunder hätten, dass das später Probleme verursachen könnte ? Sind kalt sollte universell sein. Die Wahrheit ist also, dass dies eine Schnur ist, richtig? Also konnten wir verwenden und wichtig, dass dies ersetzen könnte, über das ich im Stringbereich spreche , und wir können die Sie verwenden, dass Metallspitze den Strom zu nichts ändern, was in Ordnung und sicher ist. Die Sache, die von dieser Funktion zurückgegeben wird. Und diese Dysfunktion gibt den Wert ohne den Strom zurück. Richtig? Das ist also nur die Klasse mit dem gewöhnlichen Mann und wir weisen sie dem Klassennamen zu. So, wie Sie jetzt sehen können, ist es zu entfernen. Richtig. Es funktioniert also gut. Jetzt haben wir ein anderes Problem. Das Problem ist, dass, wenn ich von hier weggezogen bin , ,sich der Benutzer möglicherweise nicht mehr erinnern, wo er endete. Richtig? Er kann hier schauen, aber hey, neue Stunde eintreten. Kämpfe sollten intuitiv sein. Also ist es rezitieren Höhe. Du bist auf diesem Kerl, damit wir den jetzigen Tempel wechseln können. Es ist etwas dazu. Also die, die wir sind, haben wir die Maus über und wir können der Klausel hinzufügen Name eine Bande. Die aktuelle Klasse. Richtig? Wie Sie jetzt sehen können, haben wir die Benutzererfahrung auf unserer Website verbessert, oder? Wenn wir frisch sind, weiß er, dass er hier ist. Wenn wir in einen anderen gehen, weiß er, wo er ist und wenn er seinen Mund verlässt, weiß er immer noch, wo er ist. Okay, so machst du so etwas an. Und wie Sie sehen können, ist Javascript nicht so schwer und es ist auch schwer, Dinge zu tun, die am Anfang suchen. Schwer zu tun. Das ist etwas, was diese Lektion ist. Vielen Dank. 73. Tooltipps: Hallo. Heute werde ich Ihnen zeigen, wie Sie einen Tooltip erstellen, der so aussieht. Ein Tooltip ist also nur eine Box, ein Container mit Angriffen, der neben dem Element angezeigt wird, das Sie haben. Legen Sie den Mund auf. Richtig. Und okay, gehen wir. Das haben wir keine Hinweise. Jetzt wollen wir es auf jedem Element haben, dass wir eine Klasse haben, die getötet wird, um zu kippen. Dies ist die beste Lösung. Denn wenn Sie einen weiteren Tooltip hinzufügen möchten, müssen Sie nur dann nur in der Klasse, richtig? Und die Sache, die Einsicht sein wird, das Werkzeug kippt den Behälter ab, ist die Sache, die innerhalb des Titels eingegeben wird. Ich denke, es ist auch eine gute Lösung, weil Titel auch gut für sechs Suchmaschinen-Optimierung ist . Und zusätzlich zu diesem Titel ist etwas, das auf einem Element sein kann. Richtig. Sie könnten also wahrscheinlich das alternative Nachrichtenattribut sein, Aber wissen Sie, Aber wissen Sie, dies billigt auf die Bilder, die wir wollen, um an einem Tooltip auf mögliche Elemente hinzufügen zu können. So, zum Beispiel, Eingaben. So können Sie zum Beispiel, hier ist ein Kerl, den er etwas tun muss. Sie sind ein bisschen anders oder so. Ist das richtig? Eso, lass es uns tun. Lassen Sie uns eine Funktion erstellen, die wir aufgerufen haben, Tool-Tipps erstellen, okay. Und wird einbeziehen. Sie haben nach dem Laden unserer Website begonnen und wir möchten alle möglichen Elemente erhalten, die der Klasse erzählt wird. Richtig. Lassen Sie uns also eine variable Elemente mit erzählten Tipps erstellen. In Ordnung, also hier haben wir. Gut. Nun dieser Anker, dieses Bild, dieses Bild, dieses und dies Wenn Sie einen anderen Kerl mit der To Tip Klasse hatten, wird es auch hier hinzugefügt. Also das ist die coole Sache ist, dass wir in der Lage sein werden, einen Biss auf jeder Website zu installieren, indem nur Dysfunktion aufrufen. Richtig? Okay, also müssen wir zu allen möglichen Elementen gehen, oder? Wenn Sie also zu etwas gehen wollen, verwenden Sie immer einen Blick. Lassen Sie uns also eine Schleife erstellen, die wir bei Null beginnen. Und lassen Sie uns die Bedingung schaffen, die wir um diese machen Dieser Blick, solange wir nicht bis zum Ende von ihnen bekommen, ging es zum letzten Element Wer hat gesagt? Richtig? Das sieht also so aus und wir müssen jetzt dasselbe tun, wie wir es hier getan haben, richtig? Wir brauchen Teoh bei jedem möglichen Element alle Meilen über sogar. Und lassen Sie uns Stunden etwas hören. Also, zum Beispiel, ein Mal sehen, ob es funktioniert. Okay, es funktioniert. Es funktioniert nicht ständig, oder? Warum? Warum arbeitet hier und warum es hier nicht funktioniert. Ich hoffe, Sie sehen sich mein Video über sogar Zuhörer an, denn dies ist die Situation, in der Sie den geraden Zuhörer verwenden müssen. Schau, diese Methode wird aufgerufen. Du, stimmt's? Dysfunktion wird hier aufgerufen. Du könntest dir fast vorstellen, dass es so hier wäre, oder? Was bedeutet, dass wir fast über sogar zwei weitere hinzufügen, fast vorbei. Sogar schleppen diese Elemente eine Funktion wie diese und wir überschreiben in der Linie 35 toe alle möglichen Bilder, weil wir auch die fast über auch für Tom Nice direkt an diesem Ort verwendet . Deshalb funktioniert es nicht. Und deshalb sollte er auch Zuhörer benutzen. Okay, denn wenn du es so machst, richtig, äh, äh, Meilen rüber und hier auch so bei sogar Zuhörern meilenweit über dem Hintern. Wie Sie jetzt sehen können, funktioniert es überall gut auf einem Unmöglichen. Adamant, wenn Sie alle Browser unterstützen möchten, sollten Jahre die fast override verwenden. Aber wenn Sie nicht brauchen, um das zu tun, hat er den Kopf sogar. Hör da zu. Denn selbst wenn du zum Beispiel beleidigst , steckt jemand richtig steckt jemand richtig mit den Tool-Tipps. Und du hattest schon so etwas, dann wirst du sagen, Hey, warum es nicht funktioniert. Oh, es funktioniert einfach nicht. Weil mit fast über zu tun, er tote Weg richtig. Okay, also haben wir dieses Problem jetzt gelöst und jetzt wollen wir es. Wenn wir den Mund darüber haben, wollen wir eine Maut tief zeigen. Richtig? Aber zuerst müssen wir eine totale Tiefe schaffen. Okay, also lass es uns tun. Und ich habe hier in STAIs bereits das CSS für die Tip hinzugefügt. Ich habe eine Rahmenhintergrundfarbe gehört, und der wichtigste Teil davon ist die Position. Ok? Es muss absolut sein, damit wir es bewegen können. Sie kennen den Ort auf unserer Website, oder? Und ich sagte auch hier, ähm, Telefongröße Party und ich habe studiert, um keine anzuzeigen. Und um zu beginnen, lassen wir die Spitze ist jetzt nicht wichtig. Es spielt keine Rolle. Wo fängt es an? Richtig, also tun wir nicht diese Kilobyte hier. Ehrfürchtig. Und nun, für eine Sekunde, die die Anzeige von jetzt an geändert hat, zu blockieren, was Standard ist, rechts, Ondas Sie können sehen, es ist nirgends, weil wir diese Elemente nicht erstellt haben. Wir könnten es hier manuell erstellen, fahren wie die I d bam, bam, bam bam! Aber weißt du, du hättest es später auf jeder möglichen Website hinzufügen müssen. Ich denke, es ist eine gute Idee, nur mit ihrem Javascript zu erstellen. das richtig, wie man es macht? Wir können einfach etwas tun Dokument Element erstellen und einfach ein dif erstellen. Rechts, Speichern wir es in der gesamten Containervariable. Und jetzt brauchen wir nur noch die Zehe hinzugefügt. So Dokument Körper über das Kind zu tief Contin e Und wenn wir unsere Website sie aktualisieren, benutzen wir das Feuer. Bach, wie Sie hier sehen können, hätte das verstanden, Dave. Aber es hat diese ich nicht. Also müssen wir es nur hinzufügen, wie es geht. Wir müssen nur auf Tip Container verweisen und in die id Eigenschaft gehen und es nur gesagt, um Container zu kippen, richtig. Und wie Sie jetzt sehen können, wenn wir uns erfrischen. Es hat eine gute Idee, was auch bedeutet, dass Ah, es wird auftauchen, wenn wir zum Beispiel mit 500 großen Servern und hohen 500 Pixeln setzen zum Beispiel , zum Beispiel direkt an. Wie Sie sehen können, ist es hier. Okay, es ist sehr groß, aber es ist ihr Recht, Lassen Sie uns für Nun setzen, Ich habe die Position absolut von jedem einzelnen gelöscht. Also, das ist benutzen Sie die Position. Absolute. Und lassen Sie es für eine zweite Zehe oben und links, damit wir es hier sehen können. Okay, Wir wollen wissen, wann wir unseren Mund über einem der Bilder haben, um den Text zu ändern. Du, wie man es macht. Nun, wir brauchen nur die Referenz, machen Sie den Container richtig und ändern Sie die Energie HTML in was immer wir wollen, genau wenn wir es so machen, würde es nur die Sache ändern, die wir gerade Zeit haben. Wenn Sie es ändern möchten. Also da. Ich denke, das ist innerhalb der Elemente mit tief rechts, wir wollen es auf den Titel ändern. Also müssen wir es nur dahin ändern. Dieser Titel Titel ist eine Eigenschaft aus dem Element, das wir gute Maus über haben. Wenn das überhaupt passieren wird, richtig? Wie Sie sehen können, wie wir das Ding hier oben ändern, oder? Es sieht hübsch aus. Okay, okay. Also, jetzt müssen wir auch die Position ändern, oder? Also, wie es zu tun? Wir müssen nur die erzählte, um Container zu kippen, zu dem Stil links zu bekommen und sagte es. Wir können das geraden Objekt bekommen, um die Informationen zu erhalten, wo das, obwohl Curt richtig ist und etwas wie E tun, dass Client X plus Picks ist. Und wie Sie jetzt sehen können, ändert es ihre linke Position. Wir müssen das Gleiche auch in die Spitzenposition bringen. Also Crean, Top und Creon warum? Wie Sie jetzt sehen können, folgt es uns. Ziemlich okay. Die ein paar Probleme Noch, das erste Problem ist, dass, was passieren wird, wenn wir Männer in der Schwangerschaft haben? Wie Sie jetzt sehen können, ist es nach oben späht. Es liegt daran, dass Cleon X gerade zurückkehrt und uns den Ort zurückgibt, an dem sie sogar ohne die Schriftrolle vorkommen würden. Okay, Also, wenn du Andi auch die Schriftrolle einschließen willst, sollten wir so etwas wie Plus machen und hierher kommen. Wie viele Pixel Wisc auf das linke So Dokument Dokument Element geschrieben. Diese Schule, ähm, links. Und wir müssen auch viel nach Hause kommen. Wir scrollen nach oben, und das war Sie zugeben, gut zu arbeiten. Sogar, bis wir viele Pausen haben. Okay, also lasst uns die Bremsen entfernen. Es wäre also einfacher für uns, dieses Mädchen zu debuggen. Und jetzt haben wir gut. Noch ein Problem. Das erste, was ist, dass es oben auftaucht. Und die zweite Sache ist, dass, wenn wir hier sind und gehen, es immer noch da sein wird, oder? Okay, das wäre nicht schwer zu sich selbst. Wir müssen diese Anzeige nur auf „non“ ändern. Jetzt. Es spielt keine Rolle, wo es der Anfang ist, damit wir das Kilobyte retten können. Und, nun, wir müssen einfach so etwas wie Maus machen, oder? Wir müssen die Maus abnehmen. Trotzdem, wenn die Maus draußen ist, wollen wir den Tooltip-Container ändern, der das Display an ich weiß nur gebunden ist, wie Sie jetzt sehen können. Nun, jetzt werden wir auftauchen. Es wäre so Sache, den Block zu ändern, wenn wir eingeschaltet sind, und jetzt verschwindet er richtig, richtig ? Es ist auf seinem, was? Ja. Ok. Aber wir haben jetzt ein sehr großes Problem. Dennoch, wenn wir gut die Maus über das Element, das wir wollen Teoh haben die über Own kippen, wie Sie sehen können, wenn wir auf dem Element ein bisschen länger sind und wir stehen still, wir haben gut den Titel temperamentvoll Macanese für ein und es ist über unsere schöne geneigt. Wie man es entfernt. Aber wie man es nur für eine Sekunde entfernt. Nun, um drei Film. Tippen Sie einfach etwas, dass dieser Titel auf? Du hast es gerade gesagt. Tu es nicht, glaube ich. Und das können Sie jetzt sehen, sagen wir es nicht, aber das Problem ist, dass es auch verschwindet. Richtig? Also legen wir es zurück, machen das Ding, das da war. Also, aber wie setzt man es in die Tasche, wenn es hier drüben entfernt wird, richtig? Wir die temporären waren in der Lage mit Laden oder Titeln Stock. Also lassen Sie uns einen Bereich erstellen, in dem wir alle möglichen Titel speichern und das ist das etwas temporäre Titel aus Ich bin und lassen Sie uns hier Elemente mit Abschlepp-Tipp off unterzeichnen. Ich diesen Titel. Das wird uns hier alle möglichen Titel geben, oder? In dieser Reihenfolge von der Website und wir können es hier verwenden, richtig? Wir könnten so etwas wie temporäre Titel aus I. Wie furchtbar gut. Immer noch ein Problem. Es funktioniert nicht. Warum? Nun, das war ich überrascht. Wenn Sie so etwas wie diese Warnung auf fünf tun, werden Sie feststellen, dass es fünf sind. Warum es fünf ist, wenn es 012 frei für jede Zitrone sein sollte. Es sollte anders sein, oder? Denn gut, hier irgendwie ist es 01234 Warum hier nicht fünf. Ich weiß nicht genau, warum das vielleicht wieder sein könnte, aber ich weiß, wie ich es lösen kann, um es zu lösen. Wirklich? Verwenden Sie die FARC, die, äh, Zitronen mit erzähltem Tipp ist wirklich ah und ein Ich, um ein Element zu schreiben. Und es ist nur ein Objekt. Sie können dem Objekt eine beliebige Eigenschaft hinzufügen. Wir machen so etwas, und wir können einfach über die neue Immobilie nachdenken. Also, wenn, zum Beispiel, temporäre i D und ich hier zuweisen können Hallo, was hier immer noch vernünftig ist, richtig? Und wegen ihm können wir einige Dinge tun, wie, lassen Sie uns auf diese vorübergehende, die ich auf, wenn wir es aktualisieren. Sogar mit der Arbeit hat die Feuerrinde benutzt. Nun, es funktioniert nicht. Mm. Oh, es tut mir leid. Hier sollten wir so etwas tun. Natürlich haben wir die, ähm, die Sammlung hinzugefügt ähm, . Die temporäre Idee. Ich hätte es jedem hinzufügen sollen. Eine Zitrone. Richtig. Okay, jetzt, wie Sie sehen können, funktioniert es gut. Alles funktioniert einwandfrei. Das Coolste an diesen beiden TB ist, dass Sie diese Funktion nur in diesem Stil aufrufen müssen , weil natürlich Sie sie natürlichaktualisieren können, und Sie müssen nur die zwei Spitzenklasse hinzufügen. Dann denken Sie einfach über den Titel nach. Das ist Loch und du wirst eine schöne Neigung haben. Natürlich könntest du es anders machen. Zum Beispiel könnten Sie nicht auf der Steuer zeigen, die Sie hier und größeres Bild zeigen könnten. Das liegt an dir. Was erschaffen Sie, wie Sie erstellt haben? Ich bin sicher, dass Sie nach all diesen Lektionen aus diesen Autos fast alles schaffen können, was Sie wollen. Versuchen Sie es weiter. Wenn Sie irgendwelche Probleme haben. Wenn Sie Fragen haben, fragen Sie mich einfach als Übung. Ich möchte, dass Sie diesen noch Tipp aktualisieren. So geht es zum Beispiel, zeigen Sie nach ein paar Minuten Sekunden. Richtig. Also mach es mit Übergang. Wir sprechen über die ein paar Lektionen vor, dass der Verkauf der Lektion. Vielen Dank. 74. Firebug: Hallo Heute werden wir über Box Box Box sprechen, die er schießen will. Willst du sie umbringen? Ein Zurück ist ein Fehlerfehler, der nicht etwas ist, was Sie in Ihrem Code sehen möchten, oder? Weil es nicht funktionieren wird. Irrtümer sind also etwas, das du viele Male machen wirst. Und mach dir keine Sorgen, denn jeder Körper macht viele Fehler. IDU-Fehler menschlich. Wir machen sie. Verbessere dich einfach weiter, und du würdest nur weniger davon machen. Okay, aber wenn sie passieren, ist es eine gute Idee, ein paar Werkzeuge zu haben, die Ihnen helfen, sie zu lösen. Richtig? Und es gibt ein Feuer zurück bis für den Firefox. Sie können einfach auf Ihre Installation Fire zurück klicken, und Sie werden dann so etwas haben. Wir benutzen Tore, die Toby weit weg sind, schnell. Überprüfen Sie die Position von etwas Richtiges. Mit diesem Tool hier können wir leicht überprüfen, wo was? Was ist denn so vor sich? Diese sehr nützlich für die Überprüfung Wenn alles vor sich geht, ändert sich alles. Gut. Weil diese Quelle hier dynamisch ihre Minuten-Tools wie das aktualisiert wird. Mit anderen Worten, Brüder, die Sie nicht brauchen, um Firefox verwenden Sie können zum Beispiel dort, um, in der Gruppe aus, wenn Sie die Shortcut-Steuerelemente Chef verwenden. Plus Jay, Sie werden die Entwicklerspitze so sehen, was sehr ähnlich ist. Und Sie können Google Chrome verwenden. Du kannst das Internet benutzen, Dexter. Dort bist du Bach F 12. Andi, Sie können was benutzen? Und sie waren Bruder, den du in Werkzeugen finden würdest. Das ganz einige oder so etwas. Dies sind die beliebtesten Web-Browser, oder? Und sie haben solche Werkzeuge. Sie können CSS natürlich auch hier sehen . Was nicht ist, Sie wissen etwas, der diese Arbeit fragen, aber immer noch kann es Ihnen helfen, einige Dinge zu tun. Wenn Sie Recht haben, können Sie sogar etwas wie entfernen und sehen, was passieren wird, wenn ich den absoluten Wert entferne , richtig? Absoluter Wert entfernt und gibt nicht zu. Jetzt ist es hier, unten. So können Sie wieder viele Dinge online. Er hätte das Dokumentobjektmodell, so dass Sie einfach überprüfen können, wenn Sie auf einem aus dem Element gehen . welche Werte Sie zugreifen können, oder? Ziemlich einfach. Sie haben bei Net Co. Dies ist sehr nützlich, weil Sie sehen können, wie weit Ihre Website geladen ist? Was Sie verbessern sollten, um es schneller zu machen. Richtig? Sie haben auch Kekse. Cookies sind auch sehr wichtig, denn dann können Sie sehen, ob das Cookie richtig war oder nicht. Wenn es vorhanden von Note etcetera. Sie haben auch ein Tool, das Seitenspuck genannt wird. PHP. Geschwindigkeit ist auch sehr nützlich, weil Sie klicken, analysieren und überprüfen, wie Farce und wie Ihre Website funktioniert. Allerdings bevorzuge ich die Performance wirklich. Dennoch ist das von Google Chrome. Okay, ich denke, es ist besser. Nein. So gibt es auch einen Rat auf. Wir werden später über Rat sprechen, weil Sie hier Pfeile sehen können und Sie Ihren Code auch mit dem Rat ziemlich einfach debuggen können. Die während der Unterrichtsstunde. Vielen Dank. 75. Console: - Hallo. Heute werde ich Ihnen den mächtigen Weg von Debugging mit Rat zeigen Ein Rat ist etwas , das wir zeigen Ihnen Fehler, wenn Sie sie machen, wie Sie sofort sehen können. Wir haben hier und Informationen Welcher Fehler wurde gemacht? Natürlich, ich d zeigt Ihnen Fehler auch, aber ich denke, dass Rat manchmal kann Ihnen etwas zeigen, dass Ihr Ich d Ihnen nicht zeigen wird. Ok? Und es gibt noch eine Sache, die sehr cool am Rat ist. Sie können dem Rat Schlösser geben. Sie können so etwas wie Rat tun, dass Locke und zum Beispiel Hey, ich möchte sehen, was mit temporalen Titelwerten nach jeder Iteration los ist. Richtig? Und wie Sie sehen können, können Sie es leicht sehen. Oh, vielleicht konnten wir auch sehen, was mit dem Elfenbein richtig los war. Ok. Außerdem sieht die Ivory Able einmal aus wie das Null-Zuhause. Schlagen Sie es, machen Sie McCann Leichtigkeit. Okay, also funktioniert alles gut. Und Sie können es sogar nur durch die Zeit verbessern, indem Sie temporäre Titel eingeben, aber Sie werden sofort Wörter sehen, die nach jeder Wiederholung los werden. Wenn Sie auch ein bisschen mehr darüber sehen wollen, können Sie etwas mit diesem Kultverzeichnis verwenden, das, naja, wie Sie ausdrucken können, sogar diese Jungs indiziert. Das ist einfach fantastisch, wirklich. Es ist also sehr nützlich für das Bellen, oder? Zum Beispiel hatten wir Probleme mit dem I innerhalb des Bereichs. Wenn wir also Dinge wie Rat machen, die abschauen, werden Sie feststellen, dass es immer fünf sind, wenn ich die Maus über habe , oder? Deshalb hat uns das ein Problem gegeben. Aber mit diesem temporären I D. Wie Sie jetzt sehen können, ändert sich es. Das Ding kann dir zeigen, was genau vor sich geht, oder? Mit Ihren Variablen können Sie den Wert leicht sehr schnell überprüfen, ohne etwas in die Ausgabe zu bringen, richtig? Wir haben einen niedrigeren Abschlag, ohne die Hinrichtung zu stoppen. Wir wollen die Hinrichtung stoppen. solltest du. Du nutzst unser Recht. Aber wenn Sie die Ausführung nicht stoppen wollen, denke ich, das Konsulat ist besser, weil es einfach ist, nur hier und wie zu schauen. Auch das ist, was zu Beginn der Narben vor sich geht, ich habe auch den inneren HTML-Code für das Abfüllen verwendet, und das ist ein guter Weg, aber das Problem ist, dass Sie etwas in der Ausgabe zeigen, damit Sie es auf Leben, nicht wahr? Du kannst das sogar live wiederhaben. Aber weißt du, du solltest so etwas nicht im Leben beenden, weil du weißt, du kannst einen anderen machen. Dies kostet Sie etwas, das Sie immer off line Deepak sollten. Aber mit dem integrierten weiblichen Problem ist, dass Sie einen speziellen Block erstellen müssen und Sie haben, um die später zu bekommen, so ist es ein bisschen langsamer. Aber ich weiß es. Wie auch immer, Rat gibt Ihnen, ich denke mehr Park und überprüfen Sie das leicht mit dem Schloss. Ähm, was genau ist los? Außerdem wird es dir ein bisschen besser ausdrucken. Du kannst dem Regisseur einen Tory benutzen , der noch mehr Informationen über etwas ausdrucken wird, oder? Nun, dieses Mal ist es auf der einzelnen Variablen. Aber wenn Sie mehr Informationen über etwas haben wollen, So, zum Beispiel, Ich würde gerne sehen, was mit den Elementen mit Werkzeug los zu hell, zum Beispiel hier. Also habe ich alle Stuhl-Tipps heruntergeladen und was los ist. Außerdem habe ich hier mit dem Index Null etwas mit diesem genannt Anker, und es hat einen Tooltip Kosten. Und es hat einen Alter Reefer und ein einfaches HTML-Bild. Ok, okay. Und ich habe Dinge, die ich hier benutzen kann. Ok? Und die Länge ist fünf. Das ist einfach mächtig, oder? Wir können leicht sehen, was genau wir mit ihrer Abfrage bekommen haben. Ah, sind mit den get-Elementen nach Klasse, Name. Und dann haben sie es getroffen. Ok, der Verkauf dieser Lektion. Ich danke Ihnen sehr. 76. code teilen: Hallo. Es wird viele Male geben, wenn Sie Ihren Mantel mit anderen teilen möchten, zum Beispiel wenn Sie ihn teilen möchten, damit jemand sehen kann, ob ein Fehler vorliegt, oder Sie können ihn teilen, damit jemand Ihren Code später verwenden kann. Richtig? Sie können es mit Ihren Freunden teilen, zum Beispiel, und dafür. Es ist sehr nützlich, ein Online zu haben, um das zu mögen. Sie werden nur Ihren Mantel von Ihrem zum Beispiel kopieren, ich d. hier. Lassen Sie uns etwas sehr Einfaches erschaffen. Zoff. Die i d einfache ich testen sie hier. Sie können ein paar CIA's machen, denn es ist auch sehr cool, oder? Sie können das CSS dafür ziemlich weit machen, also lasst uns die Farbe schnell ändern. Zum Beispiel, um zu lesen und lassen Sie uns das Dokument zu bekommen. Holen Sie sich eine Zitrone von I d einfache Idee und ändern Sie die innere html Zehe etwas Neues. Und jetzt können Sie diese Beule laufen und wie Sie sehen können, was Sie haben, gut. Das Ergebnis mit Ihnen. In Ordnung, ich will Sie ein paar Bibliotheken benutzen? Sie können überprüfen, welche Bibliothek Sie für das Schnäppchen verwenden, oder? Und weil die Sonnenbibliotheken erfordern, was wir Methoden haben, die normalerweise nicht direkt im grundlegenden JavaScript verfügbar sind , müssen Parteien von so etwas nehmen und Sie können es dann teilen. Du kannst die Leute fragen, was los ist? Sie können den Menschen die Lösung für das Problem zeigen. Dies ist sehr cool zum Beispiel, Stack-Überlauf, rechts, Sie können stapeln. Überlauf ist sehr, sehr beliebte Website. Wenn Sie es nicht wissen, sollten Sie auf jeden Fall besuchen. Sie können Ihnen Fragen stellen. Sie können für schnelle, schnelle Fragen von anderen stellen. Eso und die Leute sind hier wirklich sehr hilfsbereit. Sie werden Sie nicht an Google senden. Das wird nur die meiste Zeit haben. Okay, Onda und du kannst auch anderen Menschen helfen. Das ist eine sehr, sehr gute Gemeinschaft. Sie können es dann wissen, speichern Sie es. Zum Beispiel Creek Ihre Website. Wie Sie sehen können, haben Sie jetzt Link, den Sie teilen können Sie sehen, wie wir das neue Top öffnen und es ist sicher, so dass Sie die Lösung zeigen können. Zum Beispiel, für jemanden auf dem Leben, die Ressourcen von so etwas wie Mantelstift Es ist auch sehr cool, aber es gibt die coole Sache an diesem Zeh ist, dass Sie auch einige Arbeit von anderen finden können, oder? Ach, rein. Siehe ist dieser Inhaltsfilter. Okay, mal sehen, wie er es gemacht hat. Okay, wir haben es dir zu sehen. Das ist alles. Wie und wir können sehen, wie es läuft. Alles, was ich will, auf dem roten. Wow, diese sehr gute co. Ich habe das nicht gesehen, aber wie Sie sehen können, können Sie eine sehr gute Arbeit von anderen Menschen dort finden, die von anderen geteilt werden. Sie können dies auch teilen und ein Z stimmt zu, arbeitet sehr, arbeitet sehr, sehr ähnlich der Jury Geige, weil Sie html CSS und JavaScript eingeben können und Sie dann um den Mantel hier unten rechts gibt es auch so etwas wie Jay ist Deutschland Websites wie diese. Ich denke, das Beste ist das und das hier. Und denken Sie daran, gehen Sie zur Aktienüberlaufsuche, finden Sie die Antworten auf die Fragen, die Sie jedes Mal stellen, wenn Sie nach etwas suchen . Es ist eine gute Idee, so aussehen, Zum Beispiel, Website, wie man bei sogar Zuhörer in unserem Internet Explorer-Bombe tun. Und diese Jungs waren das Äquivalent zu dem Elementobjekt in der Explorer neun, richtig? Und zum Teufel, was dieser Kerl hat, gibt dir nur die Lösung. Du kopierst es einfach. Dann arbeitet er. Sie können dann einfach als Dankeschön sagen, Sie können abstimmen. Das ist also sehr, sehr nette Gemeinschaft, wo Sie viele Antworten auf viele Fragen finden und diese sehr schnellen Weg, etwas nur durch den Aktienüberlauf zu suchen. Sie verwenden das Google-Chromosom in und Riesen für die Suche nur durch Eingabe Seite und dann die Nacht außerhalb der Website, richtig? Und dann der Chor. Sie wollen diese Websites fragen Also wirklich, das ist ein leistungsfähiger Weg, um viele Probleme zu lösen. Sie haben scharfe Dinge dort geduldet und das ist nur das. Das ist vielen Dank. 77. Strict: Hallo. Heute werde ich Ihnen zeigen, dass etwas Gutes als Straßenmodus bezeichnet wird. Zustandsmodus ist ein Modus, der Sie Ihren Mantel strikter schreiben lässt, was bedeutet, dass wir mehr Regeln sind, die Sie verfolgen müssen. Und die Wahrheit ist, dass er dir einfach helfen wird. Denn wenn Sie so etwas verwenden gestreift und dieses Denken macht all die Kälte über die darunter, es ist in strenger Form. Wie Sie sehen können, funktioniert unser Code immer noch. Also wurde es gut geschrieben. Also, wenn du einen Co-Spaß schreibst, wird es gut funktionieren. Aber manchmal gibt es Fehler. Haben Sie wirklich wie ein Mr. Sie können schreiben? Manchmal ist etwas wie zum Beispiel X gleich fünf. Und wie Sie jetzt sehen können, haben wir einen Fehler. Warum? Weil es die Zuweisung der nicht deklarierten Variable X ist. Die Wahrheit ist, dass es in normalem Javascript funktioniert. Das Problem ist, dass dies ein globaler Meribel ist, oder? Also musst du dich immer daran erinnern, etwas zu deklarieren, und das sind Amanda-Pfeile wie diese, die durch strenge Notiz weit herausgefunden werden. Wir müssen sie nicht durchmachen. Es ist nur eine gute Idee, immer strengen Monat zu Beginn zu verwenden, wenn Sie Ihre Website entwickeln , aber es ist eine gute Idee. Auch. Zehe verzögerte die Streifen. Hinweis: Wenn Sie senden Ihre war Ihr Kampf auf Ihre Online-Website direkt Zehe Ihren Host. Warum? Denn gut, es ist besser, wenn Sie Ihren Code laufen lassen, anstatt ihn wegen einiger dummer, dummer Regeln aufhalten zu lassen, oder? Es ist besser, wenn er ein bisschen im Weg ertränkt, dann ist es keine Tür, richtig, richtig, also benutze es nur für den bellenden Zweck, weil es dich irgendwann retten kann. Es wird dir Fehler zeigen, dass dein I normalerweise nicht aufholen würde. Es wird Ihnen Warnungen geben und, naja, es wird Ihnen Zeit sparen. Das ist nur eine gute Lektion. Vielen Dank. 78. Code: Hallo Heute werde ich Ihnen sagen, was Sie tun sollten, um Maga Mantel besser durchführen. Das erste, woran Sie sich erinnern sollten und dies ist das Wichtigste ist, dass das Abrufen von Elementen aus Ihrem Dokumentobjektmodell langsam ist. Warum? Denn nun, stellen Sie sich vor, wie eine solche Funktion implementiert werden muss. Es muss alle möglichen Steuern auf Ihre HTM des Kreuzkümmels durchlaufen, oder? Um diejenige zu finden, die eine Identifikation wie diese oder die Klasse so hat. Es bedeutet auch, dass die Identifizierung, nach der sie in den schwierigen er sucht, schneller ist, denn wenn es das in der defäkierten er findet, wird es aufhören, richtig zu schauen, weil du nicht denkst, dass etwas mit dem I d darauf existieren sollte Ihre Website schreiben etwas mit der Klasse kann mehr als eine existieren. So wird es aussehen, auch wenn es bereits Mittel von etwas hat. Wenn durch all das Dokument, alle möglichen Elemente und die Art und Weise würde es nur halten, um es kümmern, Denken beendet vollständige Arzt Dokument. - Richtig. Also ive Sie haben nur ein Element und Sie wissen, dass der Gott mehr als einen von ihnen hat und es ist besser, Identifikationen zu verwenden, oder? Und es ist auch sehr wichtig, darüber zu wissen, weil, schau, wenn du so etwas machst, einen temporären Vrabel, dann wenn du so eine Bedingung hast, bekommst du einfach die Länge von den Tom Neighs das hier sicher ist. Aber wenn du es so machst, hast du jedes Mal jedes Mal ein vollständiges Dokument, um alle Tom Dinge zu bekommen. Und dann bekommst du einfach Länge und du machst es jedes Mal. Jede Iteration dauert es viel Zeit, oder? Und auch, wenn Sie eine Idee haben, kein Dokument, holen Sie die Zitronen hinein. Er hat Recht oder Qualitätsselektoren, wenn Sie sie nicht brauchen, Toby, hier, bitte tun Sie sie hier oben und fügen Sie sie dann irgendwie hinzu. Hier, okay? Weil es nur die Abstimmungen abnimmt. Danke, okay. Und es bedeutet auch, dass Sie Ihren HTML-Code für fünf so klein wie möglich halten sollten. Denn wenn Sie letzte Elemente hier haben, bedeutet das, dass es es schneller finden wird. Richtig? So hat das nicht verrückt erstellt. So verrückt wie du kannst, sollte Huge einfach dieses HTM halten, wenn ich so klein wie möglich bin. Und wenn Sie Ihren Bereich sofort initialisieren können, tun Sie es, weil dies etwas langsamer ist, aber manchmal wissen Sie, dass Sie es nicht so machen können, weil Sie zum Beispiel etwas wie, wissen Sie, im Herbst der Gewerkschaft an neuen Elementen. Richtig, weil du sie noch nicht kennst. Aber wenn Sie es hassen können Deadwood nicht nur globale Sorten, weil immer zu ihnen ist langsamer. Ok, und Grund. All die auf der langsameren. Es ist auch Ah, Wette Convention. Also benutze sie nicht. Und wenn Sie landen, Jake tragen und Sie haben es wahrscheinlich gelernt, weil es wirklich ist, werden wir Ihnen viel Zeit sparen. Du solltest dich daran erinnern, dass du Jake nicht überall benutzen solltest, wenn du kannst. Wenn Sie wissen, dass etwas unterstützt wird. Hey, es ist besser, die meiste Zeit, JavaScript zu verwenden, das grundlegende JavaScript. Zum Beispiel. Wenn Sie den Wert von der Eingabe mithilfe der value-Eigenschaft abrufen, anstatt dieses Ding aus dem Jorquera zu verwenden , wird der Code 1000 mal schneller ausgeführt. Okay, Die meisten Zeitunterschiede sind nicht so groß, aber wirklich, manchmal sind diese Unterschiede so groß, also nicht überall verwenden. Jack J-Abfrage. Wenn du weißt, dass du keinen Zeh hast. Ok? Das Erzählen hat Lektion gemacht. Vielen Dank. 79. Eine js-Datei halten: - Hallo. Sie sollten immer darüber nachdenken, an den einen JavaScript fünf für Ihr Wandprojekt zu halten. Um es zu tun, sollten Sie alle aus dem JavaScript verbinden, wenn Eis in einem. Aber ich kann mir dein Kampfgesicht vorstellen. Sie haben zum Beispiel zum Beispiel 50 von ihnen und Sie ändern alles in einem von ihnen. Sie müssten irgendwo dort ein Diktat finden, und Sie müssen es kopieren und in der richtigen Position stellen. Sie müssten Manimal aktualisieren. Es würde nur die Zeit des Gesetzes abhalten. Es wird sehr, sehr schwer sein, sich abzuziehen. Und der Husten ist, dass man das so etwas automatisch mit etwas Gutes heißt Grand Julius. Ich habe bereits den Kurs über Grand Julius erstellt und Sie können hübsch ist es? Benutze es. Es wird einfach automatisch ein Feuer aus vergrößerten so vielen wie möglich erzeugen. Sie haben wahrscheinlich zum Beispiel JavaScript benötigen, Ben, um Plug Ins zu befreien und andere Dinge wie das, richtig? Zum Beispiel, vier Skript und all diese Skripte, werden wir Ihre Website viel langsamer laden. - Warum? Weil http-Protokoll sagt, dass es auf die beiden Kämpfe auf einmal geduldet, was bedeutet, dass, wenn es bekommt, das Gewicht muss wieder zu Euro-Server verbinden und einen weiteren Kampf zu bekommen. So macht das wirklich Ihre auf Ihrer Website lastet langsamer. Okay, also solltest du immer so weniger Kämpfe halten, wie du kannst. Ok? Die coole Sache über Grand Jury Aziz auch, dass Sie auch dann JavaScript-Dateien für jede mögliche Feeing wie, zum Beispiel, sagte sie mögen, zum Beispiel zitiert Panel für was immer Sie wollen. Normalerweise machen Leute nur eine große Fünf, wo sie viele, viele, viele, viele, viele, viele, über die Sie wissen, denken von JavaScript und Frameworks in anderen JavaScript-Dateien und einigen Plug-Ins, Richtig? Aber damit können Sie sogar mit der realen Fähigkeit von Ihrem JavaScript fünf Strukturen hier upgraden, zum Beispiel weiter, weil Sie für jedes Skript ein anderes spezielles Java-Skript erstellen können. Fein hat den Verkauf der Lektion. Ich danke Ihnen vielmals. 80. Js-Dateien zusammenfügen: Hallo. Sie sollten Ihren JavaScript-Kampf immer komprimiert haben. Sie sollten also ein zweites Javascript erstellen. Wenn ich und College, zum Beispiel, Skript, um meine ich dot Js und Sie sollten alle Inhalte kopieren und zu einer der Website gehen , die Javascript komprimieren kann. Sie haben den Mann von ihnen abgegrenzt, hier kopiert, tippen Sie Compress ein. Ich meine Creek-Kompresse. Und wie Sie sehen können, sparen wir etwa 30 53%. Ihre Website wird also schneller auf Kilobyte geladen. Vielleicht ist es keine große Sache, aber es ist wirklich vorstellen, dass ich zum Beispiel eine Vorwahl habe, die 90 Kilobyte hat und es in den 26 oder Hodenbiss gelangt , soweit ich mich erinnere, nur durch die Komprimierung richtig. So sparen Sie Biegung, die, und es wird auch Ihre Website Lasten von schneller machen. Und denken Sie daran, dass, wenn Ihre Website schneller aufgelöst wird, es auch besser in Google positioniert sein wird, oder? Sie können auch verwenden Sie die Basis, 60 Zehe und Kult, die es noch mehr komprimieren. Aber jetzt ist es nur total auf ein Buch zu lesen, aber es ist wirklich egal, oder? Sie können es jetzt einfach hier kopieren. Und Sie wurden nur als Skript jetzt Skript verwendet, das bedeutet, dass Js und Sie mit diesem Feuer arbeiten werden . Und dann haben wir Sie etwas ändern, das Sie jetzt hier kopieren müssen und es dann wieder tun. Sie können Variablen auch verkleinern, aber manchmal funktioniert es nicht und Sie wissen, warum Sie sollten. Sie sollten die Basis 60 verwenden, um Onley zu codieren. Wenn es deinen Kampf fünf kleiner macht, macht er ihn manchmal nicht kleiner. Also überprüfe immer. Wenn dies mehr oder dies kleiner ist, sollten Sie auch auf Ihrer Website etwas mit diesem Kult G Reißverschluss die meisten Diamanten aktiviert können Sie Nachbarschaft in HD Zugang. Okay, ähm, wenn es auf Ihrem Hosting aktiviert ist, habe ich ein Feuer erschaffen, das heißt HD-Zugang. Sie können es einfach an Ihre Website senden und es wird keinen Fehler auf Ihrer Website machen, denn selbst wenn Sie es nicht installiert haben, wird es einfach nicht funktionieren. Okay, aber es ist stattdessen, dann werden Sie viel sparen Band, was und es wird die Geschwindigkeit von Donald Ihre Website verbessern, weil alles , um, um, komprimiert wird , um, um, um, um, von diesem G zip nicht auf dem Javascript fünf, sondern auch CS shtml. Nun, was auch immer Dateien, die von Ihrer Website heruntergeladen werden. Nun, keine Bilder, weil sie nicht über die fast komprimieren. Richtig? Aber Dinge wie Text Wirklich? Wirklich. Es wird Ihre Website-Geschwindigkeit zu verbessern. Aber Sie sollten auch Sie wahrscheinlich auch bemerkt haben, dass, wenn ich so etwas wie sprach, Hey, Sie müssen wissen, halten Sie zwei Kämpfe und jedes Mal, wenn Sie etwas ändern, bevor Sie auf die Website senden , müssen Sie gehen hier, dann kopieren und es hier und komprimieren. Und dann wieder hier und hier. Wow, es wären nur die Götter der Zeit, richtigen Jahre. Und du musst es tun, Al Nus. Du weißt, dass etwas Gutes gut ist. Zum Beispiel, Grand Jury s ich erstellt, weil darüber A Gondry ist ein Task-Manager. Okay, Es wird nur ultimative viele Web-Entwicklungsaufgaben, einschließlich Richter JavaScript kämpft on fly und Sie können es leicht komprimiert automatisch. Wenn Sie etwas in einem ihrer Kämpfe ändern, wird es sofort komprimierte Version erstellen Ich denke, ist nur 10 mal einfacher. Und es wäre besser, wenn du die Lektion verkaufst. Vielen Dank. 81. Meiste häufige Fehler: Hallo. Heute werde ich Ihnen sieben der häufigsten Fehler zeigen, die Menschen machen. Warum Javascriptskript entwickeln? Die erste wichtigste, denke ich, ist, dass, wenn Sie Eingaben haben und Sie hier einen Typtext bekommen haben, es sogar sagen ist, dass hier der Wert ist, der wirklich ein Text ist. Es bedeutet also, dass, wenn Sie zum Beispiel diese Elemente des Dokuments erhalten eine Zitrone Probe richtig, und Sie speichern es hier werden Sie feststellen, dass, wenn Sie etwas wie diesen Beispielwert tun und Sie es zum Beispiel Alarm senden. Ein Ergebnis wird Kampf sein, und Sie könnten denken, Hey, Hey, es ist eine Zahl, die wir hinzufügen können. OK, also fügen wir es 100 plus einfachen Wert hinzu Und lassen Sie uns jetzt sehen, was das Ergebnis ist? Das Ergebnis ist oh, es ist eine 105. Warum? Weil dieser Wert eine Zeichenfolge ist. Wirklich. Dieses Denken erwartet uns, dass wir Zehe hier eine Schnur und Saiten haben. Wenn Sie eine Zeichenfolge mit einer Zahl verwenden, haben Sie immer eine Zeichenfolge. Okay, das ist fast das Gleiche. Als ob wir so etwas machen würden, oder? Und dann ja, es ist 1005. Wenn Sie dies als Zahl interpretieren möchten. Sie müssen daran denken, es zu dem Anti Jer vorher so wegen ihm zu parsen. Und im Moment hat er keine andere. Okay, ich denke, das ist sehr wichtig, weil du oft solche Dinge machst. Okay, das ist also die 1. 1 Was ist die 2. 1? Nun, wenn Sie einen Eierstock schaffen können So zum Beispiel, ich und dann steigen Sie Flanke ab. Wenn ich gleich Null ist, dann mach etwas wie Test. Richtig? Und ja, das wird funktionieren. Wie Sie sehen können, haben wir die Testnachricht erhalten. Aber was würde passieren, wenn wir so etwas von Mystic machen, richtig? Weil wir als Mensch denken, dass Gleichheitszeichen nur bedeutet, dass wir eine Bedingung machen . Wenn Dinge wie, wenn ich gleich Null ist, ist das Problem, dass nichts vor sich geht. Warum? Weil wir im Moment hier Null zuweisen, nicht wir machen keine Komp Reden. Onley vergleichen E Illusion Operator sieht so aus. Sie können auch vergleichen Wie Sie sehen können, haben wir hier eine Warnung. Diese die 30 Denken erinnern über die Verwendung ihrer freien ah gleich Zeichen. Dies bedeutet, dass wir auch überprüfen, ob es Typ dieser Variablen ist der gleiche. Also, wenn es gerade so etwas ist, wir es nicht Wir werden nicht sagen Tests, richtig, weil es eine Schnur und das ist deine fallen andere, um mich nicht flüssig bleiben hier. Richtig, ähm, damit wir überprüfen können, ob etwas gleich , etwa fünf in der Eingabe, aber es muss eine Fünf sein. Das ist wirklich, ähm, das hat gleiche Bindungen, oder? Diese prüft auch, ob die Zeit reif ist. Okay. Und ein weiterer Fehler ist Schau, jetzt funktioniert es, richtig. Aber manchmal machen Leute so Semikolons. Wie das wirklich, wirklich sehr Kulturen ist. Aber ich denke, das ist am schwierigsten zu erkennen. Wie Sie jetzt sehen können, funktioniert es. Es wird immer funktionieren. Selbst wenn Sie so etwas tun, selbst Sie sehen oder was auch immer Sie hier tippen, waren dieser Finger, weil die Wahrheit ist, dass wir Humana eintreten lassen können , ? Und wir haben gerade die Bedingung hier beendet. Oh, das ist, dass ich einmal für Stunden verloren habe, um etwas zu entdecken, was ich hatte, aber ich war ein Anfänger, richtig? Wirklich? Sei vorsichtig damit. Das nächste, worüber Sie sich Sorgen machen sollten, ist dieser Vergleich. Also, wenn ich gleich Null und in der gleichen Zeit X gleich, zum Beispiel 105. Dann zeigen Sie die Nachricht direkt an. Und Oh, okay. Wie Sie sehen können, haben wir jetzt den Test bekommen. Es ist zu schreiben, denn hier haben Sie 105. Alles funktioniert gut. Aber manche Leute machen so etwas und auch durch. Aber jetzt könnte es sogar durch sein, wenn ich so etwas mache. Diesmal hat es funktioniert. Ist zufällig, weil dieses Gebot Betreiber war? Richtig? So etwas. Es ist ein bisschen klug. Operator, das ist ein großer weißer Operator. Dies ist relationaler Operator, derjenige, der überprüfen kann, ob dies durch unsere Krankheit durch Recht ist. Sie erinnern sich an das Tun, um zweimal zu tippen. Okay, wir könnten Glück haben, und das Ergebnis wird in Ordnung sein. Aber manchmal wird es einfach Ihren Code wirklich, wirklich, wirklich, wirklich schlecht machen. Und es ist Auto zum Sport. Okay, das ist der Brunnen, das ist eine der Rinde, die viele Leute machen, und der nächste ist das Dokument mit der Groß-/Kleinschreibung. Oh, sieh mal, ich könnte so etwas tun, oder? Es funktioniert nicht mehr. Unser Mantel hat funktioniert. Jetzt ist es nicht, wenn Sie gehen, um das Feuer zurück ist die coole Sache ist, dass wir genau sehen Dokument bekommen eine Zitrone durch Ideen? Nein, die Funktion. Oh, es ist nicht die Funktion. Warum? Weil ich es nicht richtig getippt habe. Okay, das ist ein typischer Fehler, also kannst du es dir ansehen. Sie können es leicht erkennen, oder? Wenn Sie wissen, dass alles in Javascript Groß-/Kleinschreibung beachtet wird. Und das letzte, worüber Sie sich Sorgen machen sollten, ist, eine Ära Objektdefinition mit einem Komma zu beenden . Was soll ich meine? Manche Leute tun Dinge wie die unserer Zahlen und Gleichen, und sie tun etwas Nettes. Eins, 56 draußen. Ich meine 10. Okay. Und jetzt arbeitet er, richtig? Alles funktioniert gut. Was? Das ist die Schönheit, zum Beispiel, funktioniert. Und jetzt stellen Sie sich eine solche Situation vor. Lasst uns diesen Kerl entfernen. Ich brauche es nicht. Und jetzt wird dein Mantel nicht funktionieren. Jeder mein Bruder wird sehen, um zu hören ist etwas Unerwartetes erwartet. Sie sollten es in mehreren Web-Browsern verzögert. Der Code wurde gestoppt. Danach wird nichts passieren. Okay, also musst du vorsichtig sein in diesem Komma hier. Sie müssen auch vorsichtig sein, wenn Sie Objekte aus unserem Objekt erstellen. Und wenn Sie so etwas tun und dann eine Eigenschaft erstellen, zum Beispiel Name und dann SAR-Name, werden Sie feststellen, dass es gut funktioniert. Aber wenn Sie so etwas tun, kann es auch Ihren Mantel stoppen. In Firefox funktioniert es. Es hängt wirklich vom Web-Browser ab, aber in den meisten Web-Browsern wird es nur Ihren Mantel aufhören zu arbeiten. Okay, das ist lange Diese Lektion. Vielen Dank. 82. Augen gesund halten: Hallo. Wenn ich auf diese schaue, ich d. In meinen Augen hat Warum? Weil ich den weißen Hintergrund habe. Wenn Sie viel Zeit mit der Arbeit an Ihrem Computer verbringen, sollten Sie weite Hintergründe vermeiden. Sie sollten die Kalorien-Sticks von Ihrem i D. D. Jeder I d hat eine Option wie die, dass diese guten in Ordnung, Weil sie wissen, dass für die Gesundheit Ihrer Augen Sie verwenden sollten und die anderen Coloristen Sticks mit etwas Schwarz Gnade Schläge oder so etwas, es wird 10 mal besser sein. Also, das ist meine wirklich eine Hand für dich. Das ist ein Tipp für Sie. Sollten Sie diese Optionen verwenden, gehen Sie zu dort. Und das bedeutet, dass es hier so etwas wie ein Profil gibt, wie Sie sehen können. Und Sie können zum BeispielNorwegen heute ändern zum Beispiel . Wie Sie hier sehen können, können Sie überprüfen, wie etwas aussieht. Sie können auch sehen, wie es in anderen Sprachen aussieht, oder? Du kannst genau etwas ändern, wenn du etwas nicht magst, das so aussieht, oder? Er wird alles kategorisiert haben und gut, Sie können sich einfach bewerben. Und jetzt, wie Sie sehen können. Sieht besser aus, oder? Vielleicht, wenn Sie diese Rosa hier nicht mögen, können Sie es ändern. Oder Sie finden einen anderen Schriftsteller. Sie können zu einem anderen wechseln. Es gibt viele hier. Zum Beispiel haben Sie hier sind dies nicht gut Stadtlichter. Ich mag es nicht. Er auch nicht. Deshalb weiß ich nicht, dass diese heruntergeladen hat. Ich denke, dass diese hübsch aussieht, sind einige richtig? Und ich habe es aus dem Netz heruntergeladen Be Stiele, die kommen. Es gibt viele Websites wie diese. Gerade Zeit, dass Stängel Download Google und Sie werden Websites wie diese finden , denke ich, dass es viele Versuche hier und einer von ihnen wird sicherlich die, die Sie möchten, oder? Und Sie können es einfach herunterladen richtig für So zum Beispiel, Sie können diese Dinge herunterladen. Einen, den du einfach nicht wissen kannst. Und später müssen Sie einfach nur schickes Bit. Und wenn du Stiefmütterchen Miststück hast du so etwas. Sie müssen diesen Ordner im Schlepptau kopieren. Ein Weg, der so aussieht. Ok. Er wird Ihr Benutzername Anwendungsdaten Roaming, dass anständig sein. Hier ist die Version, die du diesen neuen Versucher hinzufügen willst, und du musst in diesem Jahr ganz nach draußen kommen und Theorien, die du fragen wirst , ob du Teoh willst, weißt du, es ändern willst. Ich bin nicht wir für ein bisschen mehr, als Sie gefragt werden, weil ich diejenige ersetzen, die ich bereits heruntergeladen habe. Und später, wenn Sie diese Bohnen verlassen und wieder zurückkommen, werden Sie hier ein neues Profil sehen, das Sie hier heruntergeladen haben. Ok? Das ist wirklich, wirklich sehr wichtig. Wenn Sie wollen Oh, Programm, Ihre Augen werden wirklich dankbar für Sie sein. Vielen Dank von dieser Zone hat das getan. 83. Was ist Komponente?: Hallo, mein Freund. Siehst du diese Ego-Figur? Es hat viele Elemente, und diese Elemente können als Komponenten bezeichnet werden. Warum? Weil im Moment viele Designer, Künstler, an den einzelnen Komponenten arbeiten, aus denen die große Figur entsteht. Wenn wir von diesem Kopf zu einem anderen Kopf wechseln, haben wir immer noch wen, ich glaube, ich gehe jetzt, es sieht ein bisschen anders aus. Wir können auch ändern, was Lex ist, es ist jetzt anders, aber wir könnten einfach diese eine Sache ändern, aber die gesamte Komponente, die größte, die aus vielen, vielen Komponenten besteht , funktioniert immer noch, und das ist die Idee hinter React. Wir werden die Dinge in Ihrer Anwendung aufteilen. Das ist zum Beispiel Web One, oder? In kleine Bauteile. Also, wenn Sie zum Beispiel DA haben, richtig, Sie werden nicht alles nacheinander erstellen , Sie werden nicht HTML und JavaScript erstellen und dann Aevent-Listener usw. an all diese Dinge anhängen B wenn Sie es so gemacht haben, wenn Sie etwas ändern müssen, richtig, Sie müssen wahrscheinlich auch etwas in JavaScript ändern, Meistens, wenn du eine neue Funktion oder etwas anderes hinzufügst. Bei Komponenten möchten wir sie jedoch auf diese Weise erstellen, damit wir neue Funktionen hinzufügen können. Wir können neue Komponenten hinzufügen, genau wie beim Einfügen in dieses Ding Zum Beispiel können wir auch Zubehör hinzufügen. Wir können zum Beispiel sagen: Hey, ich möchte ein solches Accessoire haben . Ich werde den Kopf entfernen und dazwischen werde ich den Umhang legen, zum Beispiel so, und es funktioniert immer noch einwandfrei Wir haben ein neues Feature und hey, es funktioniert. Wir wollen damit unsere Anwendungen erweitern , nicht wie bisher. Natürlich wird es leichter zu erkennen sein, wann wir anfangen, ein Programm zu schreiben, aber das Wichtigste aus dieser Vorlesung, das Sie verstehen sollten, ist, was eine Komponente ist. Es ist nur ein Individuum, welches Element, oder? Es ist nur ein Gegenstand, den man einfach neben einen anderen Gegenstand legen kann und etwas Größeres, Kleineres, man kreiert ein großes Objekt, das sehr gut zusammenpasst, wie zum Beispiel ein Up, oder? Ihr müsst also hauptsächlich eure Denkweise ändern , wenn ihr reagieren wollt Ihr werdet nicht Dinge wie, ihr wisst schon, Chaos erschaffen , wie ihr es gerade getan habt Und um ehrlich zu sein, es ist nichts Falsches daran, alles so zu machen , wenn Sie ein kleines Projekt durchführen. Denken Sie daran, denn React ist wie eine Lösung, um mit vielen Menschen gleichzeitig zu arbeiten, oder? Oder wenn das Projekt groß werden wird. Aber du musst lernen zu reagieren und es wird einige Zeit dauern. Sie müssen sich also entscheiden, ob Sie etwas sehr, sehr schnell machen wollen und nicht darauf zurückkommen wollen, oder ob Sie eine andere Denkweise haben wollen , indem Sie kleine Teile, kleine Komponenten zusammenfügen, um etwas Größeres zu machen, und es so machen, dass es einfach ist, Dinge zu ersetzen Was die Website angeht, so wäre es so, Sie möchten wiederverwendbare Elemente auf Ihrer Website erstellen, wo Sie sie verwenden können, wo immer Sie wollen, und so oft Sie wollen, richtig? Sie möchten wiederverwendbare Elemente auf Ihrer Website erstellen wiederverwendbare Elemente auf Ihrer Website wo Sie sie verwenden können, wo immer Sie wollen, und so oft Sie wollen, richtig Es ist also so, als würdest du deine Denkweise entwickeln, um in größere Projekte zu gehen , oder? Du kannst es natürlich auch in kleineren Projekten verwenden, oder? Aber manchmal kann es übertrieben sein. Aber React zu lernen ist eine gute Idee , weil du es wahrscheinlich irgendwo ausgeben wirst, zum Beispiel, wenn du für jemanden arbeitest, weil du dort, wie du siehst, nun ja, du wirst mit anderen Leuten zusammenarbeiten und sie wollen, du weißt schon, einem Muster folgen , Dinge zu erschaffen. Und dieses Muster ermöglicht es, Dinge zu erweitern, denn, weißt du, wenn jemand einer Regel folgt , Muster, ist das gut, weil, naja, Programmierer vielleicht, weißt du was? Ich gehe zu einem anderen Job. Ich werde jetzt nicht mehr mit dir arbeiten. Und wenn dieser Programmierer zum Beispiel React nicht benutzt, sondern alles, weißt du, mit Chaos und Denkweise gemacht hat weißt du, mit Chaos und Denkweise Nun, ein anderer Programmierer wird ein Problem haben. Es wird schwer sein, in ein solches Projekt einzusteigen. Wenn jedoch jemand React benutzt und den Arbeitsplatz verlässt, springt einfach ein anderer Programmierer springt einfach ein anderer Programmierer und er wird wissen, wo sich Dinge befinden, weil es einige Muster geben wird , denen jeder folgen kann Ein neuer Programmierer, der in das Projekt kommt , springt ein und fängt einfach an neue Komponenten hinzuzufügen . 84. React-Grundlagen – die wichtigste Vorlesung zum Erlernen von React: Hallo, mein Freund. Die heutige Lektion ist wahrscheinlich die wichtigste Lektion, die Sie jemals in Bezug auf React gelernt haben. Danach kannst du damit nicht einfach in React einsteigen. Ich werde alle grundlegenden Definitionen für Sie leicht verständlich machen für Sie leicht verständlich Das wird einfach so einfach für dich sein. Du wirst spüren, wie man mit Rag arbeitet und warum? React sieht aus wie es aussieht. Fangen wir also von an. Wie haben wir Apps gemacht , bevor wir R benutzt haben. Also so etwas , wenn ich zum Beispiel klicke, steigt die Zahl hier. Die alte Methode bestand darin, HTML mit IDs zu erstellen , damit wir später darauf zugreifen können, ein Skript zu erstellen , mit dem Sie, Sie wissen schon, die Anzahl der Klicks zählen und speichern können. Dann müssen wir auf solche HTML-Elemente verweisen , weil wir sonst nicht auf sie zugreifen können. Bei Even Listener, wenn jemand klickt, wird die Anzahl größer, und dann aktualisieren wir die Ansicht, also das, was hier angezeigt wird , auf den Wert, der hier steht. Und ja, es funktioniert für kleine Projekte wie dieses. Das ist ziemlich okay, aber wir ändern unsere Denkweise, wie ich in der vorherigen Vorlesung gesagt habe, wir wollen anfangen, Komponenten zu erstellen Also ändern wir unseren alten Weg auf einen neuen Weg. Und lassen Sie uns das schließen und wir konzentrieren uns jetzt hier auf den Code, oder? Und wir wollen das Ganze in React neu gestalten. Wie verwenden wir React? Wie installieren wir es? Es gibt zwei Möglichkeiten, React zu installieren. Eine, die sehr schwierig ist und über die wir in dieser Vorlesung nicht sprechen werden. Und die zweite, die sehr einfach ist. Alles, was Sie verwenden müssen, ist React einzubeziehen , da dies nur eine JavaScript-Bibliothek ist, mit der standardmäßig eine Benutzeroberfläche erstellt wird. Ja, es gibt viele andere Dinge, aber um ehrlich zu sein, das grundlegende React ist nur eine Bibliothek. Also werde ich es einfach in unser Projekt kopieren , richtig, so. Und ja, wir können React jetzt verwenden. Aber React muss auch an etwas Gutem funktionieren, das als Document Object Model bezeichnet wird. Wir müssen also auch das Dokument-Objektmodell einbeziehen. Reagieren. Aber das Problem mit dem Link , den ich hier bekommen habe und dem auch aufgefallen ist, dass die Seite, die ich verwende, um diese Links zu bekommen , jsdeliver.com heißt, ist, dass sie UMD nicht verwendet, und warum ist das wichtig? Das liegt daran, dass dies für Universal Module Definition steht . Siehst du? Das Problem ist, weil wir es als schnelle Lösung anbieten wollen, wollen wir es hier an diesem speziellen Ort machen , ohne Server einzurichten, und das ist eine sehr gute Idee, um den Dingen zu zeigen, dass wir etwas verwenden müssen, Dinge ein bisschen anders macht. Also müssen wir auf „Durchsuchen“ klicken und hier das auswählen, okay? Und das ist der Link, den wir wollen, weil wir den wollen , den wir lokal ohne Server verwenden können, und das ist das Skript , mit dem Sie das tun können. Aber denken Sie auch hier daran, dass dies nur eine schnelle Lösung ist, um zu lernen, zu reagieren. Sie werden es in Zukunft nicht mehr so machen. Aber hey, wir können React bereits verwenden und das ist mächtig. Denn um ehrlich zu sein, dreht sich bei React alles um wiederverwendbare Elemente , die als Komponenten bezeichnet werden. Nachdem Sie es einfach so eingestellt haben, können Sie Komponenten, die von anderen erstellt wurden, auf Ihrer Website verwenden , wo immer Sie möchten. Ja, das ist alles. Wenn du es nur dafür verwenden willst , ist das genug. Aber natürlich haben die Leute darin ein Potenzial gesehen, und es gibt viele Tools die Sie in Zukunft erlernen können, aber sie werden nicht benötigt, um einfach zu reagieren, okay? Und deshalb finde ich es dämlich, dass es so viele Tutorials und Dokumentationen gibt , in denen dieser Teil nicht gezeigt wird, sodass Sie sofort in React einsteigen können, weil feststellen, dass wir jetzt in unserem Skript React verwenden können Also können wir das einfach kommentieren , weil wir es nicht mehr verwenden Wir wollen all diese Dinge mit Jas machen , aber wie verwenden wir React? Das erste, was wir einrichten müssen, ist das Stammverzeichnis für das Dokumentobjektmodell , das von React erstellt werden soll. Weil React etwas Gutes hat. Es wird als virtuelles Dokumentobjektmodell bezeichnet, das es ermöglicht, die Änderungen der virtuellen Werte zu erkennen und sie dann auf Ihre Website anzuwenden , ohne dass Sie darüber nachdenken müssen. Und das ist supermächtig. Das ist also die Wurzel, oder? Und lassen Sie uns das hier kopieren und Kommentar hinzufügen, weil jede App-App wie ein Root in Rat hat, den Ort, an dem wir unsere größte Komponente, die Hauptanwendung, starten. Und jetzt, um das zu tun, müssen wir in unserem Skript etwas Ähnliches tun. Greifen Sie auf das Objektmodell des React-Dokuments zu und erstellen Sie dann ein Root, oder? Und wir erstellen ein Root für diese ID. Also müssen wir nur Element für ID abrufen und Root wählen, richtig, so. Und jetzt, ja, wir verwenden React wo an diesem bestimmten Ort, okay? Das ist also unser Ausgangspunkt unserer Anwendung. Und jetzt können wir darin rendern was Rendern heißt wie Drucken, okay? Komponenten, die wir in React erstellen werden, oder? Wie erstellen wir Komponenten? Um eine Komponente im React zu erstellen, tippst du function und dann den Namen deiner Komponente ein, okay? Und ja, du kannst einfach hierher zurückkehren, zum Beispiel ein Hallo-Wort wie dieses, okay? Und ist es genug? Nein. Warum? Weil wir diese Funktion nirgends aufgerufen und sie auch nicht gerendert haben, oder? Und um es zu rendern, müssen wir. Speichern Sie diese Wurzel zunächst irgendwo. Also werden wir es in der konstanten Variablen namens root speichern . Und jetzt können wir darauf zugreifen und unsere Komponente rendern. Aber um diese Komponente zu bekommen, müssen wir eine Funktion verwenden, die Create Element heißt, und jetzt können wir dann den Namen unserer Funktion, die Komponente ist, dorthin schicken . Okay? Also denk dran, das ist eine Komponente, okay, ich reagiere. Also, um ehrlich zu sein, Komponenten sind nur Funktionen, oder? Sonst nichts. Es ist nur eine einfache Funktion. Wie Sie sehen können, haben wir dort Halo Word, aber hey, das hat nicht so funktioniert, wie wir es wahrscheinlich vermutet hatten weil das Alter eins hier nicht als Alter eins angezeigt Warum wir bald darüber sprechen werden. Aber hey, das Wichtigste ist, dass alles, was hier zurückgegeben wird, jetzt auftaucht, es wird hier gerendert. So viele Dinge, so viel Ärger im Moment, oder? Aber das ist nur der Anfang. Mach dir keine Sorgen. Es wird also einfacher werden. Ich denke, wir sollten den Namen unserer Komponente so ändern , dass er beschreibt, was wir erstellen. Wir erstellen eine Anwendung, oder? Und was wollen wir innerhalb unserer Anwendung zurückgeben? Mehr Elemente. Und jetzt merke dir, was auch immer ich tun werde, es ist nur um deiner selbst willen du lernst, wie es war, du weißt schon, wie alles im Hintergrund funktioniert, okay? Also können wir ein Leseelement erstellen. Und wir können es als D erstellen . Wir können Werte an die Entwickler senden, aber wir haben noch keinen Wert, an den wir sie senden könnten, also senden wir null, weil create element drei Argumente benötigt, okay? Also zuerst, welcher Trick dann? Welchen Wert senden wir ihm und was sollte darin enthalten Also sage ich Hallo Welt. Und wie Sie sehen können, ist dies unsere erste Hallo-Welt in einer. Wie Sie sehen können, sehen wir hier keine Änderung in unserem Quellcode, aber wir ändern die Ansicht irgendwie. Die Ansicht des Dinges, das wir sehen. Und wenn wir jetzt all die Elemente machen wollen , die wir zuvor gemacht haben. Nun, ohne Codes namens JavaScript, XML, was wie JSX ist, okay? JSX. Sie müssten also zunächst die Syntax so verwenden, und jetzt würden Sie so etwas tun Okay, also muss ich es tun. Wie du siehst, ist es gut, dass wir ein paar Hinweise haben . Aber ja, es funktioniert, oder? Wir haben all die Dinge geschaffen, die wir hier gemacht haben. Und um ehrlich zu sein, das sieht schrecklich aus. Das sieht toll aus. Ich gehe von React definitiv zurück zu dem , was wir zuvor gemacht haben. Und um ehrlich zu sein, würde ich es niemals so benutzen, wenn es, weißt du, einfach schrecklich zu lesen wäre. Zum Glück für uns hat jemand etwas erfunden, das JA Zix heißt Und was ist JAix? Um ehrlich zu sein, ist es wie erweitertes JavaScript. Manche Leute nennen es JavaScript-XML, weil es auf HTML basiert, das auf XML basiert. Also, um ehrlich zu sein, ist es wie HTML plus JavaScript. Und wir können eine solche Sprache in unserem Skript verwenden. Aber um es verwenden zu können, müssen wir zuerst auch etwas installieren, das als Babel bezeichnet wird Also werde ich das einfach kopieren und hier ablegen. Und jetzt hier im Skript tippe ich hier ein, dass wir den Text Babel verwenden, und von nun an wird das so cool und einfach sein, weil wir es jetzt nicht mehr so machen, oder Aber wir können einfach so etwas wie Lass uns zurückkehren machen, und es ist eine gute Idee, hier die Klammern zu verwenden, und hier können wir einfach HTML eingeben Nehmen wir an, ich will das erste Lebensjahr, willkommen und nun ja, ich kann einfach all die Dinge machen , die wir hier haben, oder So wie zuvor. Aber das Problem ist , dass wir, wie Sie sehen können, hier einen Fehler haben, und das Coole ist, dass wir hier einen Fehler haben. Ich mag Fehler, weil wir schließlich Fehler haben bevor wir sie nicht hatten. Aber JS 6 hat endlich Fehler innerhalb unseres Editors, nicht danach. Und der Fehler ist hier, weil die Funktion das in die Dinge umwandelt, die wir zuvor hatten, eine Zitrone erstellen, eine zweite erstellen, eine B erstellen, die Zitronenschaltfläche erstellen und so weiter, richtig? braucht man etwas , das man Elternteil nennt Für all diese Dinge braucht man etwas , das man Elternteil nennt. Das bedeutet, dass wir einfach so etwas wie DIV machen und alles in das Div legen müssen . Wie Sie jetzt sehen können, funktioniert es einwandfrei, und das ist wirklich JSX Was auch immer hinter dem steckt hier drin ist, JavaScript ist JSX, um ehrlich zu sein Was auch immer hier drin ist, ist JavaScript-XML. Nun, das wurde in typisches Javascript transkribiert und React verwendet es einfach Und das ist einfacher zu benutzen. Deshalb ist es nicht so, dass Sie eine neue Sprache erneut lernen müssen. Es ist nur so, dass du endlich HTML in Javascript verwenden kannst . Und beachte, dass du normalerweise hier zum Beispiel Anführungszeichen setzen müsstest und über die Anführungszeichen hier nachdenken müsstest, um sie mit einem Backslash zu Nein, du musst dir keine Sorgen um sie machen. Du gibst einfach HTML so zurück und hey, es funktioniert? Ja, es ist da, großartig. Ja, ich bin glücklich. Die nächste Sache ist , dass Sie dieses Create-Element nirgends verwenden müssen . Du kannst es jetzt einfach so rendern. Sie senden hier nur den Namen der Komponente, die Sie rendern möchten. So haben wir also unsere erste Komponente erstellt und sie im Root-Div gerendert. Und Sie denken vielleicht , dass es dafür eine Menge Dinge zu tun gibt, aber das werden Dinge sein , die später voreingestellt werden. Das ist wie eine einmalige Sache, die man tun muss. Und später arbeiten wir nur an Komponenten, okay? Und jetzt ist es an der Zeit diese Komponente herzustellen, Dinge zu tun, richtig? Wenn ich also darauf klicke, möchte ich, dass die Ansichten der Dinge, die hier gezeigt werden, darauf reagieren. Hey, heißt das nicht, warum Reaktionen reagieren? Ja. Aber wie machen wir solche Sachen? Okay. Also brauchen wir irgendwie einen Zähler, oder? Und wir brauchen hier eine Variable, die sie zählt, und wir müssen irgendwie eine Funktion aufrufen , die diese Dinge anwendet Normalerweise haben wir es so gemacht, und das war eine Menge zu tun Aber jetzt wird es ein bisschen verwirrend sein, aber bald wirst du sehen, warum es so cool ist. Wir müssen einen Staat schaffen. Und um den Status zu erstellen, geben wir state und danach den Anfangsstatus ein, also den Wert für das Ding, das wir hier erstellt haben. Aber was haben wir hier geschaffen? Nennen wir es zum Beispiel Hooked Array, so Jetzt müssen wir natürlich reagieren, tut mir leid. Und jetzt drucken wir es aus. Verbundenes Array. Wie Sie sehen können, was passiert, wenn wir in die Konsole gehen? Ein React-Use-Status ist keine Funktion. Warum ist es so? Nun, es ist wahr, weil ich SAD geschrieben habe, nicht State. Und jetzt, wie Sie sehen können, haben wir was in der Konsole? Das Hooked-Array, das Null ist , und die Funktion mit Klammern Und das bedeutet, dass diese Funktion ein Array Der erste Wert ist die Ganzzahl und ihre Ganzzahl, dieser Wert ist Null, weil hier ein Anfangswert dafür ist. Wie Sie sehen können, ist es jetzt größer, oder? Das ist also nur der Anfangswert für das erste Element in einem Array, und der zweite Wert ist Funktion. Das ist ziemlich interessant, oder? In dieser Situation ist es also so, es ist wie die Null und eine Art Funktion, oder? Okay, jetzt ist es hier drin. Hm. Also lass es uns vielleicht teilen. Also werden wir so etwas machen. Konstant. Nennen wir es Zähler. Du kannst es nennen, wie du willst. Lass uns einfach, weißt du, so etwas machen. Also haben wir einen Zähler erstellt , der diese Werte Null speichert, und die Funktion wird in einer Variablen gespeichert. Sie müssen also wissen, dass Sie Funktionen in Variablen speichern können und dass Sie diese Funktionsdaten aufrufen können, und Sie können den Wert von Canter hier speichern Und das ist super wichtig. Beachten Sie, dass ich dieses Array Hooked genannt habe. Warum? Weil diese Funktion Hook heißt. Es heißt so. Das liegt daran, dass es hakt, es verbindet diese Funktion für immer mit diesem Wert. Und es ist nicht so, dass wir sie irgendwo hier hinstellen mussten, oder? Es gibt nur den Variablenzähler zurück und es gibt den Funktionssatz zurück, der anzeigt, dass sie miteinander verbunden sind. Wir haben hier Namen für sie erfunden, okay? Wir könnten sie A und B nennen, oder? Es liegt an uns, wie wir sie nennen. Sie wurden gerade im Hooked-Array als erster Wert und zweiter Wert zurückgegeben im Hooked-Array als erster Wert und zweiter Wert Wir nennen sie so , weil wir sie so nennen wollen, also sind sie selbsterklärend Jetzt müssen wir hier keine IDs verwenden, oder? Wir können auf den Wert von Canter in unserer Komponente zugreifen , indem wir zu JavaScript springen Aber wie springen wir hier in der JSX hinein, von HTML zu JavaScript Weil Jax wirklich HTML plus JS ist, oder? Wir müssen hier geschweifte Klammern und jetzt den Namen der Variablen aus dem Javascript eingeben jetzt den Namen der Variablen aus dem Wie Sie sehen können, heißt es Null, aber wenn wir den Wert hier auf fünf ändern , wird es fünf sein Das ist also nur der Anfangswert für Canter. Hallo, aber wir wollen den Canter erhöhen , wenn diese Funktion aufgerufen wird, und das ist auch die einzige Möglichkeit, dies zu tun Und es wird passieren, wenn auf die Schaltfläche geklickt wird. Und in JSX haben wir welche Ereignisse, die denen von Javascript sehr ähnlich sind Sie können beim Klicken sehen, was bedeutet, wenn jemand auf die Schaltfläche klickt, was mit dem Ding passieren wird, das wir hier platzieren So können wir es zum Beispiel hier platzieren und den Wert erhöhen. Und warum Werte erhöhen, weil wir hier eine weitere Funktion definieren werden, die zum Beispiel den Wert erhöhen soll , oder? Und diese Funktion wird den Zähler auf was setzen? Zum Beispiel 40, 0400. Wenn ich darauf klicke, wird es auf 400 geändert. Also wurde auf die Schaltfläche geklickt. Und der erhöhte Wert wurde aufgerufen und der eingestellte Canter ist verbunden, angeschlossen Das ist der Grund, warum sie Hooks genannt werden, denken Sie daran. Es ist mit Canter verbunden. Wenn ich hier also einen Wert sende, senden wir wirklich einen Wert an Canter und setzen den Status von Canter Und um ehrlich zu sein, ändert Set Canter nicht nur diesen Wert, sondern erhöht auch unseren Wert wieder Woher wissen wir das? Denn wenn wir hier zum Beispiel Canter geschrieben hätten und den Wert auf 500 geändert hätten, beachte, dass hier nichts passiert. Das liegt nicht nur daran, dass Canter konstant ist , wenn wir ihn zum Beispiel in let ändern Wie Sie sehen, wird der Wert nicht verändert, warum? Nun, wir haben den Wert von Kanter geändert, um ehrlich zu sein, denn warum nicht? Wir berufen uns auf den erhöhten Wert. Das Problem ist jedoch, dass wir die Ansicht nicht aktualisiert haben. Die Aussicht ist das, was du hier siehst, okay? Was Sie auf der Website sehen. Und wir haben es nicht aktualisiert. Um es zu aktualisieren, müssen wir es erneut rendern. Aber du gibst an, als würde man Zähler an Zähler setzen, und wenn der gesetzte Zähler aufgerufen wird, ändern wir nicht nur den Wert, richtig, sondern wir erinnern uns auch an Update, rendern den Status Also an diesem speziellen Ort, und hinter den Kulissen gibt es viele Optimierungen, also mach dir keine Sorgen, weißt du, wow, es gibt einige Dinge, die man von Grund auf neu erledigen muss Das Coole ist, dass es Optimierungen gibt. Sie müssen sich nicht zu viele Gedanken darüber machen , sie zu verstehen. Ja, sie sind optimiert. Aber ich würde es benutzen, wenn es nicht so wäre, oder? Wenn ich nun den Zähler um eins erhöhen möchte, muss ich hier den Wert eingeben, der vorher war, also den Stand des Zählers von vorher, und einfach einen hinzufügen. Wie Sie jetzt sehen können, erhöhe ich den Wert nur um eins. Beachten Sie, dass wir den Zähler hier nicht um einen Wert erhöhen . Wir greifen nur auf den Status des Zählers zu , der hier angezeigt wird, und dann fügen wir diesem Status einen hinzu und wir senden den neuen Wert an set Kanter, das im Hintergrund mit Kanter verbunden ist, und es ändert hier seinen Wertstatus und rendert auch Es laufen also viele Dinge im Hintergrund, aber Sie müssen sich jetzt keine Gedanken darüber machen Jetzt werde ich Ihnen auch zeigen, wie Sie das etwas kürzer machen können. Nehmen wir es unter den Befehl und stellen wir fest, dass wir hier wirklich welches Array von Null und dann die Funktion haben , richtig? Also könnten wir hier wirklich so etwas schreiben. Wie du siehst, haben wir einen Vorschlag. Canter geht also in diesen Satz, der Zähler geht darauf ein Und um ehrlich zu sein, es ist wie, Hey, Null springt. Hier springt die Funktion, weil Sie auf diese Weise Werte zuweisen können. Wenn wir es also so machen würden, würde Null hierher springen, F würde hierher springen. Aber es ist nur die Null F, die von dem Wert zurückgegeben wird , der von dieser Funktion zurückgegeben wird, und so geht es weiter. Das ist also kürzer als das hier. Ich habe es dir gezeigt, damit du verstehst, was hinter den Kulissen vor sich geht. Und was auch? Wir rufen die Funktion hier auf, aber wir könnten es anders machen Wir könnten hier aufrufen, set counter, aber wie rufen wir sie Wir können es mit einer anonymen Funktion aufrufen , wie zum Beispiel auf diese Weise, und dann den Set-Zähler aufrufen und ihn um eins erhöhen Und wie Sie sehen können, funktioniert es gut, oder? Das wird also nicht mehr benötigt. Wir können aber auch anstelle der anonymen Funktion die Pfeilfunktion verwenden. Und in React verwenden wir Pfeilfunktionen, weil sie einen gewissen Vorteil gegenüber einigen Dingen haben , die jetzt schwer zu erklären sind, weil es sich nur um eine einfache App handelt. Aber denken Sie daran, dass die Leute anstelle anonymer Funktionen Pfeilfunktionen verwenden. Wir haben schon einmal darüber gesprochen, aber lassen Sie uns Sie daran erinnern, dies nur eine andere Art ist, Funktionen zu schreiben. Du tippst hier jetzt keine Funktion ein, oder? Sie verwenden die Klammer und dann den Pfeil, der auf den Funktionskörper Und wofür steht diese Klammer hier? Es dient zum Senden von Argumenten an diese Funktion , weil wir keine Argumente haben Wir haben leere Klammern. Diese Klammern gehören also zu diesem leeren Argument. Der Pfeil zeigt darauf, dass er die Werte an den Funktionskörper sendet, in dem sich der gesamte Körper befindet Weil es dämlich ist, eine Funktion zu erstellen, die nur eine einzige Funktion aufruft, oder? Es würde einfach zu viel Zeit in Anspruch nehmen. Also können wir es einfach so kürzer machen. Die Pfeilfunktionen verkürzen das also nur. Du siehst, es wird immer besser, oder? Jetzt haben wir getan, was wir zuvor getan haben, auf die alte Art, auf die neue Art und Weise. Das Coolste daran ist, dass wir jetzt nicht mehr darüber nachdenken müssen, wo der Wert von Counter geändert wird Wir können ihn von jeder beliebigen Stelle in unserer Umgebung aus ändern. Aber da der Status jetzt mit dieser Funktion verknüpft ist , werden wir, wenn wir das mit dieser Funktion tun, immer aktualisiert in der Ansicht aktualisiert Und das ist auch sehr mächtig. Die beiden Hauptmerkmale von React sind also , dass wir Dinge in Komponenten aufteilen, oder? Die zweite Sache ist die Verwendung von Hooks, die die Funktion mit der Variablen verbinden . Das ist nur die Lektion. Vielen Dank. 85. Was ist Nodejs und npm?: Hallo, meine Freunde, heute werden wir über eine sehr wichtige Sache sprechen, die NodeJS heißt NodeJS ist eine Software, die Sie auf Ihren PC herunterladen können. Und nachdem Sie es installiert haben, stehen Ihnen viele Tools zur Verfügung , die vorinstalliert sind, okay? Mit dieser großen Software und dem , was Sie damit tun können. Erstens können Sie mit NodeJS JavaScript außerhalb Ihres Webbrowsers ausführen JavaScript außerhalb Ihres Webbrowsers und das ist einfach super mächtig Warum? Denn wenn Sie NodeJS ausführen und es dann verwenden, führen Sie JavaScript außerhalb Ihres Webbrowsers aus, was bedeutet, dass Sie keine Programmiersprachen wie zum Beispiel Python oder PHP mehr für etwas benötigen , Python oder PHP mehr für das als Bend-Entwicklung bezeichnet wird Sie können jetzt nur noch eine Sprache lernen, Programmiersprache wie Javascript, und nie eine andere Programmiersprache lernen und eine ganze Anwendung, das Frontend, erstellen was normalerweise mit HTML, CSS und JavaScript gemacht wurde , bevor Sie zum Beispiel PHP oder Python zwei lernen mussten . Entwickeln Sie Geld. Also etwas, das zum Beispiel Daten speichert und an sie sendet und die Daten zum Beispiel aus Datenbanken holt, richtig Jetzt können Sie alles mit nur einer Sprache erledigen, und das ist die Lösung, oder? Also so so mächtig. Heute verliere ich jede neue Anwendung wenn sie groß werden soll, wird sie darauf basieren, okay? Und nachdem Sie es heruntergeladen haben, was sehr einfach ist, wählen Sie immer die Long-Ten-Support-Version. LTS bedeutet, dass es für eine lange Zeit unterstützt wird. Wählen Sie das System und Ihren Prozessor aus, was meistens X 64-Defadoption-Download ist und dann als Nächstes, als Nächstes, als Nächstes, und damit laden Sie NodeJS mit der Engine herunter, um JavaScript auszuführen, in Ordnung, und etwas, das NPM genannt wird, was für Node JS Package Manager steht Also etwas, das Pakete für Nod-JS verwalten wird. Standardmäßig enthält NoJS einige Kernfunktionen, die in Paketen verpackt sind Und mit diesen Funktionen können Sie beispielsweise Ihren eigenen Server erstellen. Wow. NodJS kann also Server in JavaScript einrichten, was bedeutet, dass Sie beispielsweise mithilfe von JavaScript auf Dateien auf Ihrem Computer zugreifen können mithilfe von JavaScript auf Dateien auf Ihrem Computer zugreifen Ja, Sie können auf Dateien auf dem Server zugreifen. Also zum Beispiel Datenbanken, oder? Und viele, viele, viele andere Dinge. Das ist nur eine Vereinfachung, aber das ist der wichtigste Teil, den du machen musst, richtig, nein, oder? Und das sind die Kernpakete, aber die Leute erstellen Pakete ohne JS Und wenn Sie so auf die Seite gehen, also npm js.com, werden Sie nach der Anmeldung feststellen, dass es 3000000/3000000 Pakete gibt Natürlich musst du nicht alle lernen. Hier können Sie beliebte Bibliotheken sehen , bei denen es sich um Pakete handelt, oder? Das Manager-Paketpaket enthält eine Bibliothek ohne JS, und Sie können sie nach Kategorien auswählen. Okay, ich möchte die Frontend-Pakete sehen, also wähle ich diese aus, und dann kann ich zum Beispiel sehen, welche beliebt sind, und mehr über sie erfahren und sie dann mit diesem NPM installieren mit diesem NPM Wie man solche Dinge wie das Installieren macht, werden wir in der nächsten Vorlesung besprechen, aber beachten Sie, dass wir hier reagieren müssen Wir haben den React Dome , den wir in der vorherigen Vorlesung benutzt haben, richtig? Wir haben sie manuell in den Kopf aufgenommen, genau hier. Aber etwas manuell einzufügen ist nicht gut, weil, naja, der Benutzer, der unsere Seite besuchen würde , diesen Teil jedes Mal herunterladen müsste, oder? Das ist einfach langsam. Und all das Zeug, was React macht? Ich meine, zum Beispiel das Kompilieren von JSX in React-Komponenten, diese Dinge sollten auf dem Server erledigt werden, oder Und deshalb können Sie direkt danach zum Beispiel Node JS auf Ihrem Server installieren . Was? Sie haben dort alle Pakete zusammengestellt , die benötigt werden, und schon kann es losgehen, oder? All diese Dinge werden auf dem Server erledigt, oder? Und du wirst einfach das Ergebnis zeigen. Also das ist super, super cool. Einfach zu installieren. Ein Klick weiter, weiter, weiter. Ich werde es nicht einmal zeigen, weil Sie auf die Schaltflächen Weiter klicken können. Und danach müssen Sie lernen, wie man es in den IDs verwendet, wie zum Beispiel Visual Studio-Code, oder? Und diese Dinge werden wir in der nächsten Vorlesung tun. Aber im Moment ist es, wie gesagt, das Wichtigste für Sie das Wichtigste für Sie, zu verstehen, dass es eine Software gibt , die Sie auf Ihrem PC oder auf einem anderen Gerät installieren. Also zum Beispiel Hosting , mit dem Sie JavaScript außerhalb des Webbrowsers ausführen können . Das ist das Wichtigste, weil es JavaScript extrem mächtig macht. Sie können ganze Anwendungen in JavaScript erstellen. Und ich werde noch eine sehr, sehr, sehr interessante Sache hinzufügen , nämlich was? Ihre Anwendungen müssen nicht nur Webanwendungen sein Okay? Wow, ja, du kannst jetzt JavaScript-Anwendungen erstellen, sogar für den Desktop, sogar für Mobilgeräte. Es gibt hier Frameworks für diese Bibliotheken, die Sie in NPM finden können Also, um ehrlich zu sein, das ist nur eine Lösung für alles. Also cool, oder? Das ist nur die Lektion. Ich danke dir vielmals. 86. Vite- und React-Struktur installieren: Hallo, mein Freund. Heute werden Sie Ihr erstes Paket installieren, das installiert wird, und weitere Pakete. Ja, das ist auch möglich. Und dieses Paket heißt Vite. Wenn du hier in den Node-Paketmanager gehst und White eingibst, wirst du feststellen, dass es etwas gibt, das te heißt und du kannst es benutzen , um nicht auf die Dinge zu achten, die hier gezeigt werden, okay? Hauptsächlich verwenden die Leute es also, um einen sogenannten lokalen Server zu starten , etwas hat, was HMR genannt wird . Das ist Hot-Modul-Replacement, was bedeutet, dass Sie alle Dinge auf Ihren Websites ersetzen können , wenn Sie damit arbeiten zwar sofort und nur in diesem speziellen Satz, ohne die gesamte Website zu aktualisieren Es ist also superschnell und einfach , mit etwas namens Vt zu debuggen Aber Vt, du musst verstehen, dass ein Paket nicht immer wie ein einzelnes Programm, eine einzige Lösung ist nicht immer wie ein einzelnes Programm, eine einzige Lösung Da können viele Dinge drin sein. Okay? Und es kann auch die Grundstruktur Ihres React-Ups einrichten. Wie machen wir solche Sachen? Wenn Sie zum Visual Studio-Code gehen und das Terminal öffnen, und um das Terminal zu öffnen, wie Sie hier sehen können, ist es Terminal, und um das Terminal zu öffnen, klicken Sie hier. Steuerung plus dieses Zeichen hier, okay? Und dieses Schild ist neben der Nummer eins, und dann können Sie das Terminal öffnen und schließen. Und da wir Node JS in der vorherigen Vorlesungswelt installiert haben, haben Sie jetzt wir Node JS in der vorherigen Vorlesungswelt installiert haben, Zugriff auf den NodeJS-Paketmanager Wenn ich also NPM eintippe, kann ich einige Befehle ausgeben Und einer davon ist init, was darin Initialisierung bedeutet, was bedeutet, den Start von deinem und was zu erstellen Also ich will das machen, was VD macht und zwar in der neuesten Version. Ich muss also nicht einrichten, welche Version von welchen Dingen ich verwenden möchte. Und wenn ich die Eingabetaste drücke, wir gefragt, wie unser Projekt heißt. Wenn ich hier den Namen unseres Projekts eintippe, werde ich einen Ordner mit diesem Namen erstellen. Aber ich werde das hier einfügen, was bedeutet, dass ich ein Projekt in diesem speziellen Ordner erstellen möchte , mit dem wir arbeiten. Fragen Sie uns dann, ob wir all diese Dateien entfernen möchten oder ob wir Vorgang abbrechen möchten oder ob Sie diese Dateien ignorieren möchten. Ignorieren wir sie. Dann können wir ein Framework auswählen, mit dem wir arbeiten möchten. Die Grundstruktur von allem. Wie Sie sehen können, haben wir reagiert. Es gibt noch andere Dinge wie Splter , die ebenfalls zu empfehlen sind Es gibt Aussicht. Sie sind auch sehr cool, viele andere. Aber wir werden in diesem Kurs React verwenden. Also wähle ich React, Enter und dann werden Sie gefragt welche Art von Sprache Sie verwenden werden? Wirst du Typescript oder JavaScript verwenden, oder? Typescript ist wie Javascript, aber mit Typen, okay Mit Typen für Variablen und einigen zusätzlichen Funktionen, erweitern Sie eins, aber viele Leute verwenden es, weil sie Typen wollen und den Code einfacher debuggen wollen Wenn Sie also JavaScript kennen, kennen Sie TypeScript fast schon, aber wir werden uns auf JavaScript konzentrieren , weil ich unseren Code nicht schwerer lesbar machen und erklären möchte unseren Code nicht schwerer lesbar machen und erklären warum ich Dinge in Bezug auf React Ich möchte nicht alles auf einmal erklären. Sie können später problemlos zu Typoskript wechseln. Wählen wir also Javascript. Und jetzt, wie Sie sehen können, hat es die Struktur für unser gesamtes Projekt erstellt , was ein großartiges Start-Setup für die React-Frontend-Anwendung ist . Und hier haben Sie so etwas wie Read MiFi, wo Sie einrichten worum es in Ihrer Anwendung geht Sie haben hier den HTML-Index , der der Ausgangspunkt für Ihre Anwendung ist, und es hat Quellen, die ap JSX sind, wie Sie sehen können, X hier, nicht JS, es ist X, weil Sie hier mit HTML und JavaScript schreiben , Zig an einem Ort, richtig Und die Version wird mit dem Bb geliefert, das ist cool, weil du all diese Dinge dann nicht manuell installieren musst all diese Dinge dann nicht manuell installieren musst Und jetzt zeigen wir dir etwas sehr Cooles. Wenn ich NPM run Dev starte, wird es nicht funktionieren Warum? Das liegt daran, dass wir all diese Dinge hier nicht installiert haben. Wir haben gerade die erste Vorlage eingerichtet. Also müssen wir jetzt alle Abhängigkeiten installieren, also Pakete, die irgendwie etwas Divide zu tun haben, oder? Wenn ich jetzt auf NPM install klicke , werden all diese Dinge installiert Und wie Sie sehen können, wird es einige Zeit dauern. Beachten Sie jedoch, dass wir hier etwas haben, das als Node-Module bezeichnet wird. Und wie Sie sehen können, wurden hier viele Dinge installiert. Nicht viel. Das Wichtigste für uns ist also te, aber damit te funktioniert, hängt von vielen anderen Dingen ab, und es enthält auch einige andere Pakete. Und um ehrlich zu sein, müssen wir uns nicht darum kümmern. Deshalb brauchen wir den Paketmanager, damit wir uns nicht darum kümmern müssen, oder? Das Wichtigste für uns ist, dass all diese Dinge gerade installiert wurden und wir sie verwenden können. Das ist es, was für dich wichtig ist. Und wenn du jetzt etwas ausführst, was NPM run Dev genannt wird. Wie du siehst, ist das Paket Jason quasi eine Beschreibung dessen, was NPM macht, okay Wenn wir also den Death-Befehl ausführen, wird er Vite ausführen Und das bedeutet, dass es in unserem Fall den Server starten wird , weil das der Hauptzweck von Vt ist . Und wenn ich jetzt hier öffne, haben wir, wie Sie sehen können, den Ausgangspunkt. Wir können hier zählen oder wir können zum Beispiel auch einige Werte ändern und das Ergebnis sofort sehen. Beachten Sie also, dass, wenn ich so etwas mache und ich, wie Sie sehen können, zur Quell-App JSX gehe und etwas ändere, Quell-App JSX gehe um zu sehen, wie cool ich bin Wenn ich also so etwas mache und die Datei speichere, wie Sie sehen können, ändert sich das hier sofort Wir müssen diese Seite also nicht einmal aktualisieren, oder? Was auch immer wir hier tun, es wird hier auftauchen. Und das ist super cool zum Debuggen. Beachten Sie aber auch, dass wir nicht mehr, wie wir es in der vorherigen Vorlesung getan haben, React, React Document Object Model einbeziehen müssen wie wir es in der vorherigen Vorlesung getan haben, React, , weil es von vite gemacht wurde , als wir die Vorlage für React ausgewählt haben, Wir mussten nicht mehr darüber nachdenken. Wir müssen nicht auch die Bibel mit einbeziehen. Und das Wichtigste ist, dass all diese Dinge jetzt auf dem Server sind, richtig, weil es nicht so ist , dass jemand sie später herunterladen muss. Also, um ehrlich zu sein, es macht dein Leben einfach besser , weil wir all diese Dinge manuell machen müssen, oder? Sie haben hier zum Beispiel auch Gitignore, was sehr gut ist Wenn du Github kennst, wird es die meisten Dinge ignorieren, die nicht auf Github hochgeladen werden sollten, oder ? Also einige sichere Dinge, die nicht geteilt werden sollten, oder Dinge, die groß sind und auf Github nicht benötigt werden, also zum Beispiel Node-Module. Das ist also wie eine Start-Setup-Vorlage. Also hilft dir Vite dabei? Und zweitens können Sie den Server jetzt lokal ausführen und Ihre React-Anwendung sofort debuggen Sie können Ihre Komponenten einfach sofort erstellen und so weiter, was ich Ihnen in den nächsten Vorlesungen zeigen werde Ist quasi der Ausgangspunkt für Ihre Bewerbung im Handumdrehen. Sehr zu empfehlen. Ich liebe Vt. Das ist nur die Lektion. Ich danke dir vielmals. 87. Ein-Datei-App zu mehrerer Dateien – Struktur eines React-Projekts analysieren: Hallo. In diesem Vortrag werde ich Ihnen zeigen, wie Sie was wir in den ersten Vorlesungen getan haben, umsetzen können. Also, wie man das in die aktuelle Ordnerstruktur einfügt. Sie werden also die Dateien lernen, die hier sind. Was machen sie? Wofür sind sie verantwortlich, okay? Und außerdem, wie wir das, was wir vorher gemacht haben, in einer einzigen Datei zusammenfassen können. Jetzt in mehreren Dateien. Also zuerst, siehst du diese Datei hier? Sie befindet sich im Quellordner und heißt Main JSX, was für JavaScript XML steht Und das ist das Wichtigste, deshalb wird es als Hauptskript Ihrer gesamten Anwendung bezeichnet , das alles verbindet Und beachte, was hier passiert. Erstens haben wir viele importierte Laptops, und sie sind für den Import von Funktionen oder Komponenten verantwortlich , oder? Außerdem sind sie dafür verantwortlich , eine Verbindung zu etwas herzustellen, das Upjzix genannt wird , wo Sie Ihre Hauptanwendung haben , und importieren auch Indexpunkt-CSS, das für das CSS Ihrer gesamten Site verantwortlich ist Das ist also wie ein Ort, an dem Sie alles verbinden und auch das Stammverzeichnis Ihrer Website erstellen Und beachten Sie, dass wir in New Way HTML auch so etwas gemacht haben, oder? Aber wir mussten etwas verwenden, das als React-Dokument-Objektmodellklasse bezeichnet wird . Aber warum haben wir es hier nicht benutzt? Das liegt daran, dass wir hier die Funktion Create Root importiert haben . Wir könnten es so machen, okay? Und, weißt du, später müssen wir das React Document Object Model importieren, und alles wird genauso funktionieren. Aber das neueste React wird nicht mehr in den Klassen verwendet. Es möchte nur Funktionen verwenden. Und um ehrlich zu sein, es ist einfacher zu lesen, wenn man solche Dinge schreibt , weil man erstens klar erkennen kann, was im aktuellen Programm hier oben verwendet wird , richtig, also dieses Programm benutzt Funktion Create Root, okay? Und wenn wir Just Create Root verwenden, ist es nicht so , dass wir das gesamte Objektmodell von React Document mit all den darin enthaltenen Methoden haben. Soweit ich gelesen habe, gibt es aus diesem Grund auch eine Art Optimierung im eine Art Optimierung im Hintergrund. Das ist also eine Win-Win-Situation. Wir müssen jetzt nicht so etwas schreiben. Beachten Sie, dass wir hier die Wurzel schlagen. Das ist dasselbe wie hier, und es nimmt das Stammverzeichnis von der oberen JSX-Komponente, und das ist eine Komponente, aber das ist ein Skript Wie unterscheiden wir dieses Ding? Beachten Sie, dass der erste Buchstabe hier ein Kleinbuchstabe ist, und das ist der Grund, warum es sich hier nur um ein Programm, ein Skript handelt. Aber wenn Sie den Anfang in Großbuchstaben sehen , bedeutet das, dass es sich um eine Komponente handelt. Das ist wie eine Konvention, um Dinge zu benennen Wenn wir sie erstellen, rendern wir sie auch sofort. Wir könnten es, weißt du, vorher in einer Zeile rendern, also könnten wir so etwas machen, wenn wir wollten, es könnte so gemacht werden, aber wir haben es einfach anders gemacht, oder? Und danach haben wir hier eine ähnliche Anwendung, genauso wie wir es getan haben. Hier wird aber auch so etwas wie ein strikter Modus bezeichnet. Du kannst ihn, wenn du willst, löschen, aber das ist, wie der Name schon sagt, wie ein Öffnungsmodus, genau beobachtet, was du in deinem aktuellen Projekt schreibst. Und wenn Sie einen Fehler machen, ist er aufgrund dieses Modus leichter zu erkennen, okay? Und ohne ihn wäre es einfach schwieriger, ihn zu erkennen. Sie denken vielleicht, dass es beispielsweise Ihre Website verlangsamen wird. Wenn es auf Ihrem Entwicklerserver wäre, ich meine, auf dem Produktionsserver. Also, wenn du willst, dein IS übertragen und es war da, dann ja, aber das Coole ist, dass Vt es hinzugefügt hat und es entfernen wird. Ganz von alleine. Du musst dich nicht einmal daran erinnern. Das ist also nur eine Win-Win-Situation. Sie werden Ihre Anwendung im strikten Modus entwickeln und danach, wenn Sie Ihre Anwendung bereitstellen, wenn Sie sie erstellen. Und um Ihre Anwendung zu erstellen, würden Sie NPM run Build schreiben, okay? Und es würde das Skript ausführen, das aus dem Paket JCN stammt, das Build heißt Und so würde es Vte verwenden, um die gesamte Anwendung zu erstellen. Wir werden es jetzt nicht tun, okay? Aber es ist einfach so, du weißt schon, du brauchst dich nicht darum zu kümmern , dass der Straßenmodus später etwas langsamer wird. Also haben wir root erstellt und ihre Anwendung, die gesamte Hauptkomponente zur Hauptkomponente gemacht , die alles verbinden wird. Und wie Sie sehen können, haben wir hier was? Funktion, die aufgerufen wird, und das ist Ergänzung, richtig? Denken Sie daran, Name der Komponente. Und es hat den gleichen Namen wie die Datei, und hier ist der Inhalt, richtig? Und das wird zeigen, wo. Nun, es wird im Dokument ein gutes Element nach ID-Stamm anzeigen . Also im Index-HTML. Also hier, okay? Also wird es das, die Wurzel, durch den Inhalt dessen ersetzen , was auch immer wir hier als Rückgabe angeben, okay? Um ehrlich zu sein, werden wir später nicht auf den HDMI-Index eingehen. Wir werden es nur einmal einrichten und wahrscheinlich nie wieder hierher zurückkehren. Hier haben Sie auch das erste Skript, das ausgeführt werden sollte, ja, dieses Skript, das nur die erste Komponente mit dem Index-HTML verbindet . Und es ist auf diese Weise aufgeteilt, weil Sie fast nie Index-HTML aufrufen, wenn Sie React und JSX als Haupt-JSX verwenden Das ist sehr selten. Das ist also cool, weil es wie ein globales Skript ist , das man selten besucht. Aber hier werden Sie später, wenn Sie Ihre Website entwickeln, alles verbinden . Also, um ehrlich zu sein, wenn du das wiederholen willst , was wir vorher gemacht haben Also hier müssen wir nur die gesamte Anwendung nehmen, die wir hatten, richtig, und zu hier gehen und einfach diese Funktion hier ersetzen, richtig ? richtig, und zu hier gehen und einfach diese Funktion hier ersetzen, richtig Und um ehrlich zu sein, das ist alles, aber wir haben einen Fehler. Warum? Erstens gibt es hier Warnungen, die besagen, dass der Nutzungsstatus zwar deklariert, aber zum Beispiel nicht verwendet wird. Und das liegt daran, dass wir gerade mit welcher React-Klasse auf den Use-Status zugreifen . Und wie ich bereits sagte, in der neuesten Version sollten wir es in der neuesten Version nicht über das Objekt verwenden, sondern wir sollten es so machen, okay? Wir können also deutlich sehen, okay, der Hook-Status wird an dieser Stelle verwendet werden. Als Nächstes erhalten wir Warnungen vor Dingen, die wir nicht mehr verwenden, also können wir sie einfach löschen. Und um ehrlich zu sein, das ist alles. Wir haben jetzt alles, was wir gemacht haben, in einer Datei , in ein paar Dateien, und es scheint, als ob es momentan kompliziert ist. Aber wenn Ihr Projekt kompliziert wird, wird das Ihren Arbeitsablauf verbessern, glauben Sie mir. Am Anfang scheint dieser Workflow wirklich seltsam zu sein. Ich verstehe, dass du dir keine Sorgen machst, mir ging es genauso. Du musst dich nur daran gewöhnen. Und hier haben wir jetzt unsere Funktion, erste Komponente, die Anwendung, die die nächsten Komponenten darin verbinden wird . Wie man solche Sachen macht, werde ich dir in der nächsten Vorlesung zeigen. Vorerst ist das Wichtigste für Sie, dass der Hauptort dessen, was Sie tun werden , hier passiert, um neue Komponenten an diesen Stellen anzuschließen , Sie werden sehr selten sein. Das ist der Hauptort. Sie werden zum Beispiel kein normales Index-HTML verwenden. Nein, du wirst einfach die meiste Zeit hier bleiben. Und wenn Sie CSS aktualisieren möchten, das mit einer Komponente verbunden ist, haben Sie, wie Sie sehen können, auch CSS mit Großbuchstaben nach oben, und hier ist CSS für Logo für Dinge, die wir gerade gelöscht haben. Aber ja, es ist hier. Und Index-Punkt-CSS ist nur CSS für Ihre gesamte Website. Wie Sie sehen können, ändern sie zum Beispiel, wie Anker funktionieren, wie fett sie dargestellt werden sollten, Wir verwenden standardmäßig Display-Flex und so weiter und so weiter Es gibt also einige Dinge, die für alles gelten werden . Okay, das ist nur diese Lektion. Wenn Sie Fragen haben, können Sie diese gerne stellen. 88. Komponente erstellen und mit App.jsx verbinden: Hallo, mein Freund. In diesem Vortrag werde ich Ihnen zeigen, wie wir Komponenten in der Struktur einer React-Anwendung erstellen . Zunächst möchten wir eine Komponente erstellen Sie sollten zuerst einen Komponentenordner erstellen. Warum? Das liegt daran, dass du viele davon haben wirst. Warum legen wir diese Komponente nicht in den Komponentenordner? Das liegt daran, dass Sie einen sehr schnellen Zugriff auf diese Datei haben möchten , da Sie häufig auch JSX öffnen können Aktualisieren Sie die Struktur aller Komponenten Ihrer Website. Sie werden bald sehen, warum es wichtig ist? Wenn wir also in den Komponenten sind, müssen wir jetzt eine Datei erstellen. Und das ist sehr wichtig. Und wenn du deine FIs benennst, okay? Wenn Sie Komponenten benennen, sollten Sie sie immer in Großbuchstaben benennen Das ist also der Name des Skripts, Jaz, okay? Also, wenn Sie ein Drehbuch haben, also ein Programm, das einige Dinge tun wird , werden Sie es so nennen Aber um sie von Komponenten zu unterscheiden, sollten Sie Großbuchstaben verwenden. Derselbe UPJSex. Wir müssen jetzt unsere Komponente für das aufrufen , was für das verantwortlich ist, was sie zeigen wird Sag mir, wie würdest du die Komponente nennen , die wir hier haben? Die Komponente ist wie das Zählen von Klicks, oder? Es hat einen Tracker nachverfolgt werden kann, wie viele Clips wir angeklickt haben Das könnte zum Beispiel Klickzähler, Zählertaste, Klick-Tracker, interaktiver Zähler, Freizeitzähler genannt zum Beispiel Klickzähler, Zählertaste, Klick-Tracker , interaktiver Zähler, werden. Das Wichtigste ist, dass es sich um eine selbsterklärende und neue Datei handelt, und ich werde sie Click Counter nennen Wie Sie sehen können, habe ich hier den ersten Großbuchstaben und den ersten Großbuchstaben für auch zweite Wörter für die Wörter verwendet hier den ersten Großbuchstaben und den ersten Großbuchstaben für auch zweite Wörter für , die nach dem ersten Wort kommen , weil es hier möglicherweise viel mehr Wörter gibt möglicherweise viel mehr Also JSX. Und das ist unsere erste Komponente, und ich werde eine Funktion erstellen, die genauso heißt wie der Name unseres Was? Fünf. Und danach müssen wir den Hauptteil erstellen, und der Hauptteil davon wird einfach aus der Up-Komponente sein weil wir ihn einfach in eine andere Datei einfügen wollen , damit wir ihn wiederverwenden können. Und jetzt haben wir Fehler. Der erste Fehler ist, dass es angeblich nie benutzt wurde, und das zweite ist so, naja, wir haben es nicht exportiert. Wir müssen es exportieren, also können wir so etwas wie „Lasst es uns standardmäßig exportieren“ sagen , und wir exportieren den Klickzähler. Das ist also sehr wichtig, weil viele Leute es nicht wissen. Wir hatten schon einmal eine Lektion darüber, aber ich erinnere Sie daran, weil es sehr wichtig ist Ich informiere sie nur, dass es möglich ist, es irgendwo zu importieren, okay? Der zweite Fehler, den wir haben , ist , dass der Nutzungsstatus nicht definiert ist Also müssen wir es importieren, weil ich Codium installiert habe. Wie Sie sehen können, kann ich einfach auf Tippen klicken und es wird sozusagen das ersetzen, was es vorgeschlagen hat Also, um Codium zu benutzen, installiere es einfach, es ist eine KI. Es ist sehr nützlich. Jetzt verwenden wir hier den Nutzungsstatus, also hat es gut funktioniert. Wir haben es also in einer Datei, die momentan mit nichts verbunden ist. Also können wir es jetzt hier nicht verwenden, oder? Wir können unseren Aufenthalt hier streichen , weil er nicht mehr da ist, oder? Und wir werden auch entfernen, was wir hier zurückgegeben haben, und wir wollen hier unseren Klickzähler verwenden, oder? Aber wie machen wir so etwas? Nun, wir müssen darauf zugreifen, also klicken Sie. Klicken Sie auf Canter. Und beachten Sie, das liegt daran, dass wir an einem Projekt arbeiten , das von Kritikern eingeladen wird Wir haben einige Erweiterungen installiert. Wenn wir die Eingabetaste drücken, wird es importiert. Klicken Sie hier auf Canter. Also können wir es jetzt verwenden. Und wenn ich die Tabulatortaste drücke, wird das hier auch hinzugefügt, wie du siehst . Und jetzt, wenn wir hier hingehen, können wir es, wie Sie sehen, normal verwenden wie zuvor, aber das Erstaunlichste daran ist, dass ich es viele Male wiederverwenden kann. Deshalb sind Komponenten cool. Das Problem, das wir hier haben, ist, dass wir einen Fehler haben , weil wir etwas verwenden müssen , das als React-Fragment bezeichnet wird, okay? Wenn wir viele Komponenten verwenden wollen , wenn wir etwas zurückgeben. Wir könnten hier zum Beispiel DIV verwenden , okay, aber das wäre nur Overhead. Wir können es einfach so ausdrücken , weil wir nicht wirklich ein Tag brauchten, wir wollten nur verfolgen wie die JavaScript-Sprache funktioniert, denn wenn man etwas zurückgibt, kann man nicht viele Reaktionskomponenten und eine zurückgeben. In Javascript ist das einfach unmöglich. Deshalb haben sie so etwas erfunden. Wenn also jemand versucht, viele Dinge zurückzugeben, wird es kein Fehler sein, wenn Sie solche Dinge tun. Und jetzt haben wir ein paar davon, und das Coolste an diesem Hinweis ist, dass der Status der einzelnen Variablen nicht miteinander verbunden ist Das ist großartig, weil jede Komponente, wenn Sie eine Instanz davon erstellen, ein Beispiel dafür erstellt, etwas, von dem es nicht so ist , als ob sie voneinander wissen, oder? Warum ist es so cool? Denn normalerweise, wenn du es vorher alles in HTML und JavaScript geschrieben hast, als du ein anderes ähnliches Element erstellt hättest, machen wir dasselbe. Sie müssen die Ideen ändern, Element für ID für das nächste Element ermitteln, Sie müssen all die Dinge wiederholen, die Sie hatten. Andernfalls wüsste JavaScript nicht , welcher Typ wann aktualisiert werden sollte. Aber hier kannst du es einfach an jeder beliebigen Stelle in deiner App wiederverwenden. Deshalb ist React auch leistungsstark. Erstellen Sie einen und verwenden Sie ihn wieder, wo immer Sie möchten. Denn wenn es einmal gemacht ist, können Sie einfach hierher springen und nicht einmal an die Komponente selbst denken, Sie verwenden sie einfach, oder? Alle Verbindungen sollten in Ihrer Komponente automatisch hergestellt werden. Und das zeigt dir meiner Meinung nach, warum React auch sehr, sehr cool ist. Natürlich würde sich unsere aktuelle Komponente nicht so auf Ihrer Website wiederholen, aber das dient nur dazu, Sie wissen schon, Ihnen die grundlegendsten Dinge zu zeigen, Ihnen die grundlegendsten Dinge zu zeigen wenn Sie re lernen. So funktioniert es also. Im Moment benötigen wir nur eine Komponente , und wie Sie sehen, ist es sehr gut, dass sie ihren Zustand beibehält. Und es ist wichtig zu beachten , dass wir hier haben, was das für ein Import ist. Sonst würde es dieses Ding nicht sehen. Also müssen wir das hier importieren. Das ist also, wie ich bereits sagte, ein Ort, um alle Komponenten, die Sie erstellen werden, miteinander zu verbinden , denn in Zukunft werden Sie in Komponenten viele andere Komponenten erstellen , wie zum Beispiel Kopf, Navigation, zum Beispiel Schaltflächen, die für verschiedene Dinge verantwortlich sind. Und dann können Sie sie einfach mithilfe des Stacks hier ablegen. Das ist super cool, oder? Wenn Sie Fragen haben, können Sie diese gerne stellen. 89. Was sind Requisiten und wie verwende ich sie?: Hallo, mein Freund. Heute werden wir über etwas sprechen, das man Requisiten nennt, und sie stehen für Proprietäten und sie stehen für Proprietäten Beachten Sie, dass wir hier Click Canter haben, und dieser Click Canter basiert auf einer Komponente, die immer Und ja, ich kann meine Komponente jetzt viele Male wiederholen, aber manchmal möchte man Komponenten anpassen Ich möchte zum Beispiel eine andere Bezeichnung für diese Schaltfläche haben. Ich möchte dieses Muster zum Beispiel um fünf erhöhen. Ich möchte also ein anderes Verhalten, oder? Ich möchte eine bestimmte Komponente nach meinen Wünschen anpassen , wenn ich sie in meiner Anwendung verwende, oder? Also zum Beispiel an dieser Stelle hier. Also, wie machen wir so etwas? Wir müssen irgendwie einen Wert senden, um auf Canter zu klicken , der sein Verhalten ändert, und wir tun das, indem wir etwas senden, was Requisiten genannt wird, die wie Argumente für Funktionen sind, okay Also, wie machen wir das? Wir müssen sagen: Hey, ich möchte, dass der Anfangswert zum Beispiel nicht Null, sondern zehn ist, oder? Und jetzt wird dieses Ding wohin geschickt, zu unserem Klickzähler hier zu dieser Funktion. Es ist also wie ein Argument zu senden. Sie nennen es Requisiten, weil sie es, nun ja, so nannten Eigenschaften, richtig? Eigenschaften der Funktion werden wie jetzt hier sein, senden. Und jetzt können wir es zum Beispiel Requisiten nennen , okay? Und das ist genug, aber was haben wir hier? Irgendeine Art von Warnung , weil wir sie zum Beispiel noch nicht benutzt haben, oder? Und was können wir jetzt mit diesen Requisiten machen? Wir können sie benutzen. Wie? Was sind das jetzt für Requisiten Nun, wenn ich so etwas mache, loggt die Konsole Requisiten. Mal sehen, was wir haben werden , wenn wir unsere Seite aktualisieren. Sie werden feststellen, dass wir in der Konsole haben, wo ist es? Der Anfangswert zehn ist, wie Sie sehen können, hier. Also Requisiten sind wirklich welches Objekt, oder? Also, es bedeutet, dass wir es an diesen Ort kopieren können Das heißt, wir haben hier genau das, oder? Wenn Sie also auf den Anfangswert zugreifen möchten, müssen wir an dieser Stelle die Requisiten dieses Anfangsvolumens eingeben , richtig? Und wie Sie sehen können, haben wir hier ein Problem. Das erste Problem ist, dass wir es nicht spezifiziert haben, vielleicht habe ich es falsch eingegeben Anfangswert. Das ist okay. Also, wenn ich es aktualisiere, sind es, wie du siehst, zehn. Und an anderen Stellen ist es falsch, weil wir den Standardwert nicht festgelegt haben. Und das ist das Problem, das wir lösen können, indem wir in React etwas verwenden, das als Propetypen bezeichnet wird Aber die Verwendung dieser Lösung ist sehr langwierig und ich möchte Ihre kostbare Zeit nicht verlieren, denn heutzutage verwenden Sie diese Lösung nicht, Sie verwenden zum Beispiel ich möchte Ihre kostbare Zeit nicht verlieren, denn heutzutage verwenden Sie diese Lösung nicht, Typoskript, um einen Typ zu spezifizieren Außerdem nehmen die meisten Leute in solchen Situationen hier nicht das gesamte Objekt mit allen Werten, wie zum Beispiel das einzelne Objekt wie Requisiten, sie machen es anders Bald werde ich dir zeigen, wie. Wenn ich also den Anfangswert von Requisiten habe, kann ich darauf zugreifen, aber ich könnte es auch anders machen Ich könnte so etwas machen. Also kräuseln Sie die Klammern hier und geben Sie den Anfangswert ein. Also derselbe Name, den ich hier verwendet habe, oder? Und jetzt verwenden wir hier keine Requisiten, sondern den Namen von hier. Und wie Sie sehen können, funktioniert es auch gut. Aber wir können hier jetzt auch einen Standardwert setzen. also die Komponente die benutzerdefinierte Requisite nicht auf diese Weise verwendet, wird Null zugewiesen Wie Sie sehen können, ist der Standardwert jetzt, wenn ich es aktualisiere , zehn, aber in anderen Fällen ist es Null Und Sie fragen sich vielleicht, wie das funktioniert? Also dieser Ort hier ist wirklich so. Also versuchen wir, einem Objekt, dessen Anfangswert am Anfang auf Null gesetzt ist, und einem Objekt, dessen Anfangswert auf zehn gesetzt ist, zuzuweisen Objekt, dessen Anfangswert am Anfang auf Null gesetzt ist, und einem Objekt, . Also ersetzen wir hier einfach zehn, wir ersetzen Null durch Zehn. Nehmen wir an, dass es mehr maßgeschneiderte Dinge geben wird . Nehmen wir zum Beispiel an, ich möchte anders zählen. Nehmen wir an, der Zähler muss zum Beispiel um erhöhen, und wir setzen den Standardwert auf eins, richtig? um erhöhen, und wir setzen den Standardwert auf eins, Also so etwas in der Art. Aber wir können jetzt auch inkrementieren um, und sagen wir, dass wir hier bis fünf zählen werden Also haben wir jetzt wirklich so etwas gemacht. Um fünf erhöhen. Und hier wird standardmäßig um eins erhöht. Also das hier, ich ersetze es einfach Aber beachten Sie, dass wir zum Beispiel den Anfangswert angeben können , sagen wir, dass hier der Standardwert 500 sein wird, oder? Sie haben also 10500. Und im Fall der zweiten Komponente haben wir hier nur diesen Wert, richtig, hierher geschickt. Und das funktioniert so. Es wird JavaScript suchen nach Schlüsseln für Eigenschaften , die Anfangswerte sind. Hier haben wir also den Anfangswert, und es werden nur diejenigen geändert, die , der sich auf der rechten Seite befindet. Also kommen hier 500 rein und werden um eins erhöht, wir bleiben einfach So wählen wir also Standardwerte. Und das ist auch der Grund, warum wir hier geschweifte Klammern verwenden müssen , denn wenn wir keine geschweiften Klammern verwenden , wird unser Programm überhaupt nicht funktionieren Das liegt daran, dass wir versuchen, in dieser Situation so etwas zu tun , was keine Syntax ist , die in Javascript möglich ist, oder Deshalb müssen wir so etwas tun. Und es ist, glaube ich , jetzt ziemlich einfach zu lesen, oder? In unserem Klickzähler für Komponenten können Sie oben deutlich sehen, welche Eigenschaften angepasst werden Eigenschaften angepasst werden. Wie sind sie codiert, richtig? Und was sind die Standardwerte? Wenn wir die Lösung verwendet hätten , die im S-Lint enthalten ist , nun, das wäre wirklich lang, und ich finde es langweilig. Es nimmt einfach zu viel Zeit in Anspruch und es wird nichts Besseres erreicht. Wie Sie sehen können, heißt es immer noch , dass die Validierung fehlt. Das liegt daran, dass wir den Typ nicht festgelegt haben. Und in Typoskript ist das Einstellen von Typen einfach. Wir werden das, was der S-Link sagt, für diesen Kurs nicht verwenden der S-Link sagt, für diesen Kurs weil wir damit einfach alles übertreiben und unsere kostbare Zeit für das Erlernen cooler Funktionen verlieren In der Konfliktdatei in den Regeln füge ich hier einfach eine Zeile hinzu, die besagt, dass wir die Requisitentypen ausschalten wollen Und jetzt werden wir diese Warnung nicht jedes Mal bekommen. Und in diesem Vortrag war das Wichtigste für Sie, dass Sie gelernt haben, maßgeschneiderte Requisiten zu versenden . Eine Übung, die ich bald mit Ihnen machen werde , wenn Sie mit mir zusammen folgen möchten, ist, hier den Click-Bin individuell zu gestalten Also für die Person , die in der App die Klickzähler-Komponente verwendet , um sie manuell einzustellen Wie würdest du das machen? Zuerst müssen Sie eine neue Requisite einrichten und wir gehen, nennen wir es zum Beispiel Button-Text, so etwas Standardmäßig können wir es so einstellen, dass es wie unser CdiumHadlas klickt , und wir können So, oder? Sie verwenden hier also den Button-Text, weil das Standardverhalten Click Me ist, also ändert sich nichts. Aber wir können so etwas wie hier sagen, zum Beispiel den Schaltflächentext, und ihn so einstellen, dass er beispielsweise um fünf erhöht wird. Sie können also sehen, dass wir den Standardwert der Schaltfläche ändern. Wir müssen jetzt nicht zur Komponente kommen, um sie vielleicht an den spezifischen Anwendungsfall anzupassen. Wir können jede Komponente von hier aus mit unseren Requisiten anpassen , oder? Wenn wir nicht anpassen möchten, können wir das Standardverhalten in Zeile 11 verwenden Aber wenn wir anpassen möchten, können wir von hier aus jedes Standardverhalten ändern, oder? Sie könnten den H-One-Header auch benutzerdefiniert machen, oder vielleicht könnten Sie ihn so gestalten , dass er angezeigt wird oder nicht. Es liegt an dir. Du kannst damit spielen. Aber das Wichtigste an dieser Vorlesung für Sie ist, dass Sie Argumente an die Komponenten senden können Argumente an die Komponenten indem Sie im React sogenannte Requisiten verwenden Nun, Bibliothek, jeder nennt es Requisiten, oder? Sie werden jetzt also wissen, wie man sie benutzt und warum sie so genannt werden Und worauf beziehen sich die Leute wirklich , wenn sie über Requisiten sprechen Es sind einfach Argumente, die geschickt werden, um gut zu funktionieren, oder? Das ist nur die Lektion. Ich danke dir vielmals. 90. Intro: Was werden wir kreieren?: Hallo, mein Freund. Heute möchte ich dir zeigen, was wir in der nächsten Vorlesung kreieren werden? Wir werden einen Gold-Clicker entwickeln, dem Sie innerhalb dieser Goldmine Gold abbauen können innerhalb dieser Goldmine Gold abbauen Wenn Sie auf Gold abbauen klicken, sehen Sie, wie Sie sehen können, eine Animation der Goldmenge , die wir gesammelt haben Und beachten Sie, dass diese Muster deaktiviert waren. Aber jetzt kann ich zum Beispiel mein Mining-Level verbessern und aus diesem Grund ist die Leistung meines Minings jetzt gleich zwei. Und wenn ich meine Goldmine erreicht habe, wie Sie sehen können, mine ich jetzt um zwei Beträge, richtig? Jetzt kann ich es noch weiter aufrüsten. Jetzt ist es um vier Uhr. Aber ich kann auch den Auto Clicker, Auto Miner kaufen Und wie Sie sehen können, verfolgt er jetzt automatisch mein Ziel Wenn ich es wieder kaufe, wie du siehst, haben wir jetzt was. Ja, es ist Mining mit der Leistungsstufe Zwei weil Autoclicker noch nicht aufgerüstet sind Zumindest haben wir jetzt keine Möglichkeit, sie aufzurüsten. Das ist also ein einfaches Spiel wie Auto Clicker, oder? Du könntest es natürlich später um Diamanten und so weiter und so weiter erweitern es natürlich später um Diamanten und so weiter und so weiter Aber im Moment machst du es ein bisschen kleiner. Wir werden alles in einer Datei zusammenfassen, um uns zum Beispiel zunächst auf die Funktionen zu konzentrieren , die Sie lernen müssen , um gut und richtig zu reagieren. Darauf möchte ich mich in dieser Vorlesung in diesen Vorlesungen konzentrieren und dabei feststellen , dass ich auch welche Icons erstellt habe. Wir werden also lernen, wie man solche Icons bekommt und sie auf Sonnenhöhe platziert, unsere Reaktion. Außerdem, wie man animiert, wie Sie hier sehen. Beachten Sie, dass, wenn ich auf Auto Clicker drücke, dies und das animiert sind, oder? Als ich auf Mining geklickt habe, hat sich das und das geändert. Das liegt daran, dass es Geld kostet, aufzurüsten, oder? Also ich hatte das und das musste sich bewegen. Sie können sehen, das ist wie ein einfaches Spiel, das wir ein bisschen spielen und später Autocliker kaufen können ein bisschen spielen und später Autocliker kaufen Es gibt also viele, viele Spiele wie dieses online, aber das Wichtigste für uns ist, dass du in diesem Abschnitt viele gute Dinge lernst und wir gleichzeitig Spaß haben werden, weil das Entwickeln von Spielen wirklich cool ist Wenn du Fragen hast, kannst du sie wie immer gerne stellen. 91. Z. B. GoldMiner Hauptkomp erstellen: Hallo, meine Freunde. Dies ist eine Übung, weil Sie in der Lage sein sollten , diesen Teil unseres Goldminenmeisters selbst zu erledigen Sie haben also Heather Gold Minor Gold und die Menge an Gold, und wenn Sie darauf klicken, erhöhen Sie den Wert Das haben wir in den vorherigen Vorlesungen gemacht. Denken Sie daran, wenn Sie Programmierer werden wollen, müssen Sie üben und es selbst machen oder sich die Vorlesung ansehen, wie ich es gemacht habe Also habe ich den Goldminer aus den Komponenten hier in unsere Hauptanwendung eingefügt und den Goldminer, den ich zu den Komponenten hinzugefügt habe, habe ich eingehakt, also habe ich den Funktionssatz Gold mit dem Gold verbunden Und dann bin ich zurückgekehrt, was? Kopfzeile, Gold Minor, der aktuelle Wert. Und wenn jemand auf das Muster klickt, die Funktion „Gold setzen“ , die an Gold gebunden erhöht die Funktion „Gold setzen“ , die an Gold gebunden ist, den Goldwert um eins, wenn jemand auf Mingd klickt Das ist also ein ziemlich einfacher Zugang zu unserer Anwendung, und du solltest in der Lage sein, solche Dinge sehr schnell zu machen weil das nur die grundlegendste Sache in Bezug auf React ist , also übe, okay In den nächsten Vorlesungen werden wir natürlich alles von Grund auf neu erstellen. Ich werde dir nicht zeigen, wie etwas gemacht wurde, denn du musst sehen, wie Dinge gemacht werden, um zu lernen und ein guter Programmierer zu werden Wenn Sie Fragen haben, können Sie diese gerne stellen. 92. Goldminen-Strom-Upgrade: Hallo, meine Freunde, es ist Zeit, was zu kreieren? Bergbau-Niveau. Also lass uns hier ein Mining-Level wie dieses erstellen, oder? Und jetzt müssen wir dieses Level zeigen. Und um es zu zeigen, müssen wir zuerst eine Variable erstellen, die an eine bestimmte Funktion gebunden wird Also schlage ich vor, es vielleicht nicht Mining-Level zu nennen, sondern so etwas wie Click Power Das liegt daran, dass Sie es vielleicht in Zukunft nicht nur an etwas anhängen möchten es vielleicht in Zukunft nicht nur an etwas anhängen nicht nur an etwas , das etwas ausmachen wird, oder? Vielleicht möchtest du ein Spiel erstellen, das, du weißt schon, erstellt, wenn auf etwas geklickt wird, dann wird es zum Beispiel das Level des Spielers oder das Level seiner Ausrüstung erhöhen zum Beispiel das Level des Spielers oder das Level seiner Ausrüstung Dieser Name wird also universeller sein, oder? Also klicken Sie auf Power, setzen Sie Click Power und als Standard können wir es auf eins setzen. Okay, also was können wir jetzt einfach tun? Zeig es hier, richtig? Click Power kann angezeigt werden, und wie Sie sehen, ist es eins. Wir brauchen auch einen Button, der das ändern wird. Lassen Sie uns also eine Schaltfläche erstellen, und wie Sie sehen können, ist das Gute daran, dass wir Codium haben , das sie erstellen wird Aber natürlich wusste es nicht, dass wir, wenn wir Click Power aufrüsten , es auch kosten wollen , oder? Also schlage ich vor, es so zu ändern , dass die Kosten dafür lauten, vielleicht lass uns gehen. Kosten und wie viel es hier kosten wird, richtig? Also sollten wir das JavaScript eingeben, und ich schlage vor, eine Variable zu erstellen , die es sozusagen anzeigt. Also klicken Sie auf Stromkosten oder vielleicht auf Stromkosten aufrüsten, so etwas in der Art. Vielleicht wird das besser. Jetzt müssen wir es hier erstellen, Stromkosten erhöhen, und das ist ein guter Hinweis. Wir wollen state verwenden , weil wir das damit verknüpfen wollen und der Anfangswert ist send. Wenn nun jemand rechts auf Set klickt , klicken Sie auf Power. Ich möchte die Leistungsstufe erhöhen, oder? Wie Sie sehen können, wird es erhöht, aber die Kosten werden nicht erhöht. Das wollen wir nicht, oder? Also müssen wir es wahrscheinlich tun, anstatt es jetzt zu tun , weil es nicht lesbar ist, alle Funktionen hier zu platzieren . Ich schlage vor, eine spezielle Funktion zu schaffen , die für all diese Dinge verantwortlich sein wird . Also schlage ich vor, es Great Click Power zu nennen, okay? Und wir brauchen es jetzt nicht als Pfeilfunktion. Und lassen Sie uns diese Funktion hier erstellen. Lassen Sie uns sie also mit einer Funktion vom Typ Pfeil erstellen . Und warum ist das so? Weil wir in React daran gewöhnt sind, überall Pfeilfunktionen zu verwenden, weil es ältere Probleme gab, als React eigentlich keine Funktionen, sondern überall Klassen verwendete. Das ist eine Sache. Die zweite Sache ist, dass Sie manchmal aus Konsistenzgründen Pfeilfunktionen verwenden möchten . Jeder benutzt die Pfeilfunktion. Wenn Sie also zum Beispiel eine typische Funktion, eine anonyme Funktion oder normale Funktionen verwendet haben , wird er verwirrt sein, wenn jemand Ihren Code liest , oder? einfach daran Denken Sie einfach daran, dass Pfeilfunktionen hauptsächlich verschiedene Arten sind aufzuschreiben, wie Ihre Funktion definiert werden soll, oder? Also speichern wir es einfach in dieser Variablen. Das ist hübsch genug. Und jetzt müssen wir es definieren. Wie Sie sehen können, ist der erste Vorschlag , der sehr gut ist dass er uns sagt, dass wir überprüfen sollten, ob Gold, die Menge, die wir gerade haben , für ein Upgrade ausreicht, oder? Weil wir nicht in der Lage sein sollten , ein Upgrade durchzuführen, wie wir es jetzt tun, oder? Nun, es funktioniert nicht, weil wir einen Fehler haben, aber wir sollten nicht in der Lage sein, es zu aktualisieren , wenn wir nicht genug Gold haben, oder? Okay, das ist also eine gute Idee. Lass es uns überprüfen. Und danach sollten wir den Hinweis vielleicht nicht verwenden , weil wir nacheinander verstehen müssen, was vor sich geht. Erstens müssen wir? Wir müssen, wir müssen auf unser Set Gold setzen, richtig, und wir müssen den Wert von Gold um die Stromkosten des Upgrades verringern , richtig, die hier sind. Das ist gut. Was brauchen wir danach? Verwenden Sie das Set Click Power Two plus One, weil , ja, wir wollen, dass es leistungsfähiger ist. Und wir geben auch an, was die Leistung eines Sets kostet , weil wir wollen, dass jedes Upgrade mit jedem Treffer mehr kostet Also, wie Sie sehen können, kann ich es nicht treffen, aber wenn ich Gold abbaue und nach zehn, wenn ich erreiche, wie Sie sehen können, ist mein Minenlevel, und jetzt kann ich Gold abbauen Also, es funktioniert nicht. Warum? Weil wir das Gold mit Gold plus eins setzen, aber wir sollten jetzt die Power verwenden, die beim Klicken verwendet wird, oder? Okay, jetzt kann ich es schneller machen, oder? Wenn ich 20 bin, wird es jetzt jedes Mal kostenlos aktualisiert. Das ist ziemlich cool, nicht wahr? Wenn Sie Fragen haben, können Sie diese jederzeit gerne stellen. 93. Updater-Funktionen in React Hooks: Hallo, mein Freund. Heute werden wir superwichtige Topping sprechen, das als UpdaOrFunctions bezeichnet wird Und das zeigt Ihnen jetzt ein großes Problem, das wir in unseren aktuellen Anwendungen gemacht haben in unseren aktuellen Anwendungen gemacht Das ist nicht sichtbar, weil es sich um eine kleine Anwendung handelt, und wenn wir auf die Schaltfläche klicken, aktualisieren wir wirklich den Status unserer Anwendungen oder der Werte in unserer Komponente, fast gleichzeitig, wenn wir darauf klicken, oder? Das Problem ist jedoch, was passiert , wenn diese Änderungen beispielsweise nicht sofort erfolgen. Es wird nicht lokal durchgeführt, so wie sie beispielsweise im Hintergrund an einen Server gesendet werden wird nicht lokal durchgeführt, so wie sie beispielsweise im Hintergrund an einen Server gesendet und dieser Server wird nicht rechtzeitig antworten. Zum Beispiel wird es in 3 Sekunden antworten. Oder zum Beispiel, wenn wir hier einen Button haben. Beachten Sie, dass wir einen Knopf haben , der das Gold festlegt, oder? Aber wir haben auch einen zweiten Knopf, der das Gleiche tut. Es verringert nur die Menge an Gold , die wir haben, wenn wir aufrüsten können, oder? Beachten Sie aber auch, dass wir in Zukunft etwas haben werden, bei dem automatisch geklickt wird, sodass der Goldstatus zur gleichen Zeit aktualisiert wird, wenn wir natürlich hier auf diese Schaltfläche klicken können , oder? Und um ehrlich zu sein, kann das zu einigen Problemen führen, wie zum Beispiel was? Das Problem lässt sich am einfachsten aufzeigen, wenn wir so etwas tun. Beachten Sie, dass wir hier was aufrufen? Stellen Sie die Gold-Funktion ein, die den Goldstatus aktualisiert , indem sie den aktuellen Goldstatus dorthin sendet In unserer Situation ist es also standardmäßig der Anfangszustand Null, oder? Und dann sendet es einen an ihn. Also ja, wir haben einen hier. Okay. Also, was passiert, wenn wir es erneut aufrufen? Glaubst du, es wird so sein wie, Hey, ich habe es uns hier gezeigt Also, um ehrlich zu sein, wenn ich jetzt einmal klicke, erhalte ich hier umsonst oder eins? Ups. Sie fügen immer noch nur einen hinzu Haben wir unsere Seite aktualisiert? Ja, das haben wir. Okay, also was ist das Problem? Das Problem ist normalerweise, wenn wir Werte aktualisieren, indem wir hier zum Beispiel Dokument verwenden , die Zitrone holen, die ID kaufen und dann auf die ID der Zitrone zugreifen und sie dann auf Gold plus Strom aktualisieren, richtig? Und dann haben wir das Gold aktualisiert, oder? Wert. Dann würde es so funktionieren, wenn wir es dreimal aufgerufen hätten, richtig, dann hätten wir es hier kostenlos. Aber jetzt ist das Problem, dass wir hier den aktuellen Goldstand angeben der aktuelle Stand, wenn ich mir diese Komponente Was ist der aktuelle Stand, wenn ich mir diese Komponente ansehe? Ist Null, oder? Und dann sende ich wieder den aktuellen Status. Es ist also Null. Und dann sende ich wieder den aktuellen Status, der Null ist. Aber Sie fragen sich vielleicht, warum der Staat. Die Werte hier werden also nicht zwischen den einzelnen Funktionen aktualisiert, oder? Warum nicht, okay, also werde ich den Status aktualisieren und dann wieder den Status aktualisieren und den Status erneut aktualisieren. Warum React den Status nicht sofort aktualisiert. Socion-Funktion nach jeder Funktion, warum wird dieser Ort nicht aktualisiert Das ist eine sehr, sehr gute Frage. Erstens stellen Sie sich vor, Sie hätten lieber nein gesagt. 500 Updates wie dieses. Wenn du also auf Min Gold geklickt hättest, hättest du Null, oder? Es wäre unmöglich , diesen Wert zu ändern und dem Benutzer das 500-fache der Änderung von 0-500 zu zeigen Es würde Ihre Anwendung auch sehr langsam machen, oder? Deshalb, äh, wenn Sie eine Funktion wie diese aufrufen, die im Status arbeitet, wird React berücksichtigen , was Sie hierher gesendet haben Du sendest also Null plus Eins, oder? Und es wird es auf Q setzen. Also wird es auf die State-Rendering-Aktion warten Aber weil wir danach wieder das aufgerufen haben und wir das Rendern noch nicht aufgerufen haben, aktualisieren wir den Goldstatus wieder auf Null plus Eins, was Eins ist Und dann machen wir wieder Null plus Eins, was Eins ist. Also, um ehrlich zu sein, wenn der Stapel fertig ist, wenn die Zeit für das Rendern gekommen ist, haben wir leider nur eins, oder? Okay, also wie löst man ein Problem wie dieses? Um es zu lösen, musst du Gold an das Set schicken. Also die Funktion, die an Gold gebunden ist, richtig, was sollte mit Gold gemacht werden, okay? Aber mit der Funktion denn wenn Sie eine Funktion dorthin schicken, sich quasi alles, ändert sich quasi alles, eine nach der anderen Und wenn sie beschließt, den Status zu aktualisieren, muss sie zuerst alle Änderungen übernehmen, okay? Oder sie müssen nacheinander gespielt werden. Sie müssen diesem Muster folgen. So wird es passieren. Also, wie machen wir das? Wir haben etwas, das man Pfeilfunktionen nennt, oder? Also könnten wir so etwas machen. Lassen Sie uns Plastikenergie zurückschicken. Aber ich glaube, ich habe einen Fehler gemacht indem ich zu viele Klammern gesetzt Okay, also die Funktion , die wir senden, ist wirklich diese, Ich denke, das ist etwas sichtbarer , wo die Klammern stehen oder Das ist also der Inhalt, und es ist jetzt sehr wichtig zu beachten , dass wir hier nennen können, was wir wollen Also zum Beispiel so etwas, wir müssen unsere eigene Variable erfinden. Und weil wir sie erfinden, müssen wir sie als Argument angeben, oder? Wir könnten eine lokale Variable erstellen , die wir so nennen Und denken Sie daran, wir haben diesen Wert hier nirgends verwendet, oder? Er wird in diesem Zusammenhang nicht verwendet, oder? Aber um ehrlich zu sein, es ist nur so, dass diese Variable nur dazu da ist , zu zeigen, was mit dem Wert gemacht werden soll mit dem Wert gemacht , der angehängt ist, dass die Verbindung aufgehoben Denn wenn ich das schicke, okay, um die Goldfunktion einzustellen, dann wird das, was wir hier an diesem Ort tun , nur an diesem Ort, das, wonach wir suchen , mit Gold passieren Es ist also so, okay, Gold aus dem vorherigen Goldstatus, bitte füge ClickPower hinzu, okay? Also diese Variable wird später einfach durch diese ersetzt, okay? Ich weiß, es ist verwirrend, aber so funktioniert es. Dieser Name ist nur für uns da. Okay? Wir können es nennen, wie wir wollen, und es wird wirklich funktionieren. Also, wenn wir das jetzt dreimal wiederholen, richtig? Eins, zwei, drei, richtig? Wir nennen es, wie wir wollen. Wir können es jetzt dreimal kalt auftragen, okay? Das kann also genannt werden, wie wir wollen, okay? Aber die Leute nennen es meistens den gleichen Namen wie hier. Aber denk dran, das ist wie eine lokale Variable dafür, und die Wahrheit ist, dass sie durch die Funktion „Gold in Gold gesetzt“ ersetzt wird , oder? Also nennen die Leute es manchmal Gold, oder? Und es wird auch funktionieren , mach dir keine Sorgen. Natürlich müssen wir es dreimal wiederholen. Aber um zu zeigen, dass es nicht derselbe Wert ist, machen die meisten Leute einfach so etwas. Sie geben also Beweise ein , die vom vorherigen Goldwert plus Cric-Power ausgehen Und auch, um es kürzer zu machen, weil du jetzt vielleicht denkst: Oh mein Gott, ich werde nicht so viel Zeug schreiben Sie können Pfeilfunktionen auch so einrichten. Sie müssen also keine Klammern für ein Argument verwenden wenn es mindestens ein Argument gibt, wie Sie sehen können, und dann können Sie auch geschweifte Klammern löschen, wenn Sie hier etwas zurückgeben Also jetzt, ja, es ist kürzer, oder? Und jetzt müssen wir nur noch so etwas tun, oder? Weil wir also am vorherigen Goldstatus arbeiten und sicherstellen wollen, dass jeder Brunnen, wir wollen sicherstellen dass all diese Dinge vor dem Rendern ausgeführt werden, oder? Wir müssen die aktualisierte Funktion verwenden, okay? Sonst wird es einfach nicht funktionieren. Wenn wir uns die Lösung so ansehen, fragen Sie sich vielleicht : Oh, das ist superschwer. Ich verstehe nicht, wie das im Hintergrund funktioniert. Um ehrlich zu sein, Ra, das ist nichts mehr für mich. Aber ich werde dir zeigen, wie du das benutzt, auch wenn du nicht verstehst wie es im Hintergrund funktioniert. Wenn Sie also zum Beispiel etwas ändern müssen, stellen Sie sich vor, dass Sie hier sind, geben zum Beispiel an, dass sich das Team von dunkel zu hell ändert, oder? Sie ändern also den Status von einem zum anderen, also arbeiten Sie nicht an den vorherigen Werten, oder? Dann benutzt du keine aktualisierten Funktionen, okay, so. Wenn Sie jedoch mit Werten arbeiten, die auf der vorherigen Seite oder auf den vorherigen Werten arbeiten den vorherigen Werten , die irgendwo in der Anwendung verwendet wurden, ist es einfach eine gute Idee, Fehler mit aktualisierten Funktionen zu vermeiden Fehler mit aktualisierten Funktionen da sie passieren könnten. Das müssen sie nicht, oder? Aber vielleicht, und Sie möchten sicherstellen, dass Ihre Anwendung immer ordnungsgemäß funktioniert. Wann immer so etwas passiert, möchten Sie also aktualisierte Funktionen verwenden. Und es gibt noch eine Sache , die ich dir jetzt zeigen möchte , die dir noch mehr helfen wird. Also, um ehrlich zu sein , stell dir die aktualisierte Funktion so vor. Vergiss, was auch immer hinter dem Pfeil ist, und hier ist, was wirklich passieren sollte Um ehrlich zu sein, könntest du dir das so vorstellen : Okay, also wenn ich es so schreibe, ich nicht garantieren, dass es immer richtig funktioniert, wenn ich den Status meiner App aktualisiere. Dadurch wird jedoch sichergestellt , dass alles einwandfrei funktioniert. Das ist also alles. Ja, das ist alles. Okay, also hier, um ehrlich zu sein, müssen wir nur so etwas tun, oder? Ja, das stimmt. Und hier müssen wir nur so etwas tun. Ja, das stimmt. Und hier müssen wir nur so etwas tun. Also hier ist, was einfach mit dem Staat gemacht werden sollte , aber wir stellen sicher , dass es immer eine Notlage ist, auch wenn es viele Änderungen gleichzeitig gibt, das gibt uns nur Garantie, oder? Und das ist alles, was Sie über Aktualisierungsfunktionen wissen müssen über Aktualisierungsfunktionen wissen Das ist auch eine gute Idee. Beachten Sie, dass ich Ihre Vorschauen eintippe. Du kannst hier, du weißt schon, den gleichen Namen wie hier eingeben , aber das zeigt gut, dass das nicht der Konvention entspricht, okay? Konvention ist, dass du es immer mit so einem Zusatz nennst , okay? Du fügst also vorher Vorschauen hinzu, um zu zeigen, dass du hier quasi eine lokale Variable erstellst, oder Aber es wird funktionieren, wenn du hier auch Gold eingibst, oder? Aber hier zeigst du anderen, und das ist eine Konvention, dass du die Updater-Funktionen benutzt Jeder weiß, dass Sie jetzt an den vorherigen Werten arbeiten Und wenn Sie so etwas wie hier tun, stellen Sie sicher, dass sich all diese Dinge richtig ändern, auch wenn hinter den Kulissen Hunderte von Änderungen gleichzeitig stattfinden. Und das wird dafür sorgen, dass unsere Anwendung in Zukunft richtig funktioniert, wenn wir zum Beispiel automatische Klicker erstellen , oder Aber es wird auch dafür sorgen, dass es richtig funktioniert. Wenn wir zum Beispiel Daten auf den Server abrufen müssten , und das würde sicherstellen, und das würde sicherstellen dass die Änderungen an den vorherigen Werten vorgenommen wurden, nicht an den Dingen, die hier angezeigt werden , wenn die Änderung vorgenommen wird. 94. [Übung] Auto-Clicker-GUI und Hooks: Hallo, mein Freund. Heute werden wir ein Muster erstellen, das es Ihnen ermöglicht, Auto-Clicker zu kaufen und zu zeigen, wie viele Auto-Clicker verfügbar sind , und auch den Status zu verknüpfen, also verbinden Sie all diese Werte mit den Hooks also verbinden Sie all diese Werte mit den Also diese Sache, denke ich, solltest du in der Lage sein, es selbst zu machen Also versuche, alleine zu üben. Ich werde dir trotzdem zeigen, wie man es macht, aber es ist eine gute Idee, die Vorlesung zu beenden und zu versuchen, es auf eigene Faust zu machen, wo du es ausführen wirst, richtig, wie man den automatischen Clicker zum Laufen Das ist vorerst ein bezahlter Vorschuss, und ich werde Ihnen in der nächsten Vorlesung zeigen, wie das geht . Also, was brauchen wir? Zuerst müssen wir einrichten, wie viele Auto-Clicker wir haben, richtig Also Auto-Clicker und die Anzahl der Auto-Clicker, richtig? Hier müssen wir also zum Beispiel so etwas wie Autoklicker eingeben , oder Und wir müssen es einrichten. Warten wir also auf unsere Super-KI, sie wird das einfach daran knüpfen, und wir sind bereit, eine Schaltfläche zu erstellen. Nehmen wir an, wir wollen eine Schaltfläche erstellen und schauen, ob sie uns dieses Mal beim Klicken hilft, und wir müssen sie hier einrichten, wie Sie sehen können. Ja, genau das wollten wir. Du willst Autocliker gesetzt haben, weil wir noch einen haben wollen und die Kosten für Aber wenn wir Auto Clicker kaufen, müssen wir ein bisschen mehr tun Also können wir es vorerst akzeptieren. Und zuerst müssen wir hier die Kosten für Auto-Clicker angeben, also Auto-Clicker kosten, richtig, so etwas Und ich schlage vor, den Hook zu erstellen, oder? Also so etwas in der Art. Und nehmen wir an, dass die Kosten für den Auto-Clicker zu Beginn auf 20 festgelegt werden Und hier schlage ich vor , es in eine andere Funktion zu integrieren, oder? Nennen wir es zum Beispiel Auto Clicker kaufen, richtig, weil wir Autocliker kaufen werden Es funktioniert momentan nicht, weil wir die Funktion, auf die wir uns beziehen , nicht eingerichtet haben Also schlage ich vor, es einzustellen, wie Sie sehen können. Es ist eine gute Idee, dass wir KI haben , die uns ein bisschen helfen wird . Wenn wir also genug Gold haben, und wie Sie sehen, ist das Gute daran, denn was haben wir vorher verwendet? Früher Gold, vorherige Klickfähigkeiten wir verwenden die Aktualisierungsfunktionen, ich verwende sie auch hier, und es ist eine gute Idee, Aktualisierungsfunktionen zu verwenden, wenn wir an den Werten arbeiten, auf die zuvor zugegriffen wurde, oder? Es ist eine gute Idee , das nur für den Fall zu tun , dass Ihr Programm erweitert wird, vielleicht werden dadurch Fehler vermieden. Also ziehe ich es vor , es immer so zu machen. Nehmen wir an, wir überprüfen, ob alles richtig gemacht wurde. Also ja. Denken Sie daran, wir schauen uns diesen Teil nicht an, wir schauen uns diesen Teil an. Also ja, es hat etwas gekostet, okay? Wir erhöhen die Anzahl der automatischen Klicker. Das ist großartig Und wir erhöhen auch den Preis für Autoclicker Pi Two. Okay, das ist genug, denke ich. Und mal sehen, ob es funktioniert. Also ich baue etwas ab und wenn ich 20 bin, kann ich Autoclaker kaufen, oder? Und auch hier sind die Kosten gestiegen. Es funktioniert also gut. Ich kann Auto Clicker kaufen, wenn ich nicht genug Geld habe. Ich kann meins stehlen, oder? Und wenn ich 40 bin. Also das ist das Spiel, ich möchte zwei automatische Klicker haben und sie sollten einen Effekt Also sollten sie für uns klicken, damit wir es nicht manuell machen müssen Und das werden wir in der nächsten Vorlesung machen . Hab einen schönen Tag. 95. useEffect am praktischen Beispiel: AutoClicker: Hallo, mein Freund. Heute werden wir Autoclicker implementieren. Wenn es also jemand kauft, klickt es für uns und es wird Gold abgebaut Wie machen wir solche Sachen? Nun, wir müssen zuerst darüber nachdenken , was wir entdecken müssen. Wir müssen irgendwie herausfinden, wann sich die Anzahl der automatischen Klicks ändern wird , denn das ist die Zeit, in der wir mit dem automatischen Klicken beginnen wollen, oder? Oder, naja, beachten Sie, dass wir zum Beispiel mit kostenlosen Auto-Clickern beginnen könnten , Und wenn unsere Komponente dann initialisiert ist, sollte sie auch mit dem automatischen Klicken beginnen Wir brauchen also irgendwie ein Tool, das das automatische Klicken startet, wenn unsere Komponente geladen wird oder wenn das automatische Klicken geändert wird Und dieses Tool heißt Use Effect. Also das ist es. Und wie Sie sehen können, haben wir hier einen Vorschlag und wir werden ihn verwenden, weil use effect als erstes Argument verwendet, was getan werden sollte, aber nicht das, was mit der Funktion getan werden sollte, okay? Und wir müssen hier beachten, Useffekt importieren. Sonst wird es nicht funktionieren. Was können wir jetzt tun, wenn wir den Nutzungseffekt haben? Wir können eingeben, was passieren soll , wenn sich die automatischen Klicker ändern. Aber wie erkennen wir es? Wir müssen das als zweites Argument angeben was wir uns ansehen, beobachten wollen. Wir beobachten jetzt also die Änderung der Auto-Clicker. Und wenn die Änderung eintritt, können wir die Änderung protokollieren Veränderung passiert ungefähr so. Wenn wir jetzt zu unserem Projekt gehen und ich die Konsole öffne, stelle ich fest, dass wir so etwas haben. Zweimal passiert Veränderung. Aber das habe ich dir ja gesagt, Use-Effekt wird nur aufgerufen, wenn die Autotica geändert wird Und die Änderung fand hier einmal statt , als der Status initialisiert wurde Warum also zweimal? Das ist eine sehr gute Frage. Denn wenn wir hier hingehen, haben wir etwas, das als strikter Modus bezeichnet wird. Und wenn ich den strikten Modus entferne, werdet ihr feststellen, dass die Änderung jetzt wie oft geschehen wird, einmal. Denn wenn Sie den strikten Modus verwenden, wird jede Komponente Fälle zweimal montiert. Und nun, das könnte zu einem potenziellen Problem führen , wenn Sie nicht wissen warum solche Dinge hier passiert sind, oder? Denn wenn Sie hier etwas aufgerufen hätten , das den Zustand von etwas ändern würde, wären Sie ein bisschen überrascht, oder? Denken Sie also daran, dass der strikte Modus so etwas macht, okay? Denken Sie natürlich daran, dass dies nicht der richtige Ort ist um den Wert von etwas zu Beginn festzulegen, zum Beispiel, lassen Sie uns den Zustand von Gold ändern, oder? Das ist nicht der richtige Ort , um das direkt zu tun. Das Init ist da, oder? Wir initiieren hier den Wert mit Null. Vielleicht setzen wir ihn auf 100. Dadurch können wir das Spiel schneller lesen. Also, was können wir hier tun? Wir können zum Beispiel mit dem automatischen Klicken beginnen, aber wie fangen wir an? Um es zu starten, schlage ich vor, eine Funktion zu verwenden, die als festgelegtes Intervall bezeichnet wird. Ich erinnere Sie daran, dass diese Funktion so funktioniert. Die Funktion, die das erste Argument sendet , um Infernal zu setzen, wird aufgerufen Zu dem Zeitpunkt, an dem wir das hier einstellen, sind 1.000 also 1 Sekunde Okay. Also, was auch immer hier sein wird , es wird jede Sekunde passieren. Und was wollen wir tun? Wir wollen Gold setzen, oder? Wir wollen es fast hier ändern. Wir wollen was? Wir setzen es auf die vorherige Goldmenge, aber wir wollen hier die Anzahl der Auto-Clicker hinzufügen , die wir haben, richtig? Wir wollen die Klickkraft nicht nutzen . Also denk dran, wir trinken diesen Teil nicht, oder? Wir denken, okay, also muss ich die vorherige Goldnachfrage festlegen , weil ich die gleiche Menge haben möchte, die ich jetzt habe, und ich möchte die Anzahl der Auto-Clicker hinzufügen , die wir haben, richtig Und wie Sie sehen können, funktioniert es, wenn wir unser Programm ausführen, weil es jetzt kostenlos ist, multipliziert mit zwei, also sechs, und das Gold wird jedes Mal um sechs erhöht Okay. Aber nun ja, wir haben ein Problem weil der strikte Modus dafür gesorgt hat, dass unser Programm schlecht funktioniert hat. Aber das ist nicht mal so, dass das Problem sowieso nichts wäre , denn wenn ich es immer wieder anklicke, ich fest, dass wir jetzt quasi kostenlose Autoklicker mit unterschiedlichen Werten haben , und sie funktionieren quasi gleichzeitig Und das wollen wir nicht, oder? Und was ist das coolste Merkmal des Nutzungseffekts? Ist das, wenn Sie hierher zurückkehren, eine Funktion, wie Sie sehen können, haben wir hier einen Vorschlag. Wenn wir hierher zurückkehren, wird eine Funktion , diese Funktion immer Clearing-Funktion genannt. Und jetzt, wie Sie sehen können, funktioniert es genauso, oder? Aber es funktioniert genauso, weil wir nicht an das Clear-Intervall gesendet haben, eine Funktion, die als Argument verwendet, welche Art von Intervall ich löschen möchte? Oh, also muss ich hier eine Variable erstellen , die an diese Funktion gesendet wird , oder? Und jetzt, wenn ich es öffne, Oh, es funktioniert gut, weil wir mit dem kostenlosen angefangen haben , oder? Wie hat es funktioniert? Es funktioniert so. wir also unsere Komponente zum ersten Mal verwenden, wird der Use-Effekt aufgerufen Wir erstellen ein Intervall und geben zurück, was passieren soll, wenn der Use-Effekt erneut aufgerufen wird Also, weil wir es zweimal hintereinander gemacht haben, wenn der Use-Effekt erneut aufgerufen wird, löschen Sie Der Timer vom letzten Lauf, richtig? Und aus diesem Grund haben wir ein neues Intervall , das auch eine Funktion zum Aufwärmen für später hat, oder? Aber jetzt haben wir ein Intervall, das so lange läuft , bis wir die Anwendung schließen oder bis die Änderung bei den automatischen Klickern passiert Wenn die Änderung bei AutoClakers passiert, schauen wir mal, wann wir sie kaufen, genau hier . Also das ist der Moment Also, was passiert, wenn ich einen anderen Autoclaker kaufe? Denken Sie noch einmal daran, dass zunächst die Löschfunktion aufgrund des vorherigen Nutzungseffekts ausgeführt wird, bevor Sie dies tun Löschfunktion aufgrund des vorherigen Nutzungseffekts ausgeführt wird, vorherigen Nutzungseffekts ausgeführt Wir werden also den Auto-Clicker entfernen, mit dem Wert freer klickt Und dann werden wir einen neuen Auto-Clicker mit dem Wert Vier einrichten , richtig Also als ich es hatte, wie Sie sehen können, erhöhen wir es jetzt um vier Erhöhen Sie jetzt um fünf, und wir löschen auch den vorherigen Effekt. Der Name ist also ziemlich cool, richtig, denn es ist wie ein Use-Effekt. Also mach irgendeinen Effekt. Und wenn wir das wegen des Triggers, der hier ist, erneut ausführen wegen des Triggers, der hier ist, erneut werde ich den vorherigen Effekt löschen. Damit ich noch einen ausführen kann. So mächtig. Ich weiß, dass die Syntax hier, wenn Sie sich das ansehen , etwas komplex ist. Aber denken Sie daran, Sie haben Dium , das für Sie die meisten Dinge automatisch vervollständigt , oder? Sie als Programmierer müssen im Moment viele verstehen, was der Prozess richtig ist Sie müssen wissen , dass es in solchen Fällen eine gute Idee ist, den Effekt zu verwenden, oder? Sie sind wie eine Person, die die Anwendung entwerfen wird . Ich finde es wirklich toll, dass React sehr benutzerfreundlich wurde so etwas wie die automatische Vervollständigung beim Programmieren online ging, denn um ehrlich zu sein, mich an all das erinnere, weißt du, hier ist die Kreditklasse, an die du hier sendest, ich muss daran denken, dass ich eine Funktion senden muss Ich rufe keine Funktion auf, oder? Denken Sie daran, das ist, als würde ich eine Funktion zum Aufrufen senden . Das ist ganz anders Es ist gut, eine solche Autovervollständigung zu haben, die uns hilft. Wir müssen so etwas wie hier irgendwie bearbeiten, zum Beispiel, weil wir Autoclq Curse erhöhen wollten , nicht Aber hey, das war ein guter Vorschlag. Vielleicht wolltest du es vielleicht so machen. Nochmals, benutze den Effekt, wenn du nicht einmal verstehst , wofür wird etwas von hinter den Kulissen verwendet? Sie geben die Funktion, was getan werden soll , am Anfang der Komponenteneinheit ein. Als zweites Argument sagen wir dann, was sollte diesen Effekt außer der Initialisierung auslösen , oder? Und hier als Gegenleistung sagen wir, was getan werden sollte wenn wir denselben Nutzungseffekt erneut aufrufen So können wir zum Beispiel den vorherigen Status löschen zum Beispiel den vorherigen Status Also, so mächtig denke eine Zeile. Stellen Sie sich vor, wie viele Dinge Sie tun müssten, um dasselbe zu erreichen, nur mit Vandia Javascript. Wie viele Dinge müssten Sie sich überlegen, was Sie beobachten oder entdecken sollten, richtig? Mächtig. 96. Deaktiviert: Einen Button in React mit dem Attribut „deaktiviert“: Hallo, mein Freund. Wir können Click Power aktualisieren, wenn wir Geld haben. Wenn wir es nicht tun, nun ja, wir können es nicht, aber wir können es trotzdem anklicken. Ich denke, wir sollten das deaktivierte Attribut der Schaltfläche auf deaktiviert ändern . Also müssen wir es auf zwei machen, oder? Sonst sieht das nicht gut aus, oder? Der Benutzer könnte fragen, warum ich das machen kann. Okay. Also, wie machen wir das? Also, wir müssen den Zugang hier behindern, aber das Problem ist, wie können wir den Zustand hier überprüfen, richtig? Das Coole ist, ja, das Erste ist, dass wir von der KI einen Vorschlag bekommen, und wir können einfach das JavaScript eingeben und einfach den Zustand überprüfen, richtig? Wenn wir Gold haben , das niedriger ist als die Stromkosten des Upgrades, dann deaktiviere es. Was auch immer hier zurückgegeben wird, oder? Also, wenn es falsch sein soll, richtig, dann wird es von React auf deaktiviert geändert. Wenn es wahr sein soll, wird es dahingehend geändert, dass das deaktivierte Objekt entfernt und ihm eine Zuordnung zugewiesen wird. Also in einer Situation wie hier müssen wir uns einfach wegen der KI aufheizen, oder? Und jetzt, wie Sie sehen, wenn wir nicht genug Geld haben, können wir das, für das wir Geld haben, kaufen. Das ist ziemlich cool Aber das ist eine gute Idee , um zu wissen, was im Hintergrund passiert , denn manche Leute wissen, dass das behindert ist, oder Funktioniert weiter und ist gleichbedeutend mit deaktiviert. Ja, das ist ziemlich seltsam, aber so funktioniert dieses Attribut. Aber bedenken Sie, dass wir das verwenden, was JZX ist und was auch immer hier ist , wird in was übersetzt werden, reagieren, mit Babel eine Zitrone kreieren, mit Babel eine Zitrone kreieren Und reagiere, erstelle eine Zitrone , wenn das so falsch ist, dass es quasi das deaktivierte Attribut entfernen wird Aber wenn er durchkommt, dann füge ein Element hinzu, heißt es deaktiviert zu deaktivieren So funktioniert es in dieser Funktion im Hintergrund. Vielleicht ist es für dich nicht interessant, aber ich lache immer, wenn wir verstehen, warum etwas so funktioniert, wie es funktioniert, oder? Das Coole an Cudium, das wir hier installiert haben, oder? Ist das, wenn du zwischen vielen Sprachen hin- und herspringst, wie ich zum Beispiel mache, und ich denke, wie soll ich das machen? Okay, so wurde es gemacht. Das ist also ziemlich cool, wie Sie sehen können, React ist auch deshalb sehr cool, weil es auf den Status unserer Anwendung auf den Gesamtstatus aller beobachteten Werte reagiert . Wir müssen jetzt nicht denken, hey, also wenn ich den Button deaktiviere, muss ich auch deaktiviert entfernen, wenn wir genug Geld haben. Ich muss dann auf ein bestimmtes Element zugreifen , wenn wir das Geld haben, und ich muss es für diese Schaltfläche für diese Schaltfläche wiederholen , bla bla bla h Das erfordert einfach so viel Zeit und Nachdenken und Folgen von so vielen Variablen, selbst in einer kleinen App Aber je größer die App, desto cooler wird React, oder? Ich weiß, dass es einige gab, weißt du, du musstest ein bisschen arbeiten, um einige Dinge hier zu verstehen. Aber wenn Sie sie erst einmal verstanden haben, wird es Ihre Webentwicklungsanwendung beschleunigen . Hab einen schönen Tag. 97. Lucide-react installieren – Icons in unserem Spiel: Hallo, mein Freund heute, ich werde dir zeigen, wie man Lucid installiert. Was ist es Lucid ist nur ein Paket für React oder nicht nur React, Sie können Views Felt und so weiter verwenden Das hat viele Icons. Es ist für Node JS, das bedeutet also, dass Sie es verwenden und mit dem Paketmanager für Node JS installieren können, oder? Wie machen wir das? Nun, wenn wir zum Beispiel loslegen, benutzen wir Rag, oder? Wie Sie sehen können, heißt es, dass wir NPM install used react eingeben müssen , das ist alles Und jetzt können wir von hier aus jedes Symbol verwenden. Und diese Icons sind super. Ich werde dir jetzt bald sagen warum. Aber für die Installation NPM, und ich werde nicht Install eingeben Ich gebe nur I ein, also zeige ich Ihnen eine Abkürzung, damit Sie Ihre Zeit nicht verlieren Und der Bumble, lass uns warten. Also, nachdem es installiert ist, müssen Sie nur hier rauf gehen und etwas wie Import eingeben, dann müssen Sie geschweifte Klammern eingeben, oder müssen Sie nur hier rauf gehen und etwas wie Import eingeben, und etwas wie Import eingeben, dann müssen Sie geschweifte Klammern eingeben, Und alles was Sie tun müssen, ist das gewünschte Symbol einzugeben. Also, wenn wir zum Beispiel auf die Hauptseite gehen , will ich Münzen. Schau, ich habe Münzen gefunden, das ist so cool. Und wenn ich sie benutzen will, muss ich hier eingeben, welche Münzen, oder? Und importiere sie einfach von nicht bei Feather. Aber warum hat es nicht funktioniert, vielleicht liegt es an M weil es beim Schreiben noch nicht installiert war. Also habe ich es importiert, aber ich habe es nicht benutzt. Jetzt können Sie hier sehen, wie man es benutzt. Also alles was du tun musst, ist hierher zu gehen und so etwas zu tun. Okay, ich brauche hier ein Symbol und ich brauche auch ein Symbol neben dem Minengold, richtig? Das ist cool. Also brauche ich auch Pix. Also lass uns nach oben gehen. Gehen wir zur Hauptseite und sagen wir, ich will X wählen. Oh, also ich will diesen Typen. Was muss ich tun? Ich muss hier hin, Laptop, Pi eingeben. Und wie du siehst, ist das Gute, dass ich sogar welche Vorschläge habe. Und jetzt, wenn ich PAX hier haben will, was muss ich tun? Öffne das und tippe Pax ein. Okay, lassen Sie uns das jetzt wiederholen wo in unserem Button, richtig Und nun, vielleicht schauen wir mal, wie es funktioniert , weil wir es noch nicht gesehen haben. Schau, wir haben Icons. Das ist cool, oder? Das zu benutzen ist so einfach. Und das Coole ist , dass Vt am Ende einfach alles optimieren wird. Du musst dich nur darum kümmern, was hier vor sich geht . Benutze sie einfach. Und was noch cooler ist, ist, dass ich, wenn man sie benutzt und weil die Namen und weil die Namen so selbsterklärend sind, einfach tippen kann Okay, ich möchte eine CPU für Autocliker. Und alles, was ich jetzt tun muss, ist hierher zu gehen, das zu öffnen und CPUs einzugeben Hier entlang, richtig? Und ich habe jetzt CPU, und ich nehme hier auch die CPU auf. Und das ist momentan nicht besonders gut , weil, naja, sie haben nicht die Größe von was von deiner, zum Beispiel, Schriftgröße, oder? Also werden wir es in Zukunft ändern. Ich werde dir zeigen, wie man CSS-Werte darauf anwendet, ok. Beachten Sie jedoch vorher, dass wir hier eine Anleitung haben. In dieser Anleitung heißt es, wenn Sie zum Menü und zur Größe gehen, dass Sie die Größe mithilfe von Requisiten ändern können , oder? Also kann ich so etwas machen und einfach diese Größe ändern, nur um zum Beispiel 42, zwei zu sehen, und wie Sie sehen können, ist sie größer, oder? Und wenn Sie ein Symbol, zwei Symbole oder vielleicht haben , ist das auch eine gute Idee, wenn es Ihnen egal ist, aber das Problem ist, dass wir später zum Beispiel die Größe unserer Telefone ändern können . Das könnte gut aussehen. Ich denke also, dass Sie solche Dinge immer anwenden sollten , um es so dynamisch wie möglich zu gestalten. Und es heißt, dass man dafür eMS verwenden kann. Warum? Das liegt daran, dass all diese Dinge hier wirklich SFU Gs sind, richtig? Es handelt sich also um skalierbare Vektorgrafiken. Und das heißt, naja, Sie können sehen, dass ich sogar die Farbe ändern kann. Das ist sehr cool. Schau, ich kann so etwas machen. Farbe, richtig? Und ja, ich kann grün tippen. Zum Beispiel, und wenn ich wieder hierher komme, oh, Träne. Träne? Es ist grün. Das klingt nett, oder? Dass du all diese Sachen von hier aus machen kannst. Aber denken Sie daran, dass Sie auch nur Kurse darauf anwenden können. Und weil ihr wisst, dass es Spa Gee ist, richtig, ihr könnt es wie STS auf diese Komponente anwenden , weil sie später sein werden . SPages Ich werde euch in der nächsten Vorlesung zeigen , wie das geht 98. Wie man CSS auf Komponenten anwendet – className: Hallo, mein Freund. Wie wenden wir also CSS auf die HTML-Steuer unserer Komponenten an? Nun, erstens werden wir es hier nicht von oben nach CSS machen , weil dieses CSS was beeinflussen sollte? Alles auf deiner Website, oder? Wir sollten Komponenten-CSS haben. Also, wenn ich hier pi erstelle, werde ich es als Code Minor und CSS bezeichnen. Es hat auch Großbuchstaben, es deutet nur darauf hin, dass ich hier bin, wenn ich Code bearbeiten möchte. Wenn ich CSS bearbeiten möchte, bin ich hier. Du denkst vielleicht, oh mein Gott, das wird langsam sein, es wird 30 Komponenten haben und dann werden wir 30 CSS später laden. Ich denke, es wird optimiert und später in einem einzigen CSS zusammengefasst. Auch für JavaScripts. Das liegt daran, dass Vt am Ende, wenn wir unsere Anwendung veröffentlichen, einfach alles ändern und optimieren wird . Sie müssen sich einfach keine Sorgen machen. Also ja, das ist besser für dich, weil du jetzt kein sehr großes CSS hast , in dem alles nebeneinander ist und du später einfach nicht mehr daran erinnerst, was zu platzieren? Völliges Chaos, zumindest war es für mich. Und hier musst du es jetzt nur so importieren und ich kann mein CSS verwenden. Und jetzt, erinnerst du dich, dieser Kurs ist was? Es geht nicht um CSS. Ich werde CSS hier einfach einfügen und ich werde jetzt erklären , wie man es hier benutzt , weil das ein bisschen anders ist, also schließe das Video nicht. Beachten Sie, dass wir hier Klassen, Gt-Kicker, Statistiken und Buttons haben, oder? Und wir müssen sie jetzt hier anwenden, richtig? Aber wie machen wir das? Nun, der erste Abschnitt heißt Cold Clicker. Also ich denke, wir sollten uns auf unsere gesamte App bewerben , wie Sie sehen können Und merkst du, naja, ich liebe Codim, weil dort steht, dass ich hier den Klassennamen verwenden soll und nicht was? Klasse. Wenn ich das so mache und wenn ich zu unserer App gehe, siehst du, dass etwas nicht funktioniert. Wenn ich den Klassennamen verwende, wird es funktionieren. Nun, wir haben die Markierung nicht geändert , weil wir nur die Telefongröße geändert haben, sodass wir nichts gesehen haben. Schauen Sie sich hier die Handygröße einfach an. Sie müssen jedoch den Klassennamen anstelle der Klasse verwenden da die Klasse eine Keyword-Recherche für Javascript ist. Denken Sie daran, dass Sie hier in JA 6 und später schreiben Wenn es es nach React transponieren würde und es Klasse sehen würde, würde es denken, dass es sich um eine Klasse in JavaScript handelt Beachten Sie, dass es nicht wie etwas ist, das ein HTML-Attribut ist, oder? Deshalb haben sie erfunden, dass Klassenname in Wirklichkeit ein Attribut ist. Und wie Sie jetzt sehen können, müssen wir es wie anwenden. Lassen Sie uns auch hier so etwas machen. Lassen Sie uns also ein Div erstellen und es als Namensstatistik anwenden. Und wofür müssen wir es jetzt auch anwenden? Für unsere Knöpfe. Also lass uns so etwas machen. Und jetzt sehen sie alle ziemlich gut aus. Sie haben immer die gleiche Größe und eins, bla bla bla. Aber das Wichtigste ist, dass wir, weil es SPO Gs sind, sagen können: Hey, ich möchte diese Icons ein bisschen größer haben, 1,5, 1,5, richtig? Okay. Weißt du was, ich möchte auch Farbe haben, das wird zum Beispiel rot sein , sie werden rot sein. Also, wenn Sie jetzt CSS für Ihre Komponente anwenden möchten. Du springst einfach hierher. Okay, ich werde ändern, wie es aussieht. Und das Coole ist auch , dass du das vorher bemerkt hast, als alles in einem einzigen CSS war, oder? Ich dachte, wo habe ich meine bearbeitet? Ich weiß nicht, ein Element, das auf dieser Seite vor Ort war oder so Es war wie verrückt. Das ist für mich. Ich wusste nicht, ob du große Apps entwickelt hast, aber in alten Zeiten war das einfach totales Chaos, okay. Jetzt sagst du, okay, ich arbeite an einer Goldmine. Ich denke, ich sollte etwas an diesem Muster ändern . Okay, ich springe einfach her. Und um ehrlich zu sein, ist dies nur eine der Möglichkeiten, CSS in React anzuwenden. A ist auch Rückenwind, wodurch Sie alles in einer Linie stylen Das ist auch ein guter Ansatz, weil es vorher festgelegte Methoden dafür Aber es liegt wirklich an Ihnen , was Sie verwenden werden. Es ist nicht so, dass du Rückenwind nutzen musst. Du musst nicht lernen. Auf diese Weise ist es auch ziemlich okay, oder? Es gibt Ihnen manchmal nicht so viel Flexibilität, aber wir werden später darüber sprechen. Sie können jedoch Komponenten-CSS wie dieses anwenden Komponenten-CSS wie dieses und es wird funktionieren, okay? Wenn Sie wie immer Fragen haben , können Sie diese gerne stellen. 99. Frame Motion in React installieren – Animation in unser Projekt!: Hallo, heute werden wir Framer Motion installieren , eine Open-Source-Motion-Bibliothek für React von Framer, Animationen wie im Handumdrehen erstellen können. Sie fügen einfach Bewegung vor den Namen des Tags und geben dann ein, fügen einfach Bewegung vor den Namen des Tags welche Art von Eigenschaft animiert werden soll Das ist auch super cool, weil, naja , ich weiß, dass man CSS zum Animieren verwenden kann Aber CSS zu verwenden, um zu animieren und auch zu animieren, wenn sich der Status ändert, ist einfach ein bisschen schwierig Sie müssten für die Änderungen zum Beispiel den Use-Effekt verwenden und dann die CSS-Änderungen anwenden, wenn die Änderung im Use-Effekt erfolgt Das ist schwer zu benutzen. Außerdem ist diese Bibliothek wirklich, wirklich cool, weil es so viele coole Animationen gibt, dass sehr schwierig wäre, manuell zu erstellen. Sie können sie sofort verwenden. Außerdem empfehle ich euch die Exp Library, falls ihr Interesse habt, ob es noch andere gibt Also wie installieren wir es NPM, I und Framer Motion. Okay? Also geben wir das einfach ein und warten eine Sekunde und Framer Motion wird installiert Wie importieren wir es? Wie Sie sehen können, heißt es hier, dass wir so etwas einfach oben auf unserer Seite importieren müssen , oder? Also lasst es uns einfach importieren und jetzt können wir damit arbeiten, aber das werden wir in der nächsten Lektion machen. 100. Lass uns eine einfache Animation mit Frame Motion in unsere App integrieren: Hallo, mein Freund. Also, wie nutzen wir Bewegung? Nun, wir können es auf einen Angriff anwenden, oder? Also, wenn ich es auf den ganzen Absatz anwenden will, warum, nein? Nein. Ich muss das nur eingeben und ich habe es gerade angewendet. Aber das Problem ist, dass ich nicht gesagt habe , was animiert werden soll. Also, nun, ich habe Vorschläge. Wir müssen mit dem Ausgangszustand beginnen und dem, was wir animieren wollen Und warum ist es wichtig? Nicht das, wenn wir den Anfangszustand nicht einstellen, oder? Wir machen so etwas, was musst du animieren Nichts, weil, naja, die Undurchsichtigkeit am Anfang gleich ist. Animationen finden also in Bewegung statt, wenn Deckkraft niedriger als eins ist, oder? Und als ich den Anfangszustand auf Null gesetzt habe, also wenn unsere Seite geladen ist wenn ich die Seite aktualisiere, ändert sie sich, wie Sie sehen können, und das ist genau das, was wir wollten Aber wir wollten auch, dass Sie, wenn wir Click Power oder Auto Click mischen oder aktualisieren, wenn wir Click Power oder Auto Click mischen oder aktualisieren, diese Animation auch machen wollten, weil wir wollen, dass sie passiert, weil Gold sich verändert, oder? Aber wie betrachten wir den Staat hier von Gold aus? Um das zu tun, müssen Sie hier nur den Schlüssel eingeben und dann hier den Namen des Staates eingeben , den Sie beobachten möchten. In unserem Fall ist es Gold, wie Sie sehen können, funktioniert die Animation einwandfrei. Ziemlich lustig, nicht wahr? Also, wenn ich es für andere Leute wiederholen will, muss ich den Antrag nur allen beifügen , oder? Aber ich denke, wir sollten es hier nicht auf die gesamte Sache anwenden . Wir sollten uns hier nur auf den Wert beziehen. Aber wenn Sie einen Antrag stellen wollen, brauchen wir eine Art Etikett, oder? Deshalb schlage ich vor , eine Bewegung zu machen , die einfach neutral und damit verbunden ist , die einfach neutral und damit verbunden Also Bewegung, das ist gesponnen. Hier werden wir es entfernen, richtig, und wir werden es hier anwenden, richtig Auf diese Weise. Okay. Also vielleicht machen wir das hier, so und vielleicht machen wir es so, damit wir klar sehen können , was vor sich geht, oder? Also, ich denke, das ist jetzt besser. So etwas in der Art. Ja, ich liebe es. Also, was wir jetzt tun müssen, ist auch zu gehen. Klicken Sie auf Power. In Ordnung. Und ersetze es einfach. Aber wenn wir es ersetzen wollen, müssen wir es auch hier ersetzen. Klicken Sie auf Power, klicken Sie auf Power, Bum, und wenn Sie es auf Auto-Clicker anwenden möchten, müssen wir Enter drücken, vielleicht nicht Vielleicht hier. Ja, ja. Folgen wir derselben Regel. Also habe ich es so gemacht. Und jetzt lass uns das hier so kopieren, richtig? Hmm, ähm, hier, automatische Klicker. Anti-Auto-Clicker, richtig? Und wie Sie sehen können, ist es jetzt cool, weil die Animation in allen Staaten stattfindet , wenn diese Staaten geändert werden, oder? Nun, die Animation ist jetzt natürlich sehr einfach. Du kannst es besser machen. Aber wie kann man es besser machen und auch, wie man es anpassbar macht , denn wenn wir uns jetzt entscheiden, etwas zu ändern, zum Beispiel hier, müssen wir es auch hier und dann hier ändern, das ist keine gute Lösung, oder? Aber fange immer mit etwas Einfachem an und gehe zu etwas Schwierigerem über. 101. ...animationsprops – Objektdestrukturierung zur Verbesserung der Animationsarbeit: Unsere Animation ist momentan ziemlich einfach. Lass es uns verbessern. Nehmen wir an, ich möchte, dass auch ein anderer Parameter geändert wird. Nehmen wir also an, dass der Anfangswert von Y zum Beispiel -20 sein wird , wie hier gesagt, vielleicht minus zehn. Sie können jetzt also sehen, dass der Anfangswert minus zehn ist, aber wir haben ihn nicht mit Animate geändert, also müssen wir ihn zum Beispiel wieder auf Null ändern , oder? Jetzt haben wir eine Animation, als ob der Wert von oben nach unten kommt Das Problem, das Sie wahrscheinlich schon sehen können , ist, dass ich das jetzt hier und hier anwenden muss . Nein, nein, nein, nein, nein, ich mag die Lösung so überhaupt nicht , oder? Also, wie lösen wir es? Der schnellste Weg, es zu lösen. Wenn Sie nicht vorhaben, Ihre Mini-Komponente wiederzuverwenden , weil es sich gerade an anderen Stellen um eine Mini-Komponente handelt , meine ich, Ihre gesamte App besteht darin, hier einfach ein Objekt zu erstellen , das alle Eigenschaften speichert. Also konstante animierte Eigenschaften, so etwas, oder? Wenn ich es jetzt öffne, möchte ich darin haben, ah, genau das, das und das. Und dank dieser Lösung kann ich sie jetzt hier sehr schnell anwenden. Aber die Frage ist, wie gefällt es mir, das an diesen Ort zu kopieren? Und um das zu tun, musst du tippen. Mal sehen, ob KI uns helfen wird. Diesmal nicht. Also müssen wir tippen, das hilft. Aber wie Sie sehen können, haben wir einen Fehler. Der Fehler ist hier, denn wenn Sie über JavaScript auf etwas zugreifen möchten , müssen wir zuerst JavaScript eingeben, so ist das. Sie fragen sich jetzt vielleicht, was das für kostenlose Punkte hier sind. Dieses Ding wird Destruktorisierung genannt. Das bedeutet, dass ich das an diesen Ort kopieren werde. Einfach gesagt, das wird erstens besser aussehen, richtig und die zweite Sache ist, was können wir jetzt tun? Wir können die Änderungen auf alle gleichzeitig anwenden. Also, wenn ich sage: Hey, ich möchte alle S Y ab 20 haben, richtig? Und ich möchte sie alle auf Null animieren. Wie Sie sehen können, sind sie jetzt alle so animiert Es ist jetzt einfach, es auf jedes Tag anzuwenden, aber wir haben ein Problem. Was für ein Lass uns sagen, du bist so, weißt du was? Automatische Klicker sollten anders sein. Ich möchte quasi von oben nach unten kommen Ops. Also, wie lösen wir es jetzt? Und das Coole an HTML ist, dass, wenn Sie zuerst die Taste eingeben, dann haben wir welche Initiale, dann haben wir Animate, richtig Wir haben hier alle animierten Eigenschaften. Wir können ersetzen, was vorher war. Okay? Erinnerst du dich daran, das, was vorher war, zu ersetzen, indem du etwas wie Initiale schreibst, oder? Gleichwertig, und dann kannst du sagen: Weißt du was? Der Anfangszustand von Y wird zum Beispiel -30 sein, zum Beispiel -30 sein, Und nun ja, Farbe. Wie Sie sehen können, ist der Ausgangszustand des Auto-Clickers jetzt so, aber wir haben ein anderes Problem Was für ein Problem ARC sind die ganzen Zeit Probleme. Das Problem ist, dass die Opazität am Anfang nicht Null ist, oder? Also, um ehrlich zu sein, wir sind so, als ob wir den gesamten Anfangszustand ersetzen, richtig, durch genau diesen Wert Und das Coole ist, dass wir innerhalb unserer Initialen, wie an dieser Stelle hier, zuerst Destruktorisierung vornehmen können, okay? Also, hey, ich möchte nur animierte Eigenschaften und nur den Anfangszustand verwenden Und das bedeutet, dass ich hier wie Opacity, Null Y 20 Aber weil ich es erneut eingegeben habe, den Y-Wert auf -30, ist dieser Wert von Y so, als würde man überschreiben, was Und jetzt, wie Sie sehen können, wird die Deckkraft auch auf Autocl angewendet 102. lodash.merge Paket – Requisiten zusammenführen am praktischen Beispiel: Hallo, meine Freunde. Sie werden ein bisschen üben, aber auch etwas Neues über ein sehr interessantes Paket lernen , mit dem wir Eigenschaften wie das hier zusammenführen können , quasi sofort. Und das wird sehr, sehr nützlich sein. Sony, wir sehen C Y. Deshalb möchte ich das hier durch etwas ersetzen , das, sagen wir, animierter Wert Und wenn ich Wert sage, möchte ich, dass dieses Ding animiert ist und auch der Wert angezeigt wird Also möchte ich diesen Zustand von hier aus zeigen, oder? Meine Komponente wie diese wird also die Arbeit ersetzen, die hier geleistet wird. Wie machen wir solche Sachen? Um das einfacher zu machen, werden wir für einen Moment alles in einer Datei zusammenfassen , okay? Lassen Sie uns also die Funktion erstellen und sie animierten Wert nennen, richtig? So nennen wir Komponenten. Und danach war der Vorschlag super cool, weil wir quasi den Wert von hier bekommen müssen , was der Staat ist, oder? Wir müssen ihn beobachten. Also ja, das ist großartig. Das gefällt mir. Danach müssen wir etwas zurückgeben, oder? Was auch immer hier zurückgegeben wird , es ist das, was sich zeigen wird. Also schlage ich vor, es vorerst einfach zu machen, um zu sehen, ob es funktioniert, immer sofort debuggen, okay? Wie Sie sehen können, ist der Vorschlag ziemlich cool, denn wenn wir jetzt animierte Werte verwenden, wie Sie sehen können, funktioniert die Animation natürlich nicht, oder? Aber hey, das Coole ist, dass wir jetzt den Wert anzeigen können , indem hier einfach unseren eigenen Komponententyp eingeben. Wir haben das Gold einfach so verpackt, oder? Und es wird gerade von innen gedreht, was auch Bewegung ist. Wir müssen nicht einmal wissen, ob der Antrag da ist. Und das ist cool. Und jetzt müssen wir es animieren. Wie animieren wir Nun, ich schlage vor, es so zu machen. Aber es gibt Animationen wie Null, Zehn, Zehn. Lassen Sie uns damit sehen, wie es funktioniert. Sie können sehen, dass es so funktioniert. Also geht es runter, dann auf zehn Pixel von Y und B. Das ist auch eine coole Art zu animieren, deshalb habe ich es nicht gestoppt Aber lassen Sie uns für eine Sekunde diese Konstante von hier aus verwenden. Lassen Sie uns das für eine Sekunde nehmen. Ich werde nur die animierten Eigenschaften darin verwenden. Weil warum nicht? So wie das hier. Stimmt? Und wie Sie sehen können, ja, die Animation war einmal fertig, aber wir beobachten den Wert jetzt nicht, oder? Wir beobachten das Gold nicht. Also, um es zu beobachten, oder? Was müssen wir tun? Wir müssen den Schlüssel auf den Wert setzen, aber die JavaScript-Syntax verwenden. Denken Sie daran, nicht. HTML. Jetzt, wo wir Mining betreiben, funktioniert die Animation einwandfrei, oder? Das Coole ist jetzt, dass wir all diese Dinge hier einfach ziemlich einfach ersetzen können . Wir müssen es nur so machen, aber unterbrechen Sie den Vortrag nicht, denn wir werden Probleme aufzeigen , die ich lösen möchte. Klicken Sie also auf Power Auto Clickers. Und jetzt, wie Sie sehen können , funktioniert es für alle Und jetzt könnte ich eine andere Sache ziemlich einfach machen, oder? Aber das ist Standardverhalten, oder? Hmm hmm hmm. Aber was ist , wenn ich einige benutzerdefinierte Eigenschaften haben möchte Wie machen wir das jetzt? Okay. Also, wenn wir benutzerdefinierte Eigenschaften haben wollen, müssen wir sie zulassen, richtig? Also sagen wir vielleicht so etwas wie, lassen Sie uns einen anderen Typ erstellen und wir werden es benutzerdefinierte animierte Eigenschaften nennen, so etwas in der Art, oder? Und standardmäßig sind sie auf nichts gesetzt. Also werden wir so etwas machen. Mm. Also, wenn wir nichts hierher schicken, wird das so aussehen, oder? Also, um ehrlich zu sein, wird es so sein, okay, wir haben nichts geschickt, also wird die Animation einfach dieselbe sein. Vielleicht schauen wir mal, wie es funktioniert. Also müssen wir jetzt animierte Eigenschaften machen und sagen wir, wir haben benutzerdefinierte Eigenschaften, richtig? Benutzerdefinierte Animationseigenschaften. Und jetzt schicke ich etwas wie, Hey, ich möchte bei -40 beginnen Und um es jetzt zu senden, wenn wir im animierten Wert sind, haben wir einen PPB-Vorschlag Wir werden ihn bekommen, weil ich ihn nicht habe, er ist hier. Benutzerdefinierte animierte Eigenschaften. Und ja, ich möchte benutzerdefinierte animierte Eigenschaften senden. Ich sollte es nicht genauso nennen, oder? Weil das verursacht Mm hmm. Mm. Vielleicht nennen wir es hier Requisiten Natürlich wird das funktionieren, weil sie unterschiedliche Bereiche haben, aber ich wollte es einfach nicht dasselbe nennen Aber mal sehen, ob es funktioniert. Wie Sie sehen können, wenn Sie Gold abbauen, kommt Gold von oben und andere Dinge kommen von unten, oder? Also ja, es funktioniert jetzt richtig. Aber wir haben ein anderes Problem. Das Problem dabei ist, dass wir hier die Opazität angeben mussten, oder? Denn wenn Sie die Opazität nicht angeben, wie zum Beispiel an beiden Stellen, Sie können sehen, dass bei diesem Ding die Deckkraft immer auf eins gesetzt ist, und das ist nicht cool B Ich möchte quasi das ganze Standardverhalten haben, aber bei der Änderung zum Beispiel, wie Sie sehen können, Y-Wert, oder? Sie können jetzt zum Beispiel nur die ursprüngliche Eigenschaft ändern und es wird funktionieren. Denn wenn wir hier zuerst animierte Eigenschaften angeben, wird es initial sein, dann animieren und dann werden wir was einfügen? Wir werden hier die Initiale angeben. Initial wird das komplett ersetzen. Das ist das Problem, weil die Opazität ersetzt wird Wenn Sie ein solches Verhalten nicht haben möchten, wäre es sehr schwierig, es zu implementieren weil wir das tun müssen, was wir zuvor getan haben Wir müssen zum Beispiel auf benutzerdefinierte Animationseigenschaften zugreifen, also zunächst auf animierte Eigenschaften, und dann zuerst ihre benutzerdefinierten Animationseigenschaften senden und dies für jede animierte Eigenschaft tun. Stellen Sie sich also vor, Sie hätten 100 davon, es manuell zu tun, wäre dämlich, oder? Für zwei von ihnen, okay, vielleicht könnte ich es tun, aber wenn ich der Animation eine weitere Eigenschaft hinzufüge, müsste ich es hier noch einmal machen. Das ist also nicht die Art, solche Dinge zu tun, oder? Und die Lösung dafür ist Installation von etwas, das man Dash nennt. Also gebe ich NPM I Dash ein. Okay. Und nachdem Sie Loda installiert haben, wird es Ihnen etwas geben, das Marge heißt Gib mir bitte March. Warum von Deep March. Nicht von Beep Merge. Ich wollte es von Ludach Soweit ich mich erinnere, war es wie diese Zusammenführung von Daten mit einem Bindestrich Aber vielleicht irre ich mich, wer weiß? Import entfernen, ich muss Import nicht entfernen, da er importiert, aber nie verwendet wurde. Okay, das ist also nur eine Funktion, die von diesem Ort kommt, oder? Und jetzt kann ich so etwas machen. Nennen wir es zum Beispiel konstante zusammengeführte Eigenschaften. Und alles, was wir tun müssen, ist sie einfach so zusammenzuführen, oder? Und anstatt dass beide hier angezeigt werden, werden wir es so machen. Also das ist nur Verschmelzung, Verbindung. Die Standardeigenschaften mit der, die wir an den animierten Wert senden Und es wird es tiefgreifend tun. Was bedeutet es, dass es es tiefgreifend tun wird? Das, wenn wir etwas nicht zur Verfügung stellen, wie zum Beispiel, dass wir kein Opa-Siting angeboten haben, Wir haben es nicht bereitgestellt, weißt du, aber wir mussten keinen Anime anbieten Aber wenn es viele, viele, viele weitere Schlüsselwerte gäbe , würden sie alle tief miteinander verschmelzen. Sie müssen sich jetzt nicht mehr darum kümmern, wissen Sie, wenn Sie hier eine andere Eigenschaft hätten, zum Beispiel, was passieren muss, wenn der Ausgang passiert usw., dann wird alles automatisch zusammengeführt. Sie müssen sich über nichts Gedanken machen. Ich denke, dass auch der Code wie dieser einfacher zu lesen und zu verwenden aussehen wird . 103. Funktionale Komponenten erstellen – Lass uns unseren Code neu gestalten: Hallo, mein Freund. Heute werden wir versuchen, unseren Code umzugestalten, weil er ein bisschen groß geworden ist Und ich würde auch gerne darauf hinweisen, dass so etwas, animierter Wert, wirklich, verwendet werden könnte an verschiedenen Stellen Ihrer Anwendung verwendet werden könnte, richtig, weil das so etwas wie universal ist, oder Es könnte auf jede echte Komponente angewendet werden , die einen Wert hat, der animiert werden sollte, oder? Mit einem gewissen Standardverhalten, und das Standardverhalten kann sogar geändert werden. Also wie machen wir das? Zunächst müssen wir eine neue Komponente erstellen, oder? Also neue Datei, und nennen wir sie animierten Wert JS six, JA six. Aber beachte eine Sache. Es gibt ein Problem. Wir haben eine Komponente, die wirklich eine Komponente ist , die wie eine funktionale Komponente ist. Es ist keine Komponente , die sein sollte und die etwas zeigt. Es ist wirklich eine Art von Funktion, die dem Status von Werten arbeitet. Und deshalb werde ich einen neuen Ordner erstellen , den ich functional genannt habe, was nur darauf hindeutet , dass diese Komponente anders ist. Okay. Die grundlegenden Komponenten sind also da, oder? Aber sie sind für die Benutzeroberfläche verantwortlich, oder? Aber funktionale Komponente, sie wird tiefer gehen. Wenn Sie sich also dazu entschließen, eine meiner Funktionskomponenten zu verwenden, werden Sie es leicht finden, oder? Oh, das ist hier. Deshalb werden wir es so machen. Und jetzt müssen wir das einfach nehmen, oder? An diesen Ort. Und außerdem, nun ja, wir müssen das jetzt hierher importieren, oder? Denn ohne diese Importe wird es nicht funktionieren. Und was wir auch tun müssen, wir müssen es exportieren. Und nachdem wir es exportiert haben, müssen wir es auch an der richtigen Stelle importieren. Importieren Sie also einen animierten Wert aus einem funktionellen animierten Wert. Wie Sie sehen können, funktioniert es jetzt genauso. Aber wir haben das an einen anderen Ort verlegt, oder? Also, jetzt, nachdem ich meine Arbeit mit Animationen beendet habe, kann ich es vergessen. Ich schließe gerade diese Datei. Aber wenn ich etwas bearbeiten möchte, kann ich darauf zurückkommen, oder? Und das ist eine gute Art zu programmieren, oder? Wir können uns jetzt hier auf das Projekt konzentrieren, oder? Und das Coolste daran ist, dass es jetzt, wie gesagt, der funktionale Ordner wie gesagt, der funktionale Ordner ist. Wenn ich einen animierten Wert in einer beliebigen anderen Komponente haben möchte , müssen Sie diese einfach importieren und verwenden Und weil wir was benutzt haben? Wir verwenden benutzerdefinierte Animationssonden, richtig? Wir haben so etwas implementiert. Wir dürfen ändern, wie diese Animation für den bestimmten Wert aussehen soll , wenn uns das Standardverhalten nicht gefällt. Das ist nur die Lektion. Ich danke dir vielmals. 104. util-Ordner mit animations.jsx-Einstellungen für die gesamte App: Hallo, mein Freund. Wir haben eine einzige Animation erstellt, und vielleicht gefällt sie uns oder nicht. Aber nehmen wir an, wir sagen, weißt du was? Diese Animation ist so cool. Ich möchte es wiederverwenden, nicht nur in einer animierten Wertkomponente. Ich möchte es in meiner gesamten Anwendung verwenden. also nicht immer eine gute Idee, Animationen hier zu platzieren ist also nicht immer eine gute Idee, Animationen hier zu platzieren, oder? Denn später werden Sie vielleicht herausfinden, dass dies überall verwendet werden sollte. Wie ändern wir es also? Wenn Sie zum Quellordner gehen, können Sie einen neuen Ordner erstellen , den Sie Utils nennen, wie hier. Ich habe ihn bereits erstellt. Darin kannst du also eine neue Datei erstellen und sie zum Beispiel Animations JSX nennen , okay? Und beachten Sie, dass ich hier keine Großbuchstaben verwendet habe , weil das nur ein Hilfsprogramm ist Ist eine Art Tool , das Sie in Ihrer Anwendung wiederverwenden können Dieser Ordner ist also wie für Dinge, die sein sollten und die in jeder gewünschten Komponente verwendet werden können. Jetzt füge ich hier ein paar Animationen ein , die ich für dich erstellt habe, und das Coole ist, dass du sie jetzt überall wiederverwenden kannst, wo du willst, oder? Das bedeutet also, dass wir jetzt, wenn wir zu unserem Goldgräber gehen, richtig, und wir zum Beispiel zu animierter Lautstärke wechseln, so etwas machen können wie: Hey, lass uns das einfach entfernen, oder? Und lassen Sie uns die Animation von hier aus verwenden. Also zum Beispiel Verblassen . Aber wie machen wir das? Wir müssen es zuerst importieren. Ich habe eine sehr coole. Wie Sie sehen können, gibt es hier so etwas wie Autoimport und Pfad. Und wenn Sie es installieren, was wird passieren? Wenn du etwas importieren willst. Nehmen wir zum Beispiel an, ich möchte das importieren. Ich bin so, dass ich per Drag-and-Drop die Shift-Taste gedrückt halten und es so machen kann . Das ist so cool. Ich liebe es wirklich. Aber ich werde hier etwas Lustiges machen. Ich werde so etwas machen wie ich möchte alle Animationen importieren und so etwas wie Animationen machen. Das bedeutet, dass ich jetzt Animationsobjekte habe , die auf alle zugreifen können. Was bedeutet das? Schau, schau, schau, schau. Das ist so mächtig. Animationen Papa Mama. Papa da Dad ist cool, oder? Ich kann quasi von hier aus auf alle zugreifen. Fantastisch. Und was bedeutet das? Das bedeutet, dass ich zum Beispiel, sagen wir, den Standardanimationstyp machen kann, oder? Wir können eine weitere Requisite erstellen, und die Requisite wird standardmäßig auf „Fading Up“ gesetzt, sagen wir zum Beispiel auf Fading Nehmen wir an, es wird das Standardverhalten sein. Und jetzt kann ich so etwas wie aus Animationen machen Ich möchte beim Zusammenführen den Animationstyp ermitteln, oder? Und das ist eine App. Lass uns sehen. Wie Sie sehen können, funktionieren die Animationen richtig, also ist es gut. Aber das Gute ist, dass ich denke, weißt du was? Ich würde gerne andere Animationen verwenden. Nehmen wir an, ich will Bomben für diesen Kerl. Oh, okay, du kannst sehen, jetzt sind es Bomben hier drin. Hier kann ich einen anderen benutzen. Ich kann immer noch benutzerdefinierte Animationsrequisiten verwenden, also funktioniert alles einwandfrei Aber jetzt kann ich eine der Animationen auswählen , die ich vordefiniert habe Aber das ist nicht das Ende unserer Geschichte für diesen Vortrag. Also hör nicht auf. Schau, weil wir es in einer externen Datei haben und es überall verwenden können, wo wir wollen. Beachten Sie, dass wir hier Animationen wie Universal Man haben, zum Beispiel Scale on Hover Nehmen wir an, ich sage : Weißt du was? In dieser Komponente möchte ich meiner Schaltfläche wirklich eine solche Animation hinzufügen. Sagen wir zu dieser Taste schlecht, richtig oder vielleicht zu dieser Taste, was auch immer, es liegt an Ihnen. Also, wie würde ich eine neue Animation hinzufügen wie? Zuerst muss ich Bewegung importieren, richtig, weil sie hier nicht importiert wird. Lassen Sie uns also unseren Antrag importieren, oder? Und danach müssen wir auch unser Hilfsprogramm hierher importieren. Also lass es uns so machen. Und wir müssen sagen, welche Animation wir wollen. In unserem Fall wollen wir also beim Hover skalieren, oder? Wir importieren also nicht alles , weil wir gerade nicht alles brauchen Und jetzt sieh dir an, wie mächtig das Ding ist, das ich dir jetzt zeigen werde. Wenn ich hier Bewegung tippe, richtig, was kann dieses Ding haben? Unsere Animationen jetzt, richtig, weil Bewegung auf die Schaltfläche angewendet wird. Aber wenn du das jetzt anwenden willst, musst du dir das ansehen. **** und der Vorschlag. Schau, Mama. Coole Animation, oder? Es ruft an wenn ich mit der Maus darüber fahre, und wenn ich tippe, geht es zurück So mächtig, oder? Sie können jetzt all diese Animationen überall in Ihrem Projekt verwenden , in jeder beliebigen Komponente. Das ist cool, oder? Es ist nicht wie früher, als wir, du weißt schon, zum Beispiel eine coole Animation erstellt haben, die über dem animierten Wert liegt, oder? Jetzt haben wir eine Standardaktion, oder? Wir können es ändern, wenn jemand hier einen Wert sendet, der kein Standardwert ist, oder? Und jeder ist glücklich. Das ist so unglaublich, nicht wahr? 105. AnimatePresence – Wie man eine „Exit“-Animation macht: Hallo, mein Freund. Heute werden wir über sehr interessante Dinge im Zusammenhang mit Exit-Animationen sprechen. Denn beachten Sie, dass Animationen jetzt so funktionieren. Der neue Typ erscheint mit Null Y 20. So erschien zum Beispiel 104 wie hier, und es ist wie hierher gezogen. Aber was ist mit dem alten Staat passiert? Also, was ist jetzt mit 104 passiert? Was ist mit 105 passiert? Es ist einfach verschwunden, oder? Es wurde sofort entfernt. Es ist, als wäre es nicht montiert. Die Komponente, die dafür verantwortlich ist diese spezielle Stelle demontiert wurde, oder? Und die neue kam, sie wurde eingebaut und es gab eine neue Animation, richtig? Das Problem ist also, wie können wir alte Komponente für die Exit-Animation behalten. Ziemlich interessant und normalerweise schwer zu handhaben, aber weil Sie Framer-Motion haben, wird es nicht so schwer sein Zuerst müssen wir hier etwas hinzufügen, was man Exit-Property nennt W sagt nur, was mit dem alten Zustand passieren soll Was sollte also jetzt mit 110 passieren, wenn 111 kommt? Du siehst, es funktioniert nicht. Was auch immer ich hier hingestellt habe, wie du siehst, ist es jetzt einfach dasselbe, oder? Okay. Warum? Weil diese Eigenschaft funktioniert, wenn so etwas wie ein Elternteil einer Bewegung beobachtet, was mit der Komponente passiert , die entfernt wird, oder? Denn, weißt du, bei dieser Bewegung kann man nicht wissen, wann die Animation enden wird etwas, das die Animation ausführt und sich selbst zerstört, oder? Es konnte nicht beide Dinge gleichzeitig tun. Du brauchst also einen Elternteil , der das macht. Also, wenn du die Präsenz der Animation beibehalten willst , also die Präsenz des alten Zustands, musst du hier etwas anwenden, was man animierte Präsenz nennt , okay? Und du musst es natürlich importieren. Also animieren Sie Präsenz, und was wird nun passieren. Wie du siehst, lustige Sache. Der Standardmodus ist der Synchronisierungsmodus , der selten verwendet wird, aber es ist so, als würde er nicht nur warten, sondern auch mit dem alten Status synchronisieren, oder? Dieser Modus wird jedoch selten verwendet. Die meiste Zeit, die Leute hier benutzen, warten Sie zum Beispiel. Es ist also wie Warten. Bedeutet das, dass es darauf wartet die Exit-Animation stattfindet, bevor initial und animate erneut ausgeführt werden. Damit du sehen kannst Hm. So nett, nicht wahr? Und es gibt noch einen, der Pop ist. Wie heißt es? Was ich sage, Popa-Layout Ja, so. Ja, wie du siehst, ist das wie ein Platzen. Was? Es ist wie reinkommen . Und dieser würde wahrscheinlich besser funktionieren, wenn wir so etwas machen Wie Sie sehen können, ist es, wie Sie sehen können, 747780. Wie Sie sehen können, kommt es von oben, oder? Das ist wie. Ja. Also haben wir quasi Uhren von oben bis unten Und denken Sie daran, wenn Sie mit der Exit-Animation arbeiten wollen , müssen Sie animierte Präsenz verwenden. Wir mögen es , zu beobachten der Austritt eines Zustands aussieht , als wäre man unmontiert, oder Also, wenn es feststellt , dass dieser Teil Ihrer App unmountet wird Vorher wird es die Exit-Animation anwenden. Und danach wird dieses Ding auch zerstört, oder Weil dieser Typ weiß , wann das zerstört wird, oder? Weil er bis zum Ende der Zerstörung sein kann, oder? Aber wenn du das Objekt bist, das zerstört wird, weißt du nicht genau, wann die letzte Sekunde der Zerstörung ist, weil, naja, du weißt nicht, wie lang die Animation sein soll und wann du die nächste Animation aufrufen solltest, oder ? Sie müssen die Präsenz der Animation beibehalten. Deshalb wird es Präsenz genannt. Das ist eine Lektion für das Publikum. Vielen Dank. 106. CSS-Module – Wir erweitern unser CSS: Hallo, mein Freund. Heute werden wir über ein sehr wichtiges Thema sprechen, das CSS-Module genannt wird, weil , dass wir für jede Komponente ich Ihnen gesagt habe, dass wir für jede Komponente eine CSS-Datei erstellen müssen, oder? Und diese Lösung wird die meiste Zeit funktionieren, aber es gibt ein Problem. Die erste Sache ist, dass wir zum Beispiel, wenn wir auf die Schaltfläche zugreifen , in einer anderen Komponente auf die gleiche Weise auf die Schaltfläche zugreifen möchten ? Hmm. Es ist so, welches in dieser Situation wichtiger sein wird, oder? Also müssen wir einen gewissen Umfang festlegen. Sie müssen eine Schaltfläche, die in Gold minus CSS ist , nur auf die Komponente Gold minus JSix anwenden in Gold minus CSS ist , , richtig Und beachten Sie auch, dass, wenn wir Klassen verwenden, wie zum Beispiel Buttons, diese Klasse, um ehrlich zu sein, selbsterklärend ist und normalerweise in CSS, es war auch ein Problem, wenn wir React nicht benutzt Als es noch verschiedene Buttons gab, verschiedene Typen von ihnen, musstest du hier quasi jedes Mal irgendeinen Namen erfinden, oder? Knöpfe, Navigationstasten, bla, bla, la, richtig? Sie müssen angeben, welche Art von Schaltflächen es hier gibt. Und das ist auch ein Problem, oder? Und Sie können all diese Probleme lösen , indem Sie einfach so etwas tun. Gold Minor, richtig? Du tippst hier so etwas wie Modul Dot CSS ein. Okay? Aber das funktioniert sofort, weil wir mit Vite arbeiten , bei dem alles ausgedruckt Denk dran. Und jetzt müssen wir es auch anwenden, aber wie wenden wir es jetzt an? Wenn wir jetzt Gold Minor importieren, müssen wir auch Ihr Modul eingeben, oder? Aber auch vorher müssen wir den Namen eingeben , damit wir beispielsweise auf alle Klassen hier zugreifen können. Das machen wir? Nun, nehmen wir zum Beispiel Schwester von. Die meisten Leute nennen es Schwester. Du kannst es CSS nennen, wenn du eine Abkürzung willst. Nun, diese Konvention. Die meisten Leute machen es so , also nenne es einfach so. Jetzt können Sie diese Stile zum Beispiel hier verwenden . Aber wir greifen jetzt hier nicht direkt auf sie zu, weil bemerkt haben, dass unsere Seite , naja, funktioniert, wir aber keine Änderungen sehen, die von der Torkicker-Statistik, der Klasse und den Buttons von hier aus vorgenommen wurden und den Buttons von hier aus Wenn du also jetzt auf sie zugreifen möchtest, musst du in den JavaScript-Bereich gehen, rechts, und dort eingeben, Größe, das, und dann musst du Gold Clicker wählen Wie Sie sehen können, verwandelt sich Gold Clicker sofort in so etwas Das liegt daran, dass wir hier benutzen, was? Dieser Bindestrich hier, richtig? Für die Verbindung verwenden wir die Pause. Und du bist nicht in der Lage, so etwas wie Sis Gold, Clicker zu machen, okay? Weil das keine Syntax in JavaScript ist. Aber Sie können auch mit der Array-Syntax auf die Eigenschaft eines Objekts zugreifen , oder? Also, ja, es funktioniert. Beachten Sie auch, dass ich eine Art automatische Vervollständigung aktiviert habe, weil ich CSS-Modulus-Erweiterung verwende, okay? Und deshalb hat es es auch so übersetzt. Sie sollten jedoch wissen, dass es besser ist , solche Namenskonventionen für CSS-Module zu verwenden . Nicht so. Das liegt daran, dass Sie jetzt, wenn Sie darauf zugreifen, wie Sie sehen können, wenn Sie so etwas tun, als Erstes die Autosuggestion hinter sich haben Wenn ich die Taste gedrückt halte, kann ich zu dem CSS springen, das ich bearbeiten möchte, oder? Und nun, das wird überprüfen, ob wir einen Fehler gemacht haben oder nicht, oder? Also besser hier Camel Case in Modulen verwenden. Erinnere dich daran Okay, also wie wenden wir es auf andere an? Stattdessen tippen wir bleibt, das, und jetzt geben wir hier Statistiken ein, etwa so. Stattdessen springen wir in den Bereich Javascript und wenden jetzt Muster an. So wie das. Und unsere Anwendung funktioniert genauso, aber das macht ziemlich viel Spaß. Beachten Sie den Namen dieser Klasse. Es hat Unterstriche, Gold-Clicker und eine Art, du weißt schon, Lautstärke Und das macht deine Klasse jetzt einzigartig in diesem Bereich, oder Und das bedeutet auch, dass Sie sich keine Sorgen mehr machen müssen , wenn Sie CSS für eine andere Komponente erstellen, oder? Weil Sie all diese Namen, die hier sind, wiederverwenden können und Sie sich keine Gedanken über Kollisionen mit Namen machen müssen , oder? Weil dieses CSS-Modul immer nur für diese Komponente gilt Ziemlich coole Lösung, nicht wahr? Das ist die Lektion. Vielen Dank. 107. ThemeToggleButton erstellen: Hallo, mein Freund. Heute zeige ich Ihnen, wie Sie eine solche Schaltfläche erstellen. Wenn Sie darauf klicken, ändern Sie das Thema Ihrer Anwendung von hell nach dunkel, oder? Im Moment haben wir also, wie Sie sehen können, ein helles Team, und wenn ich darauf klicke, möchte ich zu dunkel wechseln. Also habe ich schon die Komponente Team Toggle Button J Six erstellt schon die Komponente Team Toggle Button J Six Wir haben also eine Funktion. Denken Sie an den Export. Wir müssen auch das Modul CSS eingeben, oder? Wir haben also einen anderen separaten Ort für CSS. Und beachten Sie auch , dass ich in einem JS Six die Komponente importiert und hier abgelegt habe. Und denken Sie daran, weil es Komponenten gibt , kann ich sie wiederverwenden, ich kann sie an vielen Orten beliebig oft verwenden. Das ist cool, weil du jetzt zum Beispiel diesen Button in der oberen rechten Ecke platzieren kannst jetzt zum Beispiel diesen Button in der oberen rechten Ecke platzieren , zum Beispiel der linken unteren Ecke, was auch immer du willst, direkt in der Fußzeile, an vielen Stellen, du musst nicht alles neu machen Also hier haben wir das Modul, das wir quasi einrichten müssen. Also haben wir eine Schaltfläche, rechts , zurückgekehrt, und wir müssen die Stile dafür einrichten. Also müssen wir tippen, wie Sie sehen können, ist der Vorschlag ziemlich okay. Und jetzt am Anfang haben wir so etwas. Es sieht also besser aus, oder? Es ist in der Mitte. Es gibt einfache Folien für sie. Und jetzt wollen wir quasi den Status unserer App ändern, oder? Wir wollen das Team vom Hellen ins Dunkle bringen. Und wie machen wir so etwas? Also habe ich im Index CSS erstellt, okay? Also in der globalen Größe etwas wie Standardwerte für die Beleuchtung. Sie können in CSS Varibus verwenden, oder? Also die sind für das Licht , die Standardversion, oder? Und danach habe ich auch ein Attribut erstellt, okay, das ist wie Daten sie, dunkel, okay? Also hier, können diese Varibus auf jedes HTML-Element angewendet werden auf jedes HTML-Element angewendet , das welches Attributdatenteam hat, richtig Wenn es das nicht hat, dann entspricht die Variable, die angewendet wird , diesen Werten, richtig? Alles, was wir tun müssen, ist, all diese Attribute irgendwie auf unsere gesamte Webseite anzuwenden . Aber zum Glück müssen wir es nicht an jedes Element anhängen , richtig. Alles, was wir tun müssen, ist, es hier anzuwenden, richtig? Denn wenn Sie das Attribut hier anwenden, werden es alle Kinder erben, richtig? Das ist also alles, was wir tun müssen Und wir müssen es von diesem Ort aus tun. Und jetzt haben wir ein Problem, also was für ein Problem? Nun, wie greifen wir auf das Dokumentelement HTML zu, richtig? Da wir uns in React befinden, richtig, wie greifen wir auf etwas zu, das außerhalb des Geltungsbereichs unserer Komponente liegt? Erinnerst du dich also, als wir über Use Effect gesprochen haben? Vorher haben wir es hauptsächlich wofür verwendet? Für ein festgelegtes Intervall, oder? Aber Use Effect ist auch etwas, das verwendet werden kann, um Funktionen aufzurufen , die involviert sein sollten und die auf das Dokumentobjektmodell zugreifen können , wie Sie es normalerweise tun würden, oder? Und solche Dinge passieren, wie Sie sehen können, Sie möchten es hier tun Aber wie? Nun, Sie müssen nur auf das Dokument zugreifen, richtig, dann auf das Dokumentelement. Und ja, das ist eine gute Idee. Wir ändern das Attribut des Dokumentelements, das HTML ist, oder? Datatm zu DAG. Also an das HTML-Attribut Theta Team mit dem Wert dark angehängt HTML-Attribut Theta Team mit dem Wert Und aus diesem Grund ist CSS cool, denn wenn es solche Attribute erkennt, wird es Variablen ändern, oder? Also diese Variablen dazu, richtig? Sie können jetzt hier angeben, wie sich Ihre Elemente verhalten sollen , wenn die Änderung erfolgt. Aber du fragst dich jetzt vielleicht, warum es sofort passiert ist? Nun, wenn ich die Datei speichere, erkennt sie zuerst das Speichern und aktualisiert alles. Aber warum trotzdem? Was hast du hier? Eine Komponente, oder? Und wann diese Komponente erstellt wird. Also in oben J. Also hier, das wird zurückgegeben, wenn wir zu J zurückkehren, wird der Effekt ausgeführt. Es ist wie, würde ich sagen, Konstruktor. Ja, es ist sehr ähnlich, aber natürlich ist es kein Konstruktor, aber ja, es ist etwas, das passieren wird, okay? Wenn Sie nicht all die Dinge spezifizieren, über die wir zuvor gesprochen haben, wird das jedes Mal passieren , wenn die Komponente montiert wird Also jedes Mal, wenn es gerendert wird. Also das ist nicht das, was wir dieses Mal wollen, oder? Wir wollen, dass es nur funktioniert, wenn sich das Team verändert, oder? Also wenn sich der Status des Teams ändert. Das bedeutet also, dass wir den Staat nutzen müssen. Okay? Also lassen Sie uns den Bundesstaat vielleicht hier importieren, oder? Und ich schlage vor, was zu kreieren? Ja, so etwas in der Art. Also machen wir einen Hook, also verbinden wir Set von Team zu Team, richtig? Und der Standardwert wird hell oder dunkel sein. Es liegt an dir, oder? Und wir wollen das Attribut jetzt hier setzen, nicht zu dunkel, also, weißt du, das ist nicht gut. Wir wollen es auf den Wert setzen, der im Bundesstaat steht, oder? Okay, das ist cool. Aber wenn ich darauf klicke, muss ich quasi ihren Status ändern, oder? Okay, also wie ändern wir den Status des Themes? Wir müssen OnClick verwenden , wenn jemand darauf klickt, oder? Und der Vorschlag ist sehr gut , weil wir set them aufrufen müssen, oder? Nehmen wir an, wir entfernen es für eine Sekunde und ändern es nur auf dunkel, oder? Und wenn wir sie einstellen aufrufen, weil es beim Aufrufen an das Team gebunden ist, wird das Thema dunkel Und wie Sie sehen können, hat es sich geändert, oder? Okay. Und nun ja, wir können uns auf der einen Seite ändern, oder? Deshalb brauchen wir dieses Ding. Dieses Ding ist wie eine bedingte Anweisung von JavaScript, die dieses Ding überprüft. Also wenn sie, wenn der Zustand gerade hell ist, dann ändere ihn auf dunkel. Andernfalls ändere es auf hell, oder? Und das, was zurückgegeben wird, ist dunkel oder hell, je nachdem, was zuvor war. Und das ist cool, weil es nur in einer Zeile steht, jetzt wird es von einer zur anderen geändert, richtig? Und als Nächstes sollten wir es ein wenig verbessern, denn im Moment wird es, wie gesagt, jedes Mal aufgerufen , wenn die Team-Umschalttaste Ihrer Anwendung angezeigt wird Ich denke also, dass wir angeben sollten , wann es ausgeführt werden soll. Es sollte nur ausgeführt werden , wenn der Teamstatus geändert wird. Fall ist es also eine Art In diesem Fall ist es also eine Art Optimierung, okay? Okay, das ist es also, was wir wollen, oder? Und jetzt fragst du dich vielleicht, wie das funktioniert, oder? B, wow, es passieren so viele Dinge , die ich hinter den Kulissen getan habe. Nun, das ist React, oder? Aber ich werde erklären, was hinter den Kulissen passiert ist. Jedenfalls, weil es ziemlich interessant ist. Also, wie gesagt, wir haben eine Hintergrundfarbe , die die Standardfarbe ist. Und wenn wir so etwas machen. Also, wenn wir an HTML anhängen, richtig? Also, wenn wir das Ding hier anhängen, richtig, wenn wir es anhängen, haben wir es hier gemacht. Sie haben ihnen Attribute beigebracht, richtig? Dann und worauf ist es eingestellt? Dunkel, nicht hell. Dann wird jedes Element dieses Attribut erben Und wann immer Sie diese Variablen verwenden, richtig, an welcher Stelle auch immer Beachten Sie, dass ich in der Team-Umschalttaste so etwas gemacht habe Hintergrundfarbe, und ich habe es hier zur Var-Taste gesagt. Es ist also so, als würde es sich hier ändern, diese Variable von einer zur anderen, wenn das Attribut kommt oder nicht. Wenn ich zum Beispiel zu Good Minor gehe , habe ich das auch hier gemacht. Beachten Sie den Hintergrund- und Schaltflächentext, oder? Und wenn du nichts ändern willst, richtig, wenn du den Wert behalten willst, der hier stehen sollte, richtig, dann tippst du hier einfach diesen Wert ein, oder? Wenn Sie also nicht möchten, dass sich etwas ändert wenn sich das Team ändert, dann tippen Sie nicht. Es gibt aber noch eine weitere Sache, bei der Sie die Änderung manchmal anpassen möchten. Also, wenn Sie zum Beispiel die Umschalttaste anpassen möchten, weil ich, wie Sie sehen, was wollte? Ich wollte die Farbe zum Beispiel auch auf Blau ändern , diesmal nicht auf Weiß Dann musst du zuerst auf das Attribut Dark Team zugreifen, richtig, das auf dunkel gesetzt ist. Also, wenn der Togul-Button dieses Attribut hat, dann ändere die Hintergrundfarbe in etwas Ähnliches Natürlich kannst du hier machen, was du willst. Es liegt also an Ihnen, und das ist das Verhalten, das in dieser Situation passieren wird . 108. Bedingter Text – Dunkel zu hell, hell zu dunkel: Hallo, jetzt haben wir einen dunklen Schrägstrich, aber ich würde gerne den Text von Zeile zu Dunkel ändern den Text von Zeile zu , wenn sich das Team ändert, oder? Also schlagen wir vor, was dieser Button bewirken soll. Und das ist so einfach, denn denken Sie daran, dass wir JSX verwenden, sodass wir nicht vom HTML-Wort zum JAVA-Skript wechseln müssen vom HTML-Wort zum JAVA-Skript wechseln Es ist, als wären wir schon da, aber wir müssen nur so etwas tun, oder? Wir brauchen also nur geschweifte Klammern zu verwenden und du bist im JavaScript, und wir können zum Beispiel so etwas machen Aber nun, das ist nicht genau das, was wir wollten, oder, weil es nur die Reihenfolge ändert, in der wir hier etwas wie Dunkel oder Hell ändern werden hier etwas wie Dunkel oder Hell , oder? Auf diese Weise. Wie Sie jetzt sehen können, ist es hell, dunkel, cool. Und es funktioniert, weil wir nach dem Staat suchen, oder? Und wenn der Zustand gleich Licht ist. Also wenn es so ist, dann tippen wir hier dunkel. Wenn nicht, geben wir hier so oft hell ein, dass wir all diese Dinge tun, weißt du, normalerweise ist es nicht so einfach, in die Javascript-Welt zu entkommen, wenn du in HTML bist Sie müssen viele Dinge tun, auf Eigenschaften zugreifen Hier, ist mir egal. Der Status hat sich geändert, und wenn der Status geändert wird, wird sich alles entsprechend ändern. Mächtig. 109. [ÜBUNG] Button aus externem Paket – Thema wechseln mit SVG (skalierbare Vektorgrafik): Weiter so, mein Freund. Versuche es als Übung zu machen. Gehen Sie auf den Punkt Dev mit den Größenumschaltern und versuchen Sie, statt diese Schaltfläche zu verwenden, eine der Sammlungen zu implementieren, die Ihnen kostenlos auf dieser Website zur Verfügung steht Ihnen kostenlos auf dieser Website zur Verfügung Das Coole an Rag ist also, wie ich schon sagte, dass es viele Sammlungen solcher Dinge gibt viele Sammlungen solcher Dinge gibt Das ist eine sehr spezifische Sammlung, die ich im Internet gefunden habe, oder? Es ist also nicht so, dass es viele verschiedene Lösungen gibt. Dies ist nur eine einfache Lösung für dieses spezielle Problem, oder? Aber fangen wir mit so etwas Einfachem an. Nehmen wir an, ich möchte eine solche Umschalttaste haben eine solche Umschalttaste Also, wie würden Sie vorgehen? den meisten Fällen haben solche Websites etwas, das man Dokumentation nennt. Wenn du also zur Dokumentation gehst, ist sie, wie du siehst, für HTML und React da, oder? Okay, das ist also das , was wir verwenden müssen. Zuerst müssen wir unser Paket installieren, und wir haben den Paketmanager, der NPM heißt, richtig, für unseren Node JS Sie müssen also nur zum Terminal gehen und so etwas eingeben und es abspielen lassen Rn ist einfach ein anderer Paketmanager. Wir benutzen es nicht, also benutzen wir dieses. Okay. Danach heißt es, dass wir CSS in AJs oder etwas anderes importieren müssen, oder? Und dann müssen wir die Komponente anhand des Namens importieren und verwenden, oder? Okay, wenn wir zu den Tocals gehen, fällt auf, dass wir sagen, hey, ich mag diesen, richtig Es geht vom Mond zur Sonne. Okay, das ist cool. Ja, das ist es, was ich mag. Also verwende ich kein einfaches HTML. Ja, das kannst du auch, aber ich verwende Ra. Das bedeutet also, dass wir, wie Sie sehen können, hier Copy-Paste für den importierenden Laptop unserer Seite haben . Unser Paket wurde installiert, und jetzt können wir all diese Dinge einfach hier importieren, oder? Also müssen wir es nur mit dem CSS in unser Projekt importieren , das gerade installiert wurde , als wir das gemacht haben, oder? Und der Name der Komponente , die wir verwenden möchten. Okay. Also jetzt, ja, das ist cool. Ich versuche, so etwas einzustellen, aber das ist nicht das, was wir wollen. Wir wollen zuerst den Knopf setzen, okay? Und jetzt heißt es, dass wir auch die Dauer der Animation angeben sollten. Nehmen wir an, wir wollen, sagen wir, den Standardwert angeben. Aber das Problem ist, dass wir unsere Komponente nicht sehen. Und warum ist das so, dass es sich hier versteckt. Das liegt daran, dass die Standardfarbe Weiß ist, und das bedeutet, dass wir den Stil ändern müssen . Aber wie ändern wir den Stil? Wenn Sie zur Dokumentation gehen, werden Sie feststellen, dass wir hier so etwas wie Styling haben. Um also die Farbe von Togo zu ändern, ändern Sie einfach die CSS-Farbeigenschaft der Komponente Oh, also müssen wir nur diese Farbeigenschaft ändern. Okay, also alles, was wir tun müssen, ist zuerst den Stil zu ändern. Also ist Stil gleich. Und jetzt betreten wir den JavaScript-Bereich, richtig? Und dann öffnen wir wieder die Kurve der Klammern, um einzugeben, was in das CSS eingegeben werden soll, richtig, weil wir hier CSS zurückgeben wollen. Und jetzt müssen wir die Farbe einstellen, oder? , wenn ich die Farbe zum Beispiel auf Rot ändere Was passiert, wenn ich die Farbe zum Beispiel auf Rot ändere, wie Sie sehen können, es ist jetzt rot, oder? Und wie Sie sehen können, funktioniert es schon, oder? Es ändert den Zustand, aber es funktioniert nicht so, wie wir wollen, weil es nicht Dinge aufruft, die wir hier haben, oder? Okay, mal sehen, was sie sagen? Wenn Sie mit dem Staat umgehen wollen, müssen Sie so etwas implementieren. Äh, huh. Okay. Also ich muss die Set-Funktion hier benutzen, richtig, wenn das Togo fertig ist Okay, also lass es uns implementieren. Also, wenn wir nach Togon gehen, richtig, was wollen wir Mal sehen, ob wir Hinweise bekommen? Ja, wir haben es. Aber ist es richtig? Nicht wirklich, weil wir das Team wechseln wollen , nicht so. Denken Sie daran, wir können den Status nicht direkt ändern. Womit wollen wir ihn ändern? Das Funktionssatz-Team. KI kann sich also irren. Okay. Und jetzt, wo wir unser Team hin- und herschalten, funktioniert es nicht Warum ist das so? Es liegt daran, dass ich hier wahrscheinlich einen Fehler gemacht habe? Ja, natürlich müssen wir eine Pfeilfunktion verwenden. Also, wie du sehen kannst, nun ja, diese Syntax hier ist schwer zu bekommen, oder? Du wirst solche Fehler machen, und selbst ich mache solche Fehler, wenn ich viel Code an vielen verschiedenen Stellen mache, in vielen verschiedenen Sprachen , aber es geht darum, wie schnell man sie erkennen kann, oder? Mit der Erfahrung kommt, wie schnell man solche Dinge entdeckt. Und wie Sie sehen können, mussten wir die Pfeilfunktion verwenden, richtig, weil wir hier keine Funktion aufrufen können, oder? Aber wir senden eine Funktion, die über die Toggle-Eigenschaft aufgerufen werden soll Okay. Also, wenn ich es benutze, wie du siehst, ist es jetzt cool, weil es den Zustand von ihnen verändert. Okay, das ist genau das, was wir wollten, oder? Und jetzt müssen wir auch den Staat hier ändern, richtig? Es ändert sich also, wenn wir hierher gehen. Beachten Sie, dass hier so etwas wie umgeschaltet ist Wenn also „falsch“ zu „ wahr“ oder „vollständig“ zu „falsch“ geändert wird, wird dies ein- oder ausgeschaltet Das bedeutet also, dass es sich von Mond zu Sonne ändern wird. Okay, das ist momentan ein Problem weil wir hier bereits einen Staat haben, oder? Also ja, es war gleichgültig, zum Beispiel die Komponente, aber ich möchte sie jetzt nicht einer anderen Komponente zuordnen, weil, nun ja, ich möchte jetzt nicht deine kostbare Zeit verlieren, okay? Du kannst es später selbst machen. Aber wir können so etwas wie das hier vorgeschlagene tun. Wir können das Team überprüfen, also wenn der Status gleich Licht ist, richtig, dann geben wir wahr zurück. Wenn nicht, wird es im Herbst zurückkehren, also erreichen wir wirklich, was wir wollten. Cool, oder? Ich denke, wir sollten die Hintergrundfarbe für diese Schaltfläche verwenden für diese Schaltfläche denn wirklich klassisch ist eine Schaltfläche, wie für die Variable, die für die Hintergrundfarbe verwendet wird, Teil Ihrer gesamten Website, oder? Nicht für den Hintergrund der Schaltfläche, denn wie Sie sehen können, funktioniert sie meiner Meinung nach nicht so, wie wir es wollen, oder? Also, wie machen wir so etwas? Können wir hier auf Variablen zugreifen? Ja, natürlich. Siehst du, wenn ich Hintergrundfarbe für Blau sagen würde, wäre es immer blau, oder? Aber ich möchte die Variable verwenden. Also wie benutzen wir sie? Wir müssen so etwas tun. Gehen wir zur Variablen über, oder? Und dann ja, der Vorschlag ist Button-Hintergrund, aber wir wollen keinen Button-Hintergrund verwenden. Diesmal wollen wir die Hintergrundfarbe verwenden. Warum nicht? Wie Sie sehen können, hat die Schaltfläche immer die Farbe unseres Hintergrunds, und aus diesem Grund scheint der Schalter besser zu sein, oder? Als Nächstes nehmen wir an, ich möchte die Größe ändern. Um also die Größe zu ändern, werden wir die Schriftgröße ändern. Und nun ja, ich denke, wir könnten es so machen, aber nicht auf Augenhöhe. Also, zum Beispiel, weißt du, 1,9, ja. So etwas in der Art. Jetzt ist es größer, oder? Okay. Also ändern wir die Schriftgröße, wir ändern die Farbe, aber ich finde die Farbe Rot schlecht. Ich denke, dass es davon abhängen sollte, wovon? Das sollte vom Zustand unseres Teams abhängen, oder? Also, wenn unser Team auch ebenbürtig ist , ja, der Vorschlag ist in dieser Zeit schlecht. Also, wenn es gleich Licht ist, dann möchte ich die Farbe in eine statische Farbe ändern , von der ich entscheide, dass sie jetzt gut ist. Wenn wir also im Lichtmodus wären, könnten wir sagen, hey, klicken Sie auf den Mond , der blau ist, oder? Aber sonst musst du die gelbe Sonne treffen, oder? Im Dunkelmodus wird es also gelb sein. Also, wie du sehen kannst, Kreis, oder? Ziemlich genial. Und nun, man könnte es als, du weißt schon, eine andere Komponente bezeichnen, oder? Und zum Beispiel könnten Sie es später, wissen Sie, an vielen Stellen in Ihrem Programm verwenden. Dieses Programm wird ein anderes Programm sein, weil dies das Standardverhalten für die Elementschaltfläche sein wird Standardverhalten für die Elementschaltfläche sein , die Sie mögen, oder? Nicht die Item-Schaltfläche, die von ihnen erstellt wurde, oder? Lass uns das machen. Vielen Dank. 110. Separate Buttons und sehen, was mit dem „geteilten“ Status passiert: Hallo, mein Freund. Diese beiden Schaltflächen machen dasselbe, aber sie befinden sich in derselben Komponente. Das heißt, wenn wir sie wiederverwenden, werden sie nebeneinander stehen, und so sollte das nicht gemacht werden. Aber das Problem ist, was würde passieren, wenn wir beschließen würden, sie erneut zu bekämpfen? Das ist richtig. Lassen Sie uns also zum Beispiel eine weitere Komponente erstellen. Nennen wir es klassischen Tug-Button, okay, so. Und natürlich, wenn JSX, und jetzt sage ich, dass wir alles von hier kopieren werden, damit wir nicht alles neu schreiben müssen Kopiere es hier. Lassen Sie uns das jetzt mit der Tastenkombination F zwei in eine klassische Umschalttaste umbenennen, also wird es quasi alles umbenennen, oder? Und jetzt werden wir diesen Teil in unserer klassischen Umschalttaste nicht verwenden, oder? Wir werden das einfach zurückgeben und brauchen es nicht mehr, oder? Wir brauchen den Klassiker nicht. Und wenn wir zur Team-Umschalttaste gehen, bedeutet das, dass wir den Klassiker jetzt von hier entfernen können , oder? Und wir können diesen Teil entfernen, richtig, weil er nicht mehr benötigt wird Also haben wir sie vielleicht aufgeteilt. Mal sehen, was passieren wird. Wenn wir es in Ajax einbauen , weil wir gerade auf diesen Button klicken, richtig? Nehmen wir an, wir wollen auch die klassische Umschalttaste verwenden , oder? Wie du sehen kannst, sind sie hier, oder? Aber es scheint ein Problem zu geben wie: Siehst du das? Dass, als ich dunkel wurde und ich hier draufging, irgendwie haben sie den Zustand nicht angemessen geändert. Das liegt also daran, wir hier ein Team haben und wir auch dieses Team haben, richtig? Hm mm hmm. Aber das ist ein anderes Team, oder? Das ist der Status für diese Komponente. Nun, sie haben den gleichen Namen, aber sie werden nicht gemeinsam verwendet. Aber wie lösen wir so etwas? Ich werde Ihnen jetzt eine Lösung zeigen , die wahrscheinlich in den meisten Kursen gezeigt wird, aber in der nächsten Vorlesung werde ich Ihnen eine bessere Lösung zeigen. Nun, weil die dünne Umschalttaste und die klassische Togu-Taste unsere Anwendung sind, oder? Das heißt, ja, wir könnten so etwas machen Stimmt das? Also werden wir den Staat und den Nutzungseffekt an diesen Ort bringen, richtig? Okay, jetzt müssen wir nur noch diese Dinge importieren, richtig? Und jetzt müssen wir uns irgendwie zusammentun und sie so einstellen, dass der Typ hier ist, richtig? Und wie machen wir solche Sachen? Also, wir wissen, wie man es mit Requisiten personalisiert, oder? Also, es ist nicht schwer, denn alles, was wir jetzt tun müssen, ist zu sagen: Hey, weißt du was? Ich muss das Team dieser beiden Dinge nehmen und sie von jemand anderem bestimmen, nicht von hier, oder? Wir können das jetzt entfernen. Und wir können das entfernen, und auch hier. Okay? Wir müssen es so machen. Und jetzt müssen wir ihnen das schicken. Das heißt für das Team, ja, wir müssen das tun und dafür müssen wir das tun. Und jetzt, nun ja, der Staat ist da, oder? Und wir schicken diesen Staat hierher. Nun, ich habe hier auch einen einfachen Fehler gemacht, ich tippe Team ohne E, und das würde eine Menge Probleme bereiten. Und jetzt ist was vor sich geht. Wie Sie sehen können, funktionieren sie einwandfrei, weil wir sie nur als Requisiten für Classic und Tem-Toggle Button schicken Also funktioniert alles gut. Aber warum ist diese Lösung eine schlechte Idee, oder? Nun, stellen Sie zunächst fest, wie wir jetzt die Team-Umschalttaste oder die klassische Togo-Schaltfläche in einer anderen Anwendung verwenden können jetzt die Team-Umschalttaste oder die klassische Togo-Schaltfläche in einer anderen Anwendung verwenden oder die klassische Togo-Schaltfläche in einer anderen Wir müssen uns merken, dass wir, um sie verwenden zu können, etwas Ähnliches erstellen müssen, das wir uns auch in der übergeordneten Komponente merken müssen Und dann musst du so etwas tun. Der eine Grund ist meiner Meinung nach ausreichend. Aber nehmen wir an, du sagst: Hey, das ist nur für eine Anwendung, funktioniert gut. Lass uns gehen. Okay, okay. Nehmen wir an, Sie werden viele Komponenten haben , die Sie benötigen, um den Staat gemeinsam zu nutzen. Sie werden also hier viele Nutzungszustände haben, zum Beispiel viel Usefft, und im Gegenzug werden Sie Chaos haben, richtig Okay. Das ist schlimm, oder? Die zweite Sache ist, die dritte Sache ist, naja, Testen wird schwieriger, weil der Status die Anwendung verwaltet, das Testen einzelner Komponenten wie zum Beispiel Team-Table-Schaltfläche oder der klassischen Umschalttaste erfordern kann, nun ja, den Status zu verspotten oder die Testbibliothek zu verwenden und Und es erhöht die Komplexität erheblich. Und um ehrlich zu sein, Ihre Bewerbung wird ein totales Chaos sein, wenn Sie es einfach so machen, oder? Es wird schwierig sein, es zu skalieren, es wird schwierig sein, es wiederzuverwenden. Und es gibt auch die Regel , dass die Up-Komponente derzeit sowohl für das Rendern der Benutzeroberfläche als auch für die Verwaltung des Anwendungsstatus verantwortlich ist . Und so sollte es nicht funktionieren, denn das verstößt gegen das Prinzip der Trennung von Belangen, oder? Also, was ist dieses Prinzip? UI-Komponenten sollten sich nur auf das Rendern und die Benutzerinteraktion konzentrieren . Aber die Statusverwaltung sollte durch spezielle Mechanismen oder Komponenten gesteuert werden, okay? Also solltest du so etwas hier nicht tun. Du wirst viele Tutorials finden , die so etwas machen, aber nein, tu es nicht an dieser Stelle Okay? Ich werde dir in der nächsten Vorlesung eine bessere Lösung zeigen. Hab einen schönen Tag. 111. Wie erstelle ich einen Context Provider? – Lass uns ThemeProvider erstellen: Hallo, mein Freund, heute zeige ich Ihnen, wie Sie einen Kontext für Ihre Komponenten erstellen , denn wenn Sie einen Status teilen, können Sie ihn unter anderem teilen, indem Sie etwas verwenden, das als Kontext bezeichnet wird Wie erstellen wir so etwas? Zunächst müssen Sie einen neuen Ordner erstellen, denn wenn Sie mehr Kontext haben möchten, ist es eine gute Idee, sie in einem separaten Ordner zu haben. Dann werden wir eine Datei erstellen, die wir Teamkontext nennen werden. Und das ist JSX Five. Und darin müssen wir unseren Kontext erstellen, und wir erstellen ihn, indem wir so etwas eingeben, Kontext und dann Kontext erstellen Das ist genug, aber wir müssen jetzt importieren, um den Kontext aus dem Akt zu erstellen. Und Kontext. Oh ja, das ist die richtige Schreibweise. Und jetzt können wir den Kontext bei Kindern verwenden. Wo wir diesen Kontext bereitstellen werden. Das ist sehr wichtig, denn jetzt, wenn wir zum Beispiel zur Tem-Umschaltfläche wechseln, können wir unseren dünnen Kontext importieren Wir können also so etwas wie den Importkontext schreiben, und er sollte aus dem Kontext kommen, so ähnlich Und jetzt können wir den Kontext verwenden, aber das Problem ist, dass wir ihn zuerst bereitstellen müssen, oder? Wir müssen sagen, welche Art von Kontext darin enthalten sein wird. Und Sie stellen es hier und unten in derselben Datei zur Verfügung, indem Sie etwas mit diesem Teamprovider erstellen , okay? Und um das zu tun, tippst du, wie du sehen kannst, Team Provider und du musst so etwas wie hier öffnen, ja, wir werden Pops hier öffnen und es schließen Für eine Sekunde bedeutet das einfach, es zu schließen, und eine sehr wichtige Sache ist auch, dass wir all diese Dinge exportieren müssen, richtig, weil es sonst in den anderen fünf nicht funktionieren wird, oder Als ob ich versucht hätte, es zu importieren. Wo habe ich es im Team-Toggle Bottom importiert, oder? Also vorher würde das nicht funktionieren, oder? Okay, lassen Sie uns zu unserem Teamkontext zurückkehren. Und das ist ein Anbieter. Sie können sehen, dass es hier Requisiten für Kinder gibt. Bald erklären wir, wofür es ist, okay? Der Vorschlag war ziemlich cool, also lassen wir es. Und was ist der Kontext, den wir ihnen mit der Umschalttaste und der klassischen Togo-Taste schicken wollen ihnen mit der Umschalttaste und der klassischen Togo-Taste schicken ? Ist das, richtig? Weil wir es nicht in der App behalten wollen. Also werden wir es entfernen und hier ablegen, oder? Das ist also der Kontext. Und weil wir es entfernt haben, brauchen wir so etwas nicht mehr, oder? Weil wir das im Moment nicht brauchen. Und nun, wir können diesen Teil entfernen. Und hier müssen wir Use State und Use Effect importieren, oder? Aber vielleicht fügen wir es in einen Import wie diesen ein. Okay. Also machen wir mit unserer Bewerbung weiter, oder? Nun, das ist ein Teamprovider, und wir müssen jetzt etwas damit zurückgeben, oder? Weil das der Komponente sehr ähnlich ist, oder? Aber dieses Mal ist das, was Sie hier sehen, hübsch, wie Sie sehen, seltsam, denn wenn Sie den Teamprovider verwenden, werden Sie ihn hier in der App verwenden, okay? Also musst du, okay, den Team-Kontext importieren. Also der Teamprovider, ich meine, also der Teamprovider. Und Sie müssen es auf Dinge anwenden , für die Sie möchten, dass dieser Kontext verfügbar ist. Okay? Also können wir es zum Beispiel für unsere gesamte Anwendung bereitstellen , oder? Wir können also so etwas wie Teamprovider machen, oder? Und jetzt ist das wie, wo hier, richtig? Und das sind die Kinder, okay? Also Gold Miner, Tim Turkle Button und der klassische Togu Button werden hier weitergereicht, hier weitergereicht Okay. Und wir müssen ihnen quasi den Kontext geben. Ich denke also, das ist hier, oder? Und um ihnen einen Kontext zu geben, werden wir so etwas wie den Vorschlag hier eingeben . Ich liebe diesen Vorschlag, um ehrlich zu sein, sei nicht so, als ob du Angst davor hast, KI zu benutzen, besonders wenn solche Dinge nicht oft gemacht werden, okay? Sie erstellen nicht jeden Tag einen Kontextanbieter. Aber Sie müssen nur verstehen, wie es funktioniert, oder? Wir greifen also auf den Teamkontext zu, oder? Also das, und wir sagen, der Anbieter dafür, also was wir all unseren Kindern bieten wollen, und wir sagen, der Wert wird Team sein und sie festlegen, richtig? Das ist also die Sache, die verfügbar sein sollte , dieser Staat sollte für alle Kinder verfügbar sein , für die ich den Kontext bereitstelle. Die Kinder, für die ich hier gesorgt habe, all diese Kinder, die wir jetzt haben, der Staat steht ihnen zur Verfügung. Verstehst du es jetzt? Wenn wir hier hingehen, wie Sie sehen, funktioniert es immer noch nicht. Das liegt daran, dass erstens, wenn wir hier hingehen, wie Sie sehen können, das Team nicht definiert ist, zum Beispiel können Sie hier sehen, dass es nicht definiert ist. Aber ich habe gesagt, dass der Kontext hier verfügbar ist. Ja, aber um es zu benutzen, musst du es spezifizieren, okay? Also musst du etwas sagen wie, Okay, weißt du was? Das Team und das Set werden aus so etwas wie einem Kontext kommen , aus einem dünnen Kontext. Also importieren, und dann müssen wir wieder Kontext einfügen, richtig? Und wir müssen Thin Context importieren. Okay? Und jetzt, wo wir diesen klassischen Togo-Button hier haben, müssen wir dasselbe auch für unseren anderen Button tun , wie hier, richtig Also brauchen wir das hier, und wir müssen auch den Nutzungskontext importieren, oder? Methode. Und wir haben hier einen Fehler, weil Sie einen Rest der Requisiten von zuvor verwenden . Ich habe es nicht entfernt Also ja, jetzt ist es so. Jetzt wollen wir sehen, ob es funktioniert. Wie Sie sehen können, teilen wir uns jetzt denselben Bundesstaat, oder? Weil wir einen Anbieter für diesen Staat haben. Also alles, was hier ist , wird auch für Kinder verfügbar sein, oder? Aber diese Kinder, wenn sie diesen Kontext nutzen wollen, müssen sie es sagen wie: Hey, ich möchte diesen Kontext aus dem Teamkontext verwenden, und ich möchte ihn auf die Variablen hier einrichten , richtig auch, das State-Team und die Teamfunktion, die das ändern kann. Und jetzt funktioniert einfach alles gut, oder? Wir haben gerade den Kontext verwendet, wir in unserer Anwendung bereitgestellt haben. Ich weiß, dass du jetzt vielleicht so bist, aber vorher musste ich nur was eingeben? Ich musste den Teil aus dem Kontext herausnehmen, richtig? Also musste ich das einfach in der App machen. das, was du mir gerade gezeigt hast du so viel Zeit gebraucht. Zuerst haben wir gerade den logischen Zustand unseres P 14 in einer Datei gespeichert. Damit wir es von hier aus aktualisieren können. Wir wissen, wo es ist. zweite Sache ist, dass unser ats X einfacher werden wird, oder? Weil wir hier alles deutlich sehen können , brauchen wir keine Requisiten zu übergeben Aber es gibt noch eine Sache. Wenn Sie zum Beispiel eine interne Anwendung hätten, sagen wir, Layout und Innenlayout, Kopfzeile und Hauptinhalt. Und der Hauptinhalt hätte zum Beispiel Artikel und Artikel, zum Beispiel Artikel. Wenn Sie dann dieselben Requisiten in der Komponente verwenden möchten , die, Sie wissen schon, tiefgreifend fertig ist , müssen Sie diese Requisiten immer wieder neu senden, das ist schrecklich, diese Requisiten immer wieder neu senden, das ist schrecklich Wir müssen uns immer daran erinnern, so etwas zu tun. Wie Sie jetzt sehen können, wenn Sie sich diesen Code ansehen, ist es nicht so, dass wir uns daran erinnern müssen, Profis zu schicken. Wir müssen nicht wissen, wie es funktioniert, oder? Wir machen das Team einfach zum Provider und sagen: Hey, alles, was sich darin befindet, wird Zugriff auf diesen Kontext haben , wenn sie ihn im Nutzungskontext verwenden. Und jetzt ist das mächtig, oder? Sie teilen jetzt den gleichen Kontext. Beachten Sie auch, dass wir, wenn wir zum Nutzungskontext gehen, nicht so ist, dass wir jetzt die klassische Umschalttaste testen können , weil ohne irgendetwas, richtig, wie ohne alle anderen Kinder Eine solche Lösung bietet also viele Vorteile. Und diese Lösung für einfache Anwendungen wie Sie sie jetzt haben, wird am häufigsten verwendet. Wenn Sie jedoch einen Status wie P verwenden möchten, sollten Sie etwas verwenden, das beispielsweise Zootnd heißt . Das macht die Verwaltung des Zustands im Vergleich dazu sehr einfach und übersichtlich Aber der Kontext wurde vor langer Zeit vor Zustan geschaffen , und es gab keine solche Lösung Also das, du wirst in vielen React-Apps sehen, dass du, du weißt schon, mit anderen Leuten arbeiten und mit ihnen arbeiten musst du weißt schon, mit anderen Leuten arbeiten und mit ihnen arbeiten musst Und nun ja, Zostant installieren und lernen, wie man es benutzt, oder? Und nur für einen einfachen Zustand möchten Sie zum Beispiel das Team wechseln Also, wenn du nur eine Sache hast, die geteilt werden soll , dann okay, lass uns das nicht benutzen. Aber wenn deine App ständig den Status zwischen den Komponenten teilen soll, dann ist es an der Zeit, etwas zu lernen , zum Beispiel so, okay? Das ist nur die Lektion. Ich danke dir vielmals. 112. use-state-local-storage – Wie implementiere ich das SAVE-System in 5 Minuten in unserem Spiel?: Hallo, mein Freund. Heute zeige ich Ihnen, wie Sie den lokalen Speicher in Ihrer React-Anwendung verwenden. Weil, naja, es ist cool, dass wir zum Beispiel unser Team ändern können , oder? Es ist auch cool, dass wir unser Gold abbauen können. Aber wenn wir unsere Seite aktualisieren, wird alles wieder auf die Standardwerte zurückgesetzt, oder? Wie ändern wir also ein solches Verhalten? Um ehrlich zu sein, nimmt die Implementierung von Dingen wie ziemlich viel Zeit in Anspruch, weil wir Effekte nutzen müssen und wir müssen verstehen, wie lokaler Speicher funktioniert. Aber wir reagieren. Außerdem verwenden wir kein JS, was bedeutet, dass es viele sehr lustige Pakete gibt, wie zum Beispiel dieses, das es so, so cool machen wird. Also, wenn ich so etwas mache , was wird passieren? Ich werde jetzt stattdessen ein Paket installieren, oder? Ich benutze State nicht mehr, okay? Ich werde jetzt importieren, und wenn wir hier hingehen, sehen wir, was wir importieren müssen. Verwenden Sie den lokalen Speicherstatus, richtig? Also das. Und jetzt werde ich das einfach durch das hier ersetzen. Aber jetzt gibt es noch eine Sache, die sehr wichtig ist. Wir müssen hier nicht sagen, was der Standardwert ist, okay, sondern wofür wir unseren lokalen Speicher verwenden werden. Also werde ich sie hier platzieren, okay, auf diese Weise. Danach müssen wir den Standardwert dafür festlegen. Und wie legen wir den Standardwert fest? Wenn wir hierher gehen, werden Sie feststellen, dass wir einen Wert haben, einen festgelegten Wert haben und der Schlüssel verwendet wird, wenn wir Artikel abrufen. Seien Sie also vorsichtig mit den Namenskonflikten, und dann haben wir etwas, das als Standardwert für Optionen bezeichnet wird . Aber Optionen sind wie ein Objekt. Da es sich also um ein Objekt handelt, müssen wir es auf diese Weise bereitstellen, oder? Der Standardwert wird also zum Beispiel light sein. Wenn ich es jetzt aktualisiere, wie Sie sehen können, ist das jetzt richtig, weil wir den Anfangswert auf hell gesetzt haben, und deshalb haben wir hier jetzt die richtigen Symbole. Und wenn ich darauf klicke und unsere Seite aktualisiere, ist es endlich das, was sie sich daran erinnert. Und um ehrlich zu sein, das Coole daran ist, ähm, wie viel Zeit habe ich für Implementierung von lokalem Speicher aufgewendet, oder? Ich habe nur ein paar Sekunden gebraucht, oder? Und jetzt, wo wir zum Beispiel hierher gehen , wie Sie sehen können, haben wir unseren Schlüssel, oder? Licht. Das ist so toll, oder? Wie viel Zeit hat es gedauert? Nichts. Wir mussten nicht darüber nachdenken, wann sich die Dinge ändern, wie sie sich ändern, an welchen Orten, nichts. Ich habe das gerade importiert und es funktioniert. Sie könnten es manuell tun, z. B. JavaScript-Erstellungsmethoden für den lokalen Speicher verwenden und Use Effect verwenden, aber um ehrlich zu sein, warum, wenn es solche Lösungen gibt? Wie wenden wir also dasselbe auf unseren Goldminenarbeiter an? Also wollen wir es jetzt hier verwenden. Nun, zuerst müssen wir es importieren, oder? Und jetzt müssen wir dafür sorgen, dass es hier funktioniert. Weil ich super faul bin, werde ich so etwas machen. Control C, Control Shift plus I, ich werde mit Codium sprechen, weil es ziemlich cool ist Verwenden Sie nicht den lokalen Speicher, sondern verwenden Sie den Status und wenden Sie die Werte an, die Anfangswerte, und lassen Sie uns abschicken Denn warum sollten wir uns die Mühe machen, Dinge so gut zu machen, obwohl wir wissen, wie man sie macht, aber sie zu ersetzen würde einfach Zeit in Anspruch nehmen, oder? Damit du im Grün sehen kannst, haben wir was? Wir haben jetzt alle Änderungen und das ist alter Code. Wenn Sie die Änderungen akzeptieren möchten, die ich für richtig halte, können wir hier klicken oder Alt plus A verwenden. Und jetzt wollen wir sehen, ob es funktioniert. Wenn ich also zu unserer Bewerbung gehe, hier. Und ich kümmere mich um das Gold. Und wenn ich jetzt meine Seiten aktualisiere, können Sie sehen, dass wir den Status beibehalten. Lass uns upgraden, lass uns aktualisieren. Lassen Sie uns mit Auto Cliqer aufrüsten. Lass es uns dunkel machen Wenn jetzt also jemand unsere App schließt, wenn er zurückkommt und sie aktualisiert, ist der Staat sicher. Wie lange hat es gedauert, bis Safe in unserem Spiel funktioniert hat? Ich weiß nicht, vielleicht 5 Minuten. Ich weiß nicht, wie lang diese Lektion ist. Supermächtig, nicht wahr? Und deshalb reagiert diese Schule mit der Verbindung von JS-Paketen , die Leute für dich erstellt haben, um sie zu benutzen. Es gibt also viele Lösungen für Probleme , die auf diese Weise sehr schnell gelöst werden können. Ziemlich genial, nicht wahr? Hab einen schönen Tag. 113. Wie baue ich meine React-App in eine statische Seite ein?: Hallo, mein Freund. In diesem Vortrag werde ich Ihnen zeigen, wie Sie Ihre Anwendung so erstellen , dass Sie sie endlich bereitstellen können. Sie können es mit anderen teilen, weil wir derzeit alles im Death-Modus laufen lassen, was für Entwicklungsmodus steht. Wir entwickeln unsere Anwendung und es gibt viele Dinge in unserer Anwendung, wie Sie sehen können, Todesabhängigkeiten, was bedeutet, dass es andere Pakete gibt, die lokal installiert sind und später absolut nicht benötigt werden, oder? Es gibt einige Abhängigkeiten , also Pakete, die in die Build-Anwendung aufgenommen werden müssen . Und nun, wie bauen wir es, richtig? Wie machen wir es? Sie können also sehen, wir ein Skript haben, das Built Invite heißt. Also geben wir einfach NPM run ein und nicht deaf, sondern build. Wie Sie sehen können, werden dann alle Komponenten transformiert und analysiert Und wie Sie sehen können, haben wir den Index ATML, CSS und JavaScript erstellt , der sich jetzt wo in dem Ordner befindet, der Distribution genannt wird, oder? Dist und dieser Ordner ist ein Ordner , den Sie einfach auf Ihr Hosting übertragen Jetzt können Sie einfach Index-HTML öffnen und alles wird gut funktionieren, denn hier und hier haben Sie nur Ihre gesamte Anwendung. Wie öffnen wir jetzt unsere Seite? Um es zu öffnen, müssen wir nur mit der rechten Maustaste klicken und es mit der Live-Server-Erweiterung öffnen. Und wenn du es öffnest, wirst du so etwas sehen. Breiter Bildschirm. Warum ist das so? Denn wenn wir zur Quelldatei gehen, stellen wir fest, dass wir gerade Sideset haben , wir haben JavaScript Aber was passiert, wenn ich auf JavaScript klicke? Wir können so etwas wie den Assets-Index nicht finden . Warum ist das so? Denn beachten Sie, dass der Live-Server standardmäßig wie unser Distributionsindex-HTML in dieser Distributionsdatei geöffnet wie unser Distributionsindex-HTML wird. Wir versuchen also wirklich darauf zuzugreifen, indem wir so etwas tun, nicht diese HTML-Fünf, oder? Ich meine, nicht diese CSS-Fünf, sondern so etwas in der Art, okay? Also versuchen wir, vom Root aus darauf zuzugreifen , richtig, auf diese Weise. Und ja, das ist nicht hier. Die Säure ist wie hier, oder? Aus diesem Grund, wenn du es nur lokal öffnest, musst du es nur lokal öffnest, musst du es, du weißt schon, entfernen, und dann wird es ohne Probleme geöffnet , oder? Es funktioniert. Ich kann Gold abbauen. Wenn ich aktualisiere, wird der Status, wie Sie sehen können, gespeichert, oder? Ich kann auch den Status von Artem usw. speichern, oder? Unsere Anwendung funktioniert also. Sie können es jetzt direkt in den Stammordner Ihres Hostings übertragen den Stammordner Ihres Hostings und es wird einfach funktionieren. Ohne Probleme, weil wir von der Serverseite aus nichts gemacht haben, oder? Wir haben Node JS nicht zum Erstellen eines Servers verwendet, oder? Wir müssen jetzt keinen Server auf unserem Hosting einrichten , da dies nur eine statische Site ist , die Sie mit jedem teilen können, oder? Aber wie gesagt, denken diese Sache hier, denn wenn Sie diese Anwendung standardmäßig auf dem Hosting teilen möchten, aber in einem Unterordner, aber nicht im Stammverzeichnis, müssen Sie sicherstellen, dass Sie so wechseln Sonst wird es auch hier nicht funktionieren, denn wenn du das Icon auch haben willst, musst du sagen, dass wir nicht aus dem Stammordner kommen, nicht aus dem Stammordner schauen, sondern aus dem aktuellen Ordner den Cent schauen , in dem der Index-HTML ist, oder? So ziemlich einfach, nicht wahr? Das ist nur die Lektion. Vielen Dank. 114. Was ist Electron und wie lässt es sich in unserer React-App verwenden?: Hallo, mein Freund, heute werde ich dir etwas Supermächtiges zeigen, das Electron heißt. Es ermöglicht Ihnen, Desktop-Apps für geschlossene Plattformen mit JavaScript, HTML und CSS zu erstellen Desktop-Apps für geschlossene Plattformen . Also, um ehrlich zu sein, haben wir das gerade benutzt, oder? Wir haben auch React verwendet, aber React ist in JavaScript geschrieben. Das bedeutet also, dass wir das irgendwie mit unserem Projekt verbinden könnten . Und aus diesem Grund können wir unsere Anwendung als Desktop-Anwendung ausführen. Das wäre so cool, oder? Also, wie machen wir das? Wir müssen zuerst unser Elektron installieren. Also müssen wir NPN eingeben, Electron installieren und dann müssen wir hinzufügen, dass wir es als Tiefenabhängigkeit speichern, also ist es nicht so, dass es direkt in unseren Build-Modus wechselt, wenn wir unser Projekt bearbeiten Okay, also haben wir es gerade installiert. Was jetzt? Also, um Elektron laufen zu lassen, richtig, müssen wir zuerst spezifizieren, wie das gemacht wird und nach welchem Elektron gesucht werden soll , wenn es laufen soll. Also werden wir Electron, das Skript, vom Node-Paketmanager aus ausführen . Okay? Also müssen wir hier spezifizieren, wie wir es ausführen werden. Sie können sehen, dass es heißt, wenn Sie Elektron eingeben, lassen Sie uns zum Beispiel Electron ausführen, oder? Okay, das ist okay. Aber ich ziehe es vor, hier eine Todeskolumne hinzuzufügen. Wenn ich also NPM run death eintippe, dann kann ich sagen: Okay, ich möchte Development Electron eintragen Und dieses Ding hier wird nach einer Datei suchen , die Electron ausführen wird Und wir müssen jetzt angeben, wie Sie hier sehen können, wo sich diese Datei mit der Eigenschaft main befindet. Aber wir werden diese Datei in den Electron-Ordner legen. Also organisieren wir unser Projekt, oder? Lassen Sie uns also den Electron-Ordner erstellen, und im Electron-Ordner werden wir etwas erstellen, das als Haupt-JS bezeichnet wird. Okay? Weil, wie ich schon sagte, Elektron wirklich was ist? Ist einfach. Nun, JavaScript macht diese Anwendung HTMLC. Aber wir werden diese Anwendung auf allem aufbauen , was wir hier bereits erstellt haben, oder? Ich werde den Code einfügen, der unsere Electron-Anwendung im Desktop-Modus erstellen wird , okay? Sie können das meiste davon in der Dokumentation finden, aber ich optimiere es ein wenig, damit es mit der Vt-Konfiguration richtig funktioniert Ich werde hier erklären, was ich getan habe. Sie können es im Quellcode herunterladen. Das machst du meistens nur einmal. ist nichts, was du auswendig lernen musst, aber es ist gut zu verstehen, was vor sich geht Zuerst haben wir die Dinge importiert, die wir unten verwenden werden, und das ist das, was benötigt wird , um in der Vite-Konfiguration mit Slink mit unserem Liner zu funktionieren der Vite-Konfiguration mit Slink mit , den wir in unserem Projekt installiert haben Aber etwas, das für uns am wichtigsten ist, ist das. Wir erstellen eine Funktion, die ein Browserfenster mit der hier eingestellten Größe erstellt . Wenn Sie Ihre Anwendung vergrößern möchten, legen Sie die Größe hier am Anfang fest. Im Moment gibt es noch eine weitere sehr wichtige Sache, nämlich wo wir nach der Basis unserer Anwendung suchen sollten. Wenn Sie also Electron ausführen möchten, müssen Sie sagen, wo die Dateien sind , auf denen ich laufen werde , damit sie da sind. Und jetzt ist es so, okay, also wenn die Anwendung fertig ist, wenn sie fertig ist, dann erstelle dieses Fenster, richtig? Und hier sind zwei Ereignisse , die benötigt werden, um alles zu löschen und auch die Anwendung anzuzeigen, alles zu löschen und auch wenn die Anwendung aktiviert ist. Also diese Dinge würdest du dir nie wieder ansehen. Um ehrlich zu sein, erinnere ich mich nicht an sie. Es ist wie, okay, es ist eingerichtet, mir egal. Das ist auch eingerichtet. mir egal, aber das ist der Ort, an dem du einige Dinge einrichten oder anpassen wirst einige Dinge einrichten oder anpassen Natürlich hat Electron seine eigenen Methoden, die Sie nachlesen können, wenn Sie hier hingehen. Sie haben die Dokumentation, denn diesem Kurs wird es nicht um Elektronen gehen Ich zeige dir nur, wie mächtig es ist, dass wir gerade React benutzt haben und wir Windows-Anwendungen machen können aus dem, was wir gerade gemacht haben, sofort Windows-Anwendungen machen können, okay? Das Wichtigste für dich ist also. Also das muss der Pfad zum Index-HTML aus der Distributionsdatei sein, okay? Okay, wir haben es gerade gesagt. Das ist gut. Und noch etwas ist hier. Sie müssen es so einstellen, wie der Vorschlag hier ist, basierend auf diesem Schrägstrich. Warum ist das so Das liegt daran, dass wir hier, auch in der letzten Vorlesung, ein Problem hatten, weil all diese Ressourcen nicht verfügbar waren , weil es standardmäßig so ist, oder? Und Electron wird auch ein Problem haben , wenn es so eingestellt wird, okay? Stellen Sie das ein und das wird alle Probleme lösen. Okay. Also drei Dinge, die wir gerade gemacht haben. Und um ehrlich zu sein, wie rennen wir jetzt? Wir müssen NPM run de electron eingeben, oder? Und was? Dieses Ding wird nach Main suchen. Main ist so, als würde man sagen, dass Main da ist und es unsere Anwendung ausführen sollte. Wie Sie sehen können, funktioniert es. Und das Coole ist, dass, wenn ich es schließe und erneut starte, wie Sie sehen, es sich an meine Einstellungen erinnert, oder? Es erinnert sich auch daran , was wir hier gemacht haben. Also habe ich zum Beispiel hier gekauft. Und wie Sie sehen können, erinnert es sich daran, dass der lokale Speicher da drin ist. Wow, so mächtig, oder? Und ja, so betreiben wir Electron, richtig? Aber wir müssen es nicht nur lokal ausführen, sondern auch wissen, wie man es verteilt, oder? Also, wie baut man es. Also werde ich dir in der nächsten Vorlesung zeigen, wie man Electron so baut, dass es zum Beispiel auf Windows ausführbar ist. Das ist nur eine Lektion. Vielen Dank. 115. Wie man Electron exe aus unserer React-App erstellt: Hallo, mein Freund. Heute werde ich Ihnen zeigen, wie man eine Elektronenanwendung erstellt, da wir im Moment nur ausführen können. Wir können unsere Anwendung , die wir in React gemacht haben, verpacken, oder? Aber wie bauen wir sie? Sie müssen also Tabelle fünf ausführen. Zuerst müssen Sie den Electron Builder installieren, oder? Erstellen von Elektronen im Flag mit D bedeutet also , dass es im sicheren Dev installiert wird . Es ist die Flagge für faule Leute, die Safe Death nicht schreiben wollen . Okay, wenn wir es jetzt haben, müssen wir hier das Skript angeben , das unseren Builder ausführen wird. Sie müssen sich also nicht jedes Mal daran erinnern , wie es geht. Also ja, ich finde den Vorschlag gut. Also, wenn du baust und dann der Doppelpunkt und dann Elektron, sollte es den Electron Builder ausführen. Das ist cool Und weil es Electron Builder laufen wird, Mmm. Wir müssen jetzt für den Builder die Eigenschaft angeben , die Build heißt, okay? Also, so etwas in der Art. Und ja, wird es mehr Vorschläge geben oder nicht? Ja, Anwendungs-ID und Produktname. Okay. Die Anwendungs-ID ist etwas, mit dem Sie identifiziert werden können. Es beginnt also immer mit C und dann geben Sie den Namen Ihres Unternehmens ein. Mein Komponentenname ist GAM und der Name Ihrer Anwendung Dies ist nützlich, um, wissen Sie, Ihre Anwendung nach System zu identifizieren Machen Sie sich also vorerst keine Sorgen. Sie können später darüber lesen, aber Sie müssen es einrichten. Okay? Du solltest natürlich auch den Produktnamen und dann sagen, wo die Torten sind, auf denen ich alles aufbauen werde Und unsere Kuchen sind in Electron. Ja, es ist in unserer Mappe, oder? Und sie sind auch im Ordner dist, oder? Also das Gleiche, aber dafür ist es so, oder? Also alles, was mit der Produktion zu tun hat, wird da drin zu finden sein. Okay, jetzt können wir NPM Run machen, nicht Death, sondern Build Electron Und warte, bis es den Job macht. Und wie Sie sehen können, gibt es einen neuen Ordner , der für uns etwas namens Autocliker erstellt hat Wir können es jetzt im Datei-Explorer öffnen und unsere Anwendung wie eine normale Anwendung ausführen Wie Sie sehen können, funktioniert es. Und jetzt wird es sich auch an den Staat erinnern, oder? Alles funktioniert gut. Aber das Problem mit einer solchen Konfiguration ist , dass Sie, wenn Sie Build Electron ausführen, meiner Meinung nach auch wie Vite Build laufen sollten, oder? Warum? Denn wenn du etwas änderst, du weißt schon, unsere Reaktion, dann wird es nicht mehr so sein wie in Electron. Also, damit es funktioniert, werden wir so etwas machen. Führen Sie den Build aus und gleichzeitig Electron Builder, und wir werden ihn auch für Electron wiederholen. Okay? Wenn wir also etwas ändern, wird es automatisch angewendet. Und noch eine Sache, die ich dir zeigen möchte bevor wir diesen Vortrag für den nächsten Build beenden , ist dieser Look, wie cool es ist, dass du zum Beispiel so etwas machen kannst ? Nehmen wir an, ich möchte keinen Rahmen. Also schicken wir die Immobilie einfach her, oder? Und lassen Sie es uns zum Beispiel ausführen. Ja, ja, lass es uns als Build-Modus ausführen. Also müssen wir eine Sekunde warten, okay, richtig? Weil es Verpackungen ist und all die Dinge kreiert. Und ja, hier ist die Anwendung, mal sehen, wie sie aussieht. Wie Sie sehen können, haben wir jetzt keinen Rahmen, oder? Und wir können das mit der Tastenkombination plus F vier schließen , oder? Hier sind zwei Symbole , die aus meinem eigenen Programm stammen und wie ein Overlay für andere Programme sind meinem eigenen Programm stammen und wie ein Overlay für andere Programme Aber wie cool ist es? Sag es mir. Im Moment können wir einfach Spaß haben und Webentwicklung für Web-Apps entwickeln. Und danach müssen Sie nur all diese Dinge einrichten, ich weiß, ich habe insgesamt 15 Minuten gebraucht. Und jetzt können wir eine ausführbare Datei erstellen, die zum Beispiel unter Windows ausgeführt werden kann , oder? So mächtig. Wenn Sie Fragen haben, können Sie diese gerne stellen. 116. Was ist PWA?: Hallo, mein Freund. Heute werden wir über etwas sehr Cooles sprechen, nämlich über eine progressive Webanwendung. Sind sie? Nun, um zu sehen, was sie sind, heißt sie zu öffnen. Wie Sie gerade bemerkt haben, habe ich eine Anwendung auf meinem Smartphone geöffnet. Aber diese Anwendung wurde von uns mit was geschrieben? HTML, CSS, JS und React, richtig? Das bedeutet, dass wir jetzt auf unseren Geräten installieren können, wie zum Beispiel mit Android oder auf unserem PC oder auf einem Mac, ja. Und Wow. Sie wurden in HTML, CSS und JS geschrieben. Du musst nichts lernen. Das ist so toll, oder? Also ja, das ist super mächtig. Und Sie fragen sich jetzt vielleicht, ist es schwierig, es irgendwie mit HTMLCs und JS zum Laufen zu Es muss eine Menge Arbeit geben, um das zu erledigen, oder? Also, was müssen wir wirklich tun? Zunächst müssen Sie etwas hinzufügen, das als Manifest bezeichnet wird. Okay? Also etwas heißt so. Aber was ist Manifest? Manifest heißt auf Englisch demonstrieren, um zu zeigen, oder? Manifest ist also so etwas wie eine Datei , in der Informationen über Ihre Anwendung angezeigt werden. Es ist wie eine spezielle Datei , die Computer oder Telefon hat, richtig, wie man die Website wie eine Anwendung behandelt, richtig, weil wir das eine ändern müssen, in ein anderes umwandeln müssen. Es braucht also Informationen wie der Name der App sein soll, welche Icons wir verwenden sollen und so weiter. Darüber werden wir später sprechen. Außerdem brauchen wir etwas, Service Worker heißt, okay? Also, Service Worker ist nur ein Drehbuch, okay? Es ist wie ein winziger Roboter, okay? Das hilft. Du und es leben in deinem Browser, okay? Es steht zwischen deiner App und dem Internet. Es zwischenspeichert und speichert wichtige Dinge. Hauptaufgabe besteht also darin, das Caching zu verwalten, okay ? Es speichert wichtige Dateien wie HTML, CSS, S, Bilder. So kann Ihre App beispielsweise offline oder mit Netzwerkverbindung arbeiten. Diese Offline-Funktion ist also, nun ja, bahnbrechend, denn dadurch fühlt sich Ihre Anwendung wie eine native Anwendung an, richtig, weil Sie keinen Zugang zum Internet benötigen , um sie am Laufen zu halten Service Worker ist also wie eine Datei , die sich zwischen Ihrer Anwendung und dem Netzwerk Es kann ähnliche Netzwerkanfragen abfangen und entscheiden , ob eine Cache-Version einer Datei bereitgestellt oder aus dem Internet gelöscht werden soll Dies trägt dazu bei, Benutzern ein schnelles und zuverlässiges Erlebnis zu bieten. Okay? So aktivieren Mitarbeiter beispielsweise die Hintergrundsynchronisierung und Push-Benachrichtigungen. Das bedeutet, dass Ihre App Daten mit dem Server synchronisieren kann und wenn dieser nicht aktiv ist, und Benutzer beispielsweise Benachrichtigungen erhalten können, auch wenn die App nicht geöffnet ist. Also sehr, sehr mächtig, oder? Okay, Sie fragen sich jetzt vielleicht, nun, können Sie mir sagen, ob PWA, die progressiven Webanwendungen, Dinge mit Geräten auf Android machen können , wie, Sie wissen schon, native Anwendungen Um ehrlich zu sein, schauen Sie sich die Dinge an, die es kann. Es hat Zugriff auf das FI-System. Sie können sogar Kontakt auswählen. Sie können Ihr Telefon sogar vibrieren lassen, um über Bluetooth zu bezahlen Es gibt viele Dinge, die damit gemacht werden können, ja. Es gibt also einige seltene Fälle , in denen es nicht genug ist, oder? Nun, hauptsächlich, wenn du zum Beispiel entwickeln willst oder dich auf, du weißt schon Spiel entwickeln willst oder dich auf, du weißt schon, ein Gerät auf Android konzentrieren möchtest , ja, vielleicht wäre das eine gute Idee. Aber um jetzt wirklich eine progressive Webanwendung auf Ihre, Sie wissen schon, Anwendung anzuwenden progressive Webanwendung auf Ihre, , das bedeutet wirklich, dass ein Manifest Service Worker hinzugefügt wird , und fertig. Und ich werde dir in den nächsten Vorlesungen zeigen, wie man das macht. Und das Lustige ist, dass, weil Sie Vt verwenden, es noch schneller geht, weil Sie das Paket dafür installieren und nur ein paar Dinge spezifizieren müssen, und Sie müssen nicht einmal selbst Service Worker erstellen, okay? Das ist eine superleistungsstarke Methode, um Ihre Anwendung auf allen möglichen Geräten verfügbar zu machen. Mm auf allen möglichen Geräten wie PC, Mac oder Android gleichzeitig. Das ist mächtig, weil es nicht viel zu tun gibt, aber glauben Sie mir, wenn Sie es anhängen , werden Sie die Anzahl der Leute erhöhen , die Ihren Anwendungsdienst nach Tönen nutzen werden. Viele Dienste haben festgestellt, dass die Zahl der Nutzer, die ihre, Sie wissen schon, Webanwendung nutzen, wenn sie einfach progressive Webanwendungen wie Wrapper in die App einbauen, zum Beispiel um 70% gestiegen Das ist also eine Menge. 117. HTML/CSS/JS-App in PWA umwandeln: Hallo, mein Freund. Wie ändern wir HTML-CSS-JS-Anwendung in eine progressive Webanwendung So können wir es zum Beispiel auf Android oder PC ausführen. Um dies in unserem Projekt zu tun, müssen wir nur NPM, und dann etwas installieren, das als Plugin für progressive Webanwendungen bezeichnet wird Plugin für progressive Webanwendungen Speichern wir es als Dev-Abhängigkeit, oder? Es wird also das Paket für den Tod sein , weil wir es später nicht brauchen, oder? Dieser Stecker Okay, wir haben ihn gerade installiert, aber wie verwenden wir dieses Plugin? Das ist die Frage Beachten Sie, dass wir hier etwas haben, das Property-Plugins im Vite Conflict-JS genannt wird, okay? Und hier, wenn du so etwas tust, also wenn du ein weiteres ähnliches Element hinzufügst, kannst du hier etwas wie vite P, W A eingeben, Und hier können Sie sehen, dass wir es automatisch importiert haben. Wir können beispielsweise angeben, wie Vte unsere App in eine progressive Webanwendung übertragen soll in eine progressive Webanwendung Okay? Normalerweise müsstest du zuerst manuell Geld verdienen, oder? Und manuell einen Servicemitarbeiter erstellen. Aber dieses Plugin wird es einfach für dich tun. Und das ist noch nicht alles. Es wird Servicemitarbeiter schaffen. Also etwas, das für das Zwischenspeichern Ihrer Website verantwortlich ist, genau dann, wenn wir die Verbindung zum Server verlieren, wenn der Benutzer die Verbindung zum Server verwendet, und das wird automatisch erledigt Also ja, das ist der richtige Weg, oder? Okay. Also müssen wir zuerst etwas einstellen, was als Registertyp bezeichnet wird. Und wie Sie sehen können, besagt der automatische Vorschlag, dass wir hier wie Autodate eingeben sollten Das heißt, wie sollen wir unseren Servicemitarbeiter standardmäßig zum Laufen bringen Nehmen wir an, wir wollen nur diesen Einstellstern verwenden, viele andere, Sie können den Registertyp Vt PWA lesen Es geht nicht um progressive Webanwendungen und alle möglichen, Sie wissen schon, Eigenschaften, denn so funktioniert das nicht Du willst einfach etwas einrichten, das funktioniert, und dann sagst du, dein Wissen verbessern, wenn du etwas brauchst, okay? diesem Ding können Sie also einen Servicemitarbeiter einrichten , der Ihre Website automatisch aktualisiert, wenn Ihre Website ihn benötigt, oder? Ich meine, wenn Ihre App es benötigt. Also das ist der erste. Das zweite , was du einrichten musst , ist Manifest, okay? Denn normalerweise würdest du ein Manifest als einfache Datei erstellen , okay? Aber das wird es nur für Sie in der Distributionsdatei erstellen . Und es wird es auch hier anhängen , wie Sie sehen können, es ist angehängt, wie ich es zuvor getan habe , um Ihnen zu zeigen, wie es funktioniert, oder? Also wird es standardmäßig einfach angehängt, und du musst nicht darüber nachdenken, oder? Du richtest alles in der Konfiguration und nicht später in der Distribution oder so, oder vielleicht Index H t, oder? I Index H-Tabelle. Sie machen es hier nicht manuell, es wird für Sie erledigt weil wir dieses Login haben. Okay, jetzt müssen wir ein paar Eigenschaften festlegen , die erforderlich sind. Woher wissen wir, welche erforderlich sind? Wenn Sie auf die Website gehen, wie zum Beispiel diese, können Sie lesen, wie Sie eine können Sie lesen, wie progressive Webanwendung installierbar machen, oder? Und wenn Sie hier oben hingehen, werden Sie feststellen, dass Manifestmitglieder erforderlich sind. Sie müssen zunächst etwas angeben, was als Name bezeichnet wird. Und der Name ist nur der Name Ihrer Anwendung, okay? Also ja, wir können es einfach Auto Licker nennen. Das ist, naja, wichtig, denn ohne es würde Ihre Bewerbung den Namen nicht anzeigen, oder? Sie müssen etwas auf der Systemleiste oder wann auch immer anzeigen. Dies ist der Name Ihrer Anwendung. Als Nächstes. Was brauchen wir? Wir brauchen Icons, okay? Also müssen wir das spezifizieren, lassen Sie uns das auch spezifizieren. Das ist ein Kurzname. Wenn der Name hier groß sein soll und jemand ihn nicht zeigen kann, wird der Kurzname angezeigt. Also zum Beispiel ist Auto Clicker größer, dieser ist kürzer, und jetzt müssen wir, wie man so schön sagt, Icons angeben , aber machen wir das etwas später Lassen Sie uns jetzt das Erste anzeigen. Wenn Sie also anzeigen möchten, ist es so, wie Ihre Anwendung angezeigt wird , wenn Sie sie ausführen. Wenn Sie also hierher gehen und darauf klicken, werden Sie feststellen, dass Standalone bedeutet dass es sich um eine App handelt , die wie eine eigenständige native App aussieht. Und das wird hauptsächlich als Einstellung verwendet. Aber Sie können es natürlich wie einen Browser aussehen lassen, aber verwenden Sie es nicht, weil es dieselbe Ähnlichkeit hat wie z. B. Sie können eine minimale Benutzeroberfläche und einen Vollbildmodus verwenden , oder? Sie möchten in den Vollbildmodus wechseln, warum nicht? Zum Beispiel Desktop, Sie können ihn einrichten. So sollte Ihre Anwendung also angezeigt werden , wenn sie ausgeführt wird. Wir müssen auch die Start-URL angeben, oder? Also, worauf unsere Anwendung basiert , oder? Das bedeutet also, dass sie bei der Wurzel beginnt. Es beginnt momentan nicht mit dem Stammverzeichnis unserer Domain, also werden wir es so verwenden, okay? Und das haben wir hier auch, aber es kann nicht auf Falten vorkommen, also müssen wir es nicht spezifizieren. Also das Letzte, was man wirklich braucht, sind Icons, oder? Also, wie machen wir das? Wie Sie sehen können, sagen sie, dass Sie so etwas spezifizieren müssen , oder? Natürlich haben wir Kodium, also wird es uns quasi helfen Es gibt auch Teamfarbe und Hintergrundfarbe, aber das ist nicht unbedingt erforderlich, also müssen wir es nicht spezifizieren Aber wie Sie sehen, zeigt uns das, dass wir so etwas brauchen, und es gibt noch ein weiteres Symbol, das wir angeben müssen. Komm schon. Hilf mir. Hilf mir. Ja, die Größe von 500 512. Also müssen diese beiden Dinge spezifiziert werden und wir müssen sie verfügbar machen, richtig? Wir müssen sie in unserem Projekt haben. Aber das Problem dabei ist , wie generieren wir so etwas schnell? Und ich werde es in der nächsten Vorlesung zeigen, okay? Weil ich dir etwas sehr Cooles zeigen will, wie du es schnell und mit jedem Bild, das du hast, machen kannst, okay? Damit du deine kostbare Zeit nicht verlierst 118. NPX – Paket ausführen, um die erforderlichen Icons zu generieren: Hallo, mein Freund. Heute werden wir das Progressive Web App Asset Generator-Paketmodell verwenden, okay? Das ist ziemlich cool , weil es auf der Grundlage dessen generiert wird , was Sie haben. Nun, wir haben gerade diese Datei. Also lass uns den Vite SFO Gi benutzen, okay? Du kannst jedes Bild verwenden, das du willst, okay? Und wenn Sie die Quelldatei und dann den Ausgabeordner einfügen, werden viele Symbole für jede erdenkliche Art generiert . Sie können dafür sorgen, dass es auch anders funktioniert, wenn Sie die Optionen hier verwenden, okay? Aber zuerst müssen wir darüber nachdenken, wie oft wir ein solches Symbol erstellen. Ich denke, das passiert nur einmal pro Projekt, oder? Müssen wir also eine solche Abhängigkeit installieren? Müssen wir dieses Paket installieren oder müssen wir es nur verwenden? Sie möchten das Paket nur einmal verwenden, dann können Sie NP X statt M eingeben, was bedeutet, dass das Paket einmal ausgeführt wird, oder? Und dann tippst du den Namen des Pakets ein, richtig? Also PWA-Säuregenerator, richtig? Dann tippst du ein, wo du dein aktuelles hast. Es ist in der Öffentlichkeit, oder? Lade SFO G ein, und dann tippst du ein, wo du sie hinstellen willst Stellen wir sie also in die Öffentlichkeit und zum Beispiel in einen Ordner namens Icons Aber es ist noch nicht zu Ende, weil wir nicht standardmäßig so viele Icons haben wollen, zumindest weil wir, du weißt schon, Standardoptionen machen wollen. Und lassen Sie uns das Flaggensymbol einschalten, okay? Also machen wir bitte nur so etwas wie Icon. Und wir brauchen nur die erforderlichen Größen. Also gebe ich Größen ein und dann gebe ich ein, dass ich 192 und 512 haben möchte. Und wenn Sie das ausführen, müssen wir nur eine Sekunde warten. Und wie gesagt, das ist ziemlich cool weil es so gemacht wird , als hätten wir es nicht auf unserem Computer installiert , weil es nicht benötigt wird, oder? Und wenn wir an die Öffentlichkeit gehen, jetzt Symbole, wie Sie sehen können, wir haben jetzt die erforderlichen Symbole, wie den wichtigsten Teil. Das Coole an dieser Generation ist, dass sie dir auch Links generiert, die du zum Beispiel in Index-HTML einfügen kannst, damit Apple es in Apple zum Laufen bringt . Außerdem haben Sie hier, wie Sie sehen können, Dinge, die Sie zuerst in Ihre Vielen einfügen sollten. Aber weil wir VT verwenden, müssen wir das alles hier platzieren, richtig? Aber es gibt ein Problem. Nein, was benutzen wir hier? Weltöffentlichkeit, was nicht richtig ist , weil unsere Icons ja gut sind, momentan sind sie da, oder? Aber nachdem wir sie in den Vertriebskampf gebracht haben, werden sie hier sein. Also werden wir sie dort nicht finden, oder? Aus diesem Grund müssen wir angeben, dass wir im Ordner mit den Symbolen nach Symbolen suchen. Also hier, A, A, A, richtig? Auf diese Weise wird es funktionieren. Das müssen wir auch hier ändern. Also müssen wir das bei Vermögenswerten beachten, aber bei Vermögenswerten haben wir das, weil und es sieht so aus, als ob Vt ziemlich intelligent ist. Es wird es dort hinstellen. Also ja , hier drin können wir es so aufbewahren. Okay, jetzt können wir es ausführen und Build ausführen. Wenn wir jetzt in die Distributionsdatei gehen , stellen wir fest, dass wir hier versuchen, von hier aus auf das Symbol zuzugreifen, was, ja, es ist richtig. Das ist cool. Aber es ist auch wichtig, dass wir hier einen richtigen Weg haben, oder? Wir haben Ikonen. Also müssen wir uns mit den Symbolen befassen und dann haben wir alle Größen, die du hier hast, okay? Okay, lass es uns testen. Funktioniert alles richtig? Wenn wir hierher gehen, stellen Sie fest, dass es auf einem lokalen Host, wenn wir Vite verwenden, wenn wir Vite verwenden, richtig, nicht funktioniert Aber wenn Sie in die Distributionsdatei gehen und mit der rechten Maustaste klicken und mit dem Server öffnen, werden Sie sehen , dass es funktioniert Also, wenn du das tust, kannst du es installieren, oder? Und wie Sie sehen, können Sie es auch gut finden, das ist auf Polnisch, aber Sie können diese Anwendung jetzt anhängen. Sie können es auch automatisch ausführen, wenn naja, es läuft, wenn der Computer anfängt zu laufen, sodass Sie dort einige Optionen auswählen können. Aber ja, das ist jetzt nur eine einfache Anwendung , die, wie Sie sehen können, aufleuchten kann. Alles funktioniert einwandfrei. Sie können den Inhalt jetzt auch zum Beispiel irgendwo hochladen, den Inhalt jetzt auch zum Beispiel irgendwo hochladen, z. B. beim Hosting. Und wenn ich jetzt zu der Website gehe , auf die ich ihn gerade hochgeladen habe, kannst du ihn auch installieren, oder? Also ja, das funktioniert jetzt online. Und das ist natürlich das Ziel, denn, naja, Sie müssen sich daran erinnern, dass progressive Webanwendung eine Anwendung im Web ist, oder? Also lädst du es irgendwo hoch. Und wenn es jemand installiert, weil wir einen Servicemitarbeiter im Hintergrund haben, wird es sozusagen das, was wir hier haben, mit dem synchronisieren, was der Benutzer hat. Wenn Sie also zum Beispiel etwas auf der Website aktualisieren , wird es auch in der Anwendung aktualisiert, die der Benutzer hat. Und das ist auch sehr cool, richtig, weil es automatisch den Inhalt der Person aktualisiert , die Ihre Anwendung verwendet. Sie müssen es nicht, der Benutzer muss es nicht manuell installieren, oder? Weil es wirklich überprüft, ob sich hier in VS etwas geändert hat, und wenn er dann online ist, nimmst du alle Inhalte , die sich geändert haben, ziemlich toll, nicht wahr? 119. Ein Problem vorstellen – PWAInstallButton-Komponente erstellen – (1): Hallo, mein Freund. Wir haben ein kleines Problem, weil die Installationsschaltfläche auf Mobilgeräten nicht immer angezeigt wird . Und dieses Problem kann mit unserer benutzerdefinierten Schaltfläche gelöst werden. Aber zuerst müssen wir wissen, wie wir Ereignisse erkennen können, die hier auftauchen sollten. Aber warum taucht es nicht auf? Weil die meisten Leute auf Geräten, wie zum Beispiel Android, dieses Popup blockiert haben , okay? Sie werden also nicht einmal die Möglichkeit haben , Ihre Anwendung zu installieren. Sie werden nicht einmal von seiner Existenz wissen. Deshalb müssen wir es lösen. Aber wie lösen wir so etwas? Wir müssen zum Beispiel eine benutzerdefinierte Schaltfläche wie diese erstellen . Wir können es dann später an jeder beliebigen Stelle unserer Anwendung zeigen . Um ehrlich zu sein, wir könnten es bei Pop schaffen, wir könnten es in der oberen linken Ecke schaffen. Wir könnten es vielleicht dreimal, viermal zeigen. Es hängt alles von dir ab, wo du es zeigen wirst, oder? Aber das Wichtigste für uns ist, wie wir es zeigen , wenn die Anwendung noch nicht auf dem System installiert ist? Das ist das Erste, oder? Und wie erkennen wir es überhaupt, oder? Also werden wir es in React tun. Wir werden also in den kommenden Vorlesungen React üben und wir werden praktische, wirklich, ganz praktische Beispiele dafür sehen, wie man in React etwas Interessantes macht , das, glaube ich, selten in Tutorials gezeigt wird. Also habe ich die Basis für die Komponente im Komponentenordner erstellt die Komponente im Komponentenordner und sie hier eingefügt, richtig? Das ist also wie das Setup für unsere Anwendung. Und in den nächsten Vorlesungen werden wir es sozusagen verbessern. Okay? Das steht in der Lektion. Vielen Dank. 120. Sichtbarkeit von Komponenten in React von der Rückgabeerklärung aus (2): Hallo, mein Freund. Beginnen wir mit der Erstellung dieser Komponente , indem wir sie anzeigen können, also sie ein- oder ausblenden. Normalerweise machen wir so etwas, indem wir zum Beispiel CSS und vielleicht JavaScript verwenden, um Anzeige von Mittag auf Blog oder vielleicht Sichtbarkeit umzustellen. Das ist die Sache, die du normalerweise tun würdest. Aber weil wir React verwenden, können wir es völlig anders machen, und ich denke, es wird super cool sein, wenn du es siehst. Um die Sichtbarkeit zu kontrollieren, werden wir dafür einen Status verwenden, okay? Ich möchte also in der Lage sein, mich an diesen Status zu binden, ob angezeigt oder nicht angezeigt wird. Also müssen wir einen Status erstellen, und ich schlage vor, ihn zum Beispiel „ Installationsschaltfläche anzeigen“ zu nennen , oder? Und die Methode, die das ändern wird, wird Set Show Install Pattern heißen. Und standardmäßig setzen wir den Status auf Falls. Wir müssen auch unseren verwendeten Status importieren, aber wie machen wir eine Bedingung in der schriftlichen Aussage? Nun, wir könnten zum Beispiel den Tenari-Operator verwenden, oder? Also funktioniert es so. Wenn etwas wahr ist, also wenn es wahr ist, dann zeig es. Ansonsten zeig das hier, oder? Und hier können wir es so verwenden , dass wir die Installationsschaltfläche zeigen, ich mag true, dann das zeigen, andernfalls Null anzeigen. Und wie Sie sehen können, wird es angezeigt, wenn wir jetzt falsch in True ändern , und es wird jetzt nicht mehr angezeigt. Das ist wirklich so, weißt du, es so zu machen, oder? Wir können den Wert hier eingeben, aber jetzt hängt es vom Status der Installationsschaltfläche ab, nicht umgekehrt. Wir können ihn am Anfang auf true setzen. Das ist eine Möglichkeit, dieses Problem zu lösen, aber ich möchte dir noch eine zeigen, weil es verwirrend sein könnte , wenn jemand den anderen Weg benutzt, okay? Wenn wir das also unter die Lupe nehmen, können wir es auch so machen. Kehren wir zurück. Immer wenigstens etwas. Also das React-Fragment, richtig? Und jetzt lass es uns so machen. Also, wenn wir die Installationsschaltfläche anzeigen und sie mit diesem Teil verbinden, wie kopiere ich das jetzt? Nun, ich muss es von Anfang an schreiben. Also, wenn die Verbindung mit der Schaltfläche „PWA installieren“ wahr ist, dann zeig sie, oder? Andernfalls zeig es nicht. Schau, es funktioniert. Die Frage ist wie? Denn viele Menschen, die wissen, wie Konjunktion funktioniert, wissen, dass, wenn beide Ausdrücke wahr sind, richtig, das Ergebnis wahr ist. Wenn einer von ihnen falsch ist, dann ist das Ergebnis falsch, oder? Aber viele Programmierer wissen nicht , ob die erste Aussage, also ob dieses Ding falsch ist, okay? Wenn also die erste Aussage falsch ist, dann ist das Ergebnis falsch, richtig, aber das bedeutet auch, dass ich andere Aussagen nicht überprüfen werde Und warum passiert das? Denn warum sollte es uns interessieren , was danach passiert? Es ist Optimierung, oder? Denn eine Konjunktion ist immer falsch, wenn mindestens eines der richtigen Dinge, richtig, falsch ist. Wenn eine Sache falsch ist, müssen wir andere Dinge nicht überprüfen. Das ist Optimierung. Und deshalb funktioniert das denn wenn wir hier falsch stehen, richtig, wird dieses Ding nicht zurückgegeben, oder? Aber wenn diese Sache wahr ist, dann haben wir wahr. Und gleichzeitig ist das wahr, weil das ein Button ist, oder? Und der Knopf ist keine falsche Sache. Also das wird auch zurückkehren. Das wird also ausgeführt. Und deshalb können wir jetzt hier einen Button wie diesen sehen, okay? Ich weiß also, dass das verwirrend erscheinen könnte. , das ist etwas lesbarer Ich denke, das ist etwas lesbarer, aber es hängt wirklich von deinem Geschmack ab, okay? Verwenden Sie die, die Sie gerne verwenden möchten, oder , Sie wissen schon, manchmal schlägt KI so etwas vor. Zumindest wird er verstehen, was hier vor sich geht, oder? Das hängt von deinem Geschmack ab. Und ich denke , es gibt bei beiden Methoden keine Höhen und Tiefen Ich mag diesen, weil er für die meisten Leute vielleicht einfacher zu lesen ist, okay? Und Sie haben ein bisschen mehr Flexibilität, weil Sie diese Bedingungen hier einfacher erweitern könnten. Also ich bevorzuge das. Aber wie gesagt, es liegt an Ihnen und ich wollte in diesem Vortrag nur zeigen, wie man in einer schriftlichen Erklärung eine Bedingung auf der Grundlage des Staates stellt. Und wie Sie sehen, ja, Sie können es ziemlich einfach machen. 121. Ereignis erkennen und verhindern (3): Hallo, mein Freund. Bevor das Installationsereignis stattfindet, gibt es so etwas wie das Ereignis vor der Installationsaufforderung, das Sie abfangen, verhindern und dann Ihre benutzerdefinierte Lösung für die Installation der PWA-Anwendung erstellen für die Installation der PWA-Anwendung Und um das zu tun, müssen wir wissen, wie man Ereignisse von der Reaktionskomponente abfängt Und wenn Sie, denken Sie daran, einige Dinge bei Ihren Veranstaltungen tun möchten einige Dinge bei Ihren Veranstaltungen tun , ist das wie der Site-Effekt Ihrer Anwendung, oder? Es ist nicht mit Komponenten verbunden. Es ist nicht so, dass Sie auf diese Komponente oder viele andere Eigenschaften anderer Komponenten zugreifen, diese Komponente oder viele andere Eigenschaften anderer Komponenten zugreifen, Sie greifen auf ein Ereignis zu, das sich im Fenster Ihrer aktuellen Browserseite befindet, z. B. wenn der Benutzer das Fenster besucht und Sie hören möchten, das Fenster besucht und Sie hören möchten was dort vor sich geht. Dann benutzt du Use Effect, okay? Und wenn wir es öffnen, ja, lassen Sie uns das Standardverhalten so verwenden. Und das ist sehr wichtig. Wie wir bereits besprochen haben, ist dieser Teil wie die Pfeilfunktion. Aber dieser Teil ist diesmal auch in unserem Fall sehr wichtig . Warum ist das so? Denken Sie daran, dass, wenn Sie hier ein Array angeben, dieser Nutzungseffekt nur ausgeführt wird , wenn die Komponente, also dieses Ding, gemountet ist, okay? Also nur, wenn es montiert ist. Also gut, wir können jetzt auf unser Fenster zugreifen und sogar Listener hinzufügen, also, du weißt schon, das Fenster anhören, und dann ist die Lösung hier ziemlich okay Also werden wir es benutzen, weil ja, das ist das Ereignis, das wir in unserem Fenster, also vor der Installationsaufforderung , zum Abhören hinzufügen wollen in unserem Fenster, also vor der Installationsaufforderung , zum Abhören hinzufügen , oder? Und dann, wie Sie sehen können, haben wir hier die Pfeilfunktion, oder? Und diese Pfeilfunktion hat, wie Sie sehen können, was jetzt? Standardmäßig hat jedes Ereignis automatisch eine Ereigniseigenschaft, auf die Sie jetzt zugreifen können , um zu sehen, welche Art von Ereignis so gut ist, um Dinge mit diesem Ereignis zu tun, oder? Und wie Sie sehen können, haben wir hier ein Ereignis, das die Standardeinstellung verhindert, was in diesem Fall sehr wichtig ist, weil wir jetzt nicht das Standardverhalten dieses Ereignisses haben wollen , oder? Also haben wir es gestoppt und gezeigt, was unser Button ist. Wir haben jedoch ein Problem. Es ist nicht nur so, dass wir hier standardmäßig true hatten , sondern dieses Ding wird immer mindestens zweimal ausgeführt, wird immer mindestens zweimal ausgeführt weil wir hier den strikten Modus haben, und dieser ist dazu da, um zum Beispiel zu erkennen, ob Sie nicht hinter sich selbst gereinigt haben. Denn wenn diese Schaltfläche entfernt wird, möchten Sie sie löschen, nachdem Sie alles getan haben, was Sie tatsächlich getan haben Das sollte klar sein, denn etwas muss nicht klar sein , weil es vielleicht nur den Titel Ihrer Seite ändert Ihrer Seite Aber falls Sie Live und Listener hinzufügen, haben Sie es diesmal zweimal hinzugefügt Immer, wenn Sie Ihre Arbeit beendet haben, müssen Sie auch die Clearing-Methode zurückgeben Aber jetzt haben wir ein Problem, denn wie Sie sehen können, ist das eine schlechte Sache, die es hier gemacht hat, weil es Ihnen vorgeschlagen hat, es einfach zu entfernen, indem Sie all diese Dinge hier erneut eingeben. Nein, nein, nein, nein, nein, wir müssen dieselbe Funktion entfernen , oder? Das bedeutet also, dass wir den ganzen Inhalt von hier übernehmen müssen , also das hier. Und anstatt es so aufzurufen, werden wir darin eine Funktion erstellen, richtig, wir zum Beispiel handle aufrufen können, weil sie besagt, dass wir vor der Installationsaufforderung etwas erledigen, oder? Und jetzt können wir es innerhalb des Nutzungseffekts definieren , weil es auf den hier verwendeten angewendet wird, richtig Und ja, diese Definition ist okay. Nein, ich kann das nicht benutzen. Das ist okay. Wir mussten es also nicht kopieren. Ich liebe es manchmal für solche Dinge, es ist wie, naja, okay, also jetzt haben wir es deswegen hierher verschoben, wir können es leicht löschen, oder? So wie wir es mit den festgelegten Intervallen gemacht haben, oder? Weil wir jetzt return eingeben können, dann das, dann das, und wir können Fenster entfernen, sogar Listener entfernen und diese. Diesmal entfernen wir eine bestimmte Methode, oder? Die, die wir wirklich entfernen wollen. Aber ich glaube, ich habe es am falschen Ort gemacht, es sollte hier sein, oder? Weil diese geschweifte Klammer genau dafür ist. Jetzt sind wir nach unserer CES abgehauen. Denk dran, das ist super wichtig. Lassen Sie uns nun sehen, ob es funktioniert da Sie sehen können, dass unser Muster nicht angezeigt wird. Hier, wenn ich es auf Ja ändere, ist es erschienen. Also etwas funktioniert nicht richtig, ist hier alles in Ordnung. Das Problem ist, dass dies in unserer lokalen Host-Umgebung nicht aufgerufen wird , okay? Außerdem wird es nicht aufgerufen, wenn wir es ausführen, wie zum Beispiel, wenn wir NPM run build Und wenn wir den if-Server benutzen, okay? Wenn wir also so etwas machen, mit dem if-Server öffnen, wird es auch nicht angezeigt. Warum? Weil dieses Ding zu 100% angezeigt wird, meistens nur, wenn jemand keine andere Methode zur Installation hatte. Weil, weißt du, wenn jeder am PC dieses Event bekommen und den Leuten dann einige, du weißt schon, große Boxen zeigen könnte , wäre das heutzutage eine ziemlich schreckliche Erfahrung, oder? Deshalb kannst du, weißt du, wenn du es jetzt startest, wo ist es? Zum Beispiel auf meinem Smartphone. Also habe ich den Inhalt gerade auf die Website hochgeladen. Und wie Sie jetzt sehen können, haben wir hier die Schaltfläche Installieren. Wir können nicht darauf klicken und, du weißt schon, zwei Startups darauf, weil wir es noch nicht programmiert haben, aber es ist für den Build aufgetaucht , den ich gerade hier gemacht habe, okay? Also ja, obwohl es hier falsch ist, haben wir es in wahr geändert und das Ereignis verhindert. Das ist der erste Schritt, oder? Aber wir müssen viel mehr tun , um das Problem zu lösen, das wir haben. 122. Wie löse ich Promise, dass der Benutzer aufgefordert wurde, PWA-App zu installieren? (4): Hallo, mein Freund. Wir haben unseren Event-News-Effekt gekürzt, oder? Aber wir müssen uns jetzt auch um den Klick auf die Schaltfläche „Installieren“ kümmern , wenn die Schaltfläche angezeigt wird. Also, wie machen wir das? Um das zu tun, müssen wir was tun? Auf einen Klick, oder? Und lassen Sie uns vielleicht eine Funktion erstellen , die Handle Install aufruft, klicken Sie, okay? Und jetzt müssen wir es hier erstellen. Also so etwas, handhaben Sie Installieren, klicken Sie, richtig? Und hier können wir es sozusagen verarbeiten. Aber die Frage ist, wie verarbeiten wir ein Ereignis, das hier wirklich eingefangen wurde? Wie Sie sehen können, haben wir das Ereignis verhindert, aber um ehrlich zu sein, wir haben nirgends Sicherheit, oder? Wir haben keine Möglichkeit, das Ereignis hierher zu bringen, das sozusagen an diesem Ort abgefangen wurde . Denn, weißt du, das Ereignis, das die Clique gerne auslöst ist ein Ereignis, das mit dem Klick zusammenhängt, nicht mit der Installation Und das bedeutet, dass wir hierher gehen und es irgendwo speichern müssen hierher gehen und es irgendwo speichern Ich schlage vor, einen neuen Status zu erstellen, als verzögerte Eingabeaufforderung bezeichnet wird Es wird also vorgeschlagen, dass wir die Eingabeaufforderungsnachricht speichern. Für die Installation verschieben wir es also und speichern es in diesem bestimmten Zustand Standardmäßig haben wir es nicht, also wird es auf Null gesetzt, oder Aber hier können wir jetzt die verzögerte Eingabeaufforderung für das Ereignis festlegen Wir haben das Ereignis gerade von hier gespeichert und es in den Status hier geschnitten, richtig? Okay. Das bedeutet also, dass jetzt die Installationsschaltfläche angezeigt wird. Und wir können darauf klicken. Und hier an diesem Ort können wir es benutzen, oder? Okay. Aber bevor wir es verwenden, müssen wir überprüfen, ob es eine verzögerte Aufforderung gibt, oder? Denn, naja, wenn jemand auf die Schaltfläche klickt, es irgendwie geschafft hat und sie nicht existiert, wollen wir keine Aufforderung zur Installation aufrufen Und wie Sie sehen können, haben wir hier einen Vorschlag , weil verzögerte Eingabeaufforderung jetzt wirklich ein Ereignis von hier aus ist, jetzt wirklich ein Ereignis von hier aus ist Und für dieses Ereignis gibt es eine spezielle Methode, die Prompt genannt wird Und diese Methode wird den Benutzer fragen, was Sie zuvor gesehen haben. Also, wenn jemand auf „Hey, ich möchte Ihre Anwendung installieren“ klickt „Hey, ich möchte Ihre Anwendung installieren und dann fragt man sich, ob Sie die Anwendung installieren wollen, ja oder nein, oder? Das ist die Aufforderung , die für dieses Ereignis programmiert wurde, das wir gestoppt haben, jetzt aber manuell aufgerufen Wenn jemand auf die Schaltfläche klickt, fragen Sie sich vielleicht, woher ich weiß dass dieses Ereignis so etwas zurückgibt Denken Sie daran, dass all das immer in Kommentaren angezeigt wird. Wie Sie sehen können, befinde ich mich hier zum Beispiel in der Dokumentation zur Eingabeaufforderung vor der Installation, und hier haben wir so etwas wie ein Prompt-Tag und dann heißt es, zeigt eine Eingabeaufforderung an, in der der Benutzer gefragt ob er den Tab installieren möchte oder Nun, hier ist ein sehr interessanter Teil. Wir haben hier etwas: Diese Methode gibt ein Versprechen zurück , das sich auf ein Objekt bezieht, das die Wahl des Benutzers beschreibt als er aufgefordert wurde, die Anwendung zu installieren Was bedeutet das? Das bedeutet, dass dieses Ding genauso synchron ausgeführt wird . Was bedeutet das? Das bedeutet, dass wir andere Dinge in unserer Anwendung tun können andere Dinge in unserer Anwendung während diese im Hintergrund läuft. Aber wir müssen jetzt hier angeben, dass wir auf das warten , was hier zurückgegeben wird, okay? Und das Ding, das hier zurückgegeben wird, heißt Promise Object, okay? Und weil wir darauf warten, müssen wir auch spezifizieren, wie Sie hier gesehen haben, Sie können sehen, dass diese Funktion wirklich eine asynchrone Funktion ist , okay? Jetzt sind alle Teile danach so, wir werden nicht ausgeführt, bis das Versprechen mit der Auflösung wieder da ist, oder? Und hier, wie Sie sehen können, heißt es, dass Sie es als Ergebnis zum Beispiel speichern können , oder? Und es gibt auch etwas, das man Ergebnisergebnis nennt, oder? Okay. Jetzt können wir zum Beispiel überprüfen, ob der Benutzer es getan hat oder nicht, oder? So können wir es zum Beispiel in einem Auswahlergebnis speichern , so ähnlich, oder? Und ja, wir können jetzt überprüfen, ob das Ergebnis akzeptiert wurde. Ja, dann ist die Änderung hier natürlich falsch. Warum? Weil wir nicht direkt darauf zugreifen sollten, oder? Wir sollten es eher so machen. Also setze DefertPM auf Null, richtig? Okay. Und müssen wir den Button trotzdem zeigen? Nein, das müssen wir nicht, oder? Sonst können wir einfach nichts tun, oder? Denn um ehrlich zu sein, warum sollten wir etwas tun? Ähm, wir wollen die Veranstaltung trotzdem haben. Für den Fall, dass jemand erneut auf die Schaltfläche klicken möchte. Es wäre also toll, es in unserem Bundesstaat zu haben, oder? Also werden wir es nicht entfernen, weil warum? Und wir wollen quasi den Button einblenden, falls jemand nochmal darauf klicken möchte, oder? Wenn du gewollt hättest, könntest du etwas zeigen, etwas sperren. Es hängt wirklich von Ihren Vorlieben ab. Aber für uns ist das meiner Meinung nach genug. Jetzt können wir unsere Anwendung testen , nachdem wir sie natürlich auf das Hosting hochgeladen haben. Wie Sie sehen können, habe ich jetzt die Anwendung installiert, und wie Sie sehen können, fragt sie mich Polnisch, ob ich sie installieren möchte oder nicht Wenn ich nein sage, heißt das nicht , dass ich es verschwinden lassen will, oder? Ich kann mich jetzt wieder entscheiden. Wenn ich jetzt auf Installieren, Anwendung klicke, stimme ich allem zu. Und jetzt habe ich meine Anwendung installiert, direkt auf meinem Gerät, meinem PC, sie funktioniert einwandfrei. Ich kann es jetzt zum Beispiel schließen. Es liegt an mir, wie es funktioniert, oder? Und jetzt auch, was war es. Wenn ich hierher gehe, ist Bottom, wie Sie sehen können , verschwunden, oder? Weil, naja, es wurde bereits installiert. Wenn ich hier draufklicke, kann ich einfach meine Anwendung öffnen, okay? Weil ja, es wurde auf meinem PC installiert. Das Wichtigste für uns ist wir sehen, ob es hier funktioniert, auf unserem Gerät, dem Smartphone. Kann ich es jetzt installieren? Wie Sie sehen können, ja, es fragt mich, ob ich es installieren möchte. Also werde ich es installieren, oder? Und das Symbol wird automatisch erstellt. Ich kann es zu meinem Hauptbildschirm hinzufügen, oder? Und wie Sie sehen können, ist es auf meinem Bildschirm. Ich kann es jetzt öffnen. Und das öffnet sich wie eine Anwendung in Android, oder? Ich kann es jetzt benutzen, den Staat speichern und so weiter, oder? Alles funktioniert gut. 123. Wie kann ich Express einrichten? Wie richte ich das Backend meiner App ein?: Hallo, mein Freund. Vor langer Zeit konnte JavaScript in unseren Webbrowsern verwendet werden. Da wir jedoch wissen , dass wir es bereits installiert haben, können Sie JavaScript überall ausführen. Aber was bedeutet es, dass es überall ausgeführt werden kann? Das bedeutet, dass wir es zum Beispiel als Server laufen lassen können. Wozu führt es? Das bedeutet, dass wir beispielsweise Dateien von dem Computer lesen können , auf dem der Server installiert ist, oder? Bedeutet, dass Sie mit Datenbanken arbeiten können. Das bedeutet, dass Sie Anfragen wie Anmeldungen und das Absenden von Formularen bearbeiten können und all diese Dinge im Hintergrund ablaufen Anmeldungen und das Absenden von Formularen können Es wird dem Benutzer nicht angezeigt , oder? Denn normalerweise, wenn Sie in den Quellcode einer Website gehen , können Sie dort JavaScript sehen, oder? Aber das Ding, das auf JS laufen wird. Wenn auf dem Server also kein JS installiert ist, können Sie all diese Dinge ausführen, zum Beispiel einen Server erstellen, der auf Dinge reagieren kann, richtig, der zum Beispiel mit Klartext antworten kann und zum Beispiel Hallo, richtig oder was auch immer sagen kann. Ihr könnt das jetzt alle in einer einzigen Sprache machen. Sie müssen also zum Beispiel nicht Bton oder BHB oder eine andere Sprache lernen , oder Sie können alles von Node JS aus erledigen. Aber all diese Dinge, wie Sie hier sehen können , können mit Basic Node JS erledigt werden. Aber die Leute haben viele Pakete erstellt , die als Node-JS-Paketmodule bezeichnet werden , oder? Und du kannst die Arbeit anderer nutzen, sodass du das Rad nicht neu erstellst, also nicht alles von Grund auf neu erstellst Und wie Sie sehen können, haben wir zum Beispiel etwas, das Express heißt, und wie der Name schon sagt, ist es eine schnelle Methode, um ein Web-Framework zu erstellen, also Server zu erstellen und zu verwalten, oder? Und wie Sie sehen können, laden viele Leute es etwa 33 Millionen pro Woche herunter. Also ja, das ist eine sehr beliebte Art, Server zu erstellen. Und ich schlage vor, Express anstelle von Vanilia Note JS zu verwenden und alles von Grund auf neu zu erstellen, oder ? Weil die meisten Menschen nicht so arbeiten. Wie verwenden wir also etwas, das Express genannt wird, um es so einzurichten, dass ein Server in unserer App eingerichtet wird? um es so einzurichten, dass ein Server in unserer App Jetzt müssen wir entscheiden, ob wir unseren Server unabhängig von unserer Front und Entwicklung erstellen möchten . Denn beachten Sie, dass wir hier ein Projekt mit unserem React haben , und nun ja, alles hier wird wirklich von vorne gemacht, oder? Hier wird nichts vom Server angefordert. Und um ehrlich zu sein, ist es eine gute Idee, einen neuen Ordner zu erstellen, zum Beispiel Server, in dem Sie alle Dateien speichern , die sich auf den Server beziehen, okay? Und lassen Sie uns darin eine Datei erstellen, die Sie aufrufen können, wie Sie wollen. Es kann Server sein, es kann Index Dot JS sein. Ich werde es Server-JS nennen, wo ich Express-Objekte erstellen werde, wo ich es hier drinnen verwenden werde, oder? Aber bevor wir das tun, müssen wir Express installieren. Lassen Sie uns dazu ein neues Terminal erstellen, und das ist sehr wichtig. Wir müssen in den Serverordner springen, okay? Und das ist jetzt wichtig. Wir werden ein neues Paket initialisieren, Jason, okay? Weil wir ein anderes Paket haben werden, Jason für den Server und ein anderes Forward für unsere Anwendung im Frontend Okay? Und jetzt hier drinnen werden wir Express installieren. Und wie Sie sehen können, haben wir hier jetzt ein anderes Knotenmodul drin, oder? Und jetzt können wir unseren Server betreiben. Natürlich macht es momentan nichts, aber wir können hier reingehen und NPM run eingeben, und wie Sie sehen können, wird Start das ausführen, oder? Also lass uns damit beginnen. Und wie Sie sehen können, haben wir den Node-Server JS gestartet, aber hier ist nichts passiert. Also, weißt du, wir hatten Konsole hier angemeldet, zum Beispiel so. Wie ihr sehen könnt, ist die Hölle auch vom Server dot js. Also können wir jetzt hier drinnen Sachen machen. Was für Sachen können wir machen? Nun, ich denke, es ist eine gute Idee, den Standardcode von hier aus zu verwenden , okay? Und was es macht, wir verlangen quasi, also importieren wir quasi alles aus Express, okay? Wenn ich also hierher springe, wie Sie sehen können, heißt es sogar: Hey, importiere das und später musst du Express aufrufen Und dieses Ding erstellt eine Express-Anwendung, richtig? Und von hier aus können Sie jetzt auf viele Methoden zugreifen, oder? Wenn ich so etwas mache, gibt es, wie Sie sehen, viele Methoden, und eine dieser Methoden heißt get Get ist eine Funktion, die jetzt an diesem bestimmten Ort wartet, okay, auf unserem Server, den wir ausführen. Es ist also im Hauptordner und worauf wartet es? Sie können hier also sehen, dass wir eine Funktion haben, oder? Hier haben wir eine Funktion, die eine anonyme Funktion ist und auf eine Anfrage wartet, oder? Und wenn jemand etwas hineinlegt, ist das der Wert , wenn jemand versucht, etwas an diesen bestimmten Ort zu schicken , richtig? Also zum Hauptort unserer Bewerbung. Und wo ist dieser Ort? Du betreibst den Server, wie du siehst, dieses Mal passiert etwas , ich habe nicht aufgehört. Wenn ich hierher gehe und Local Host 3.000 eintippe, stelle ich fest, dass wir hier ein Begrüßungswort haben. Das liegt daran, dass wir von unserem Server aus auf diesen Hauptort zugreifen , der sich am Port 3.000 befindet, okay? Und wir senden als Antwort, S steht für Anfrage ist Anfrage, was zu mir kommt und RS ist Antwort, also was ich sende, richtig? Also schicke ich an den Webbrowser ein Hallo, richtig? Und jetzt, wo wir hier sind, haben wir, wie Sie sehen können, eine Begrüßungsantwort. Das ist also der Wert , der sich ergeben wird, wenn jemand auf die Hauptroute kommt. Wenn ich hier zum Beispiel API eingestellt hätte , was am häufigsten gemacht wird. Nehmen wir zum Beispiel an , ich würde es Hallo nennen. Und wenn ich jetzt hier aktualisiere, hat sich, wie Sie sehen können, nichts geändert. Warum ist das so? Denn wenn Sie hier an dieser Stelle etwas ändern, müssen Sie Ihren Server jetzt beenden und erneut ausführen. Ich werde dir bald einen Weg zeigen, wie notieren kannst, damit du es nicht jedes Mal machen musst, wenn du gehst, oder? Aber jetzt, wie du siehst, müssen wir in die API Hello gehen und dann haben wir ein Hallo-Wort, oder? Das ist also wie ein Endpunkt, der Name des Endpunkts, auf dem Ihr Server eine Antwort erhält. Wenn also jemand hierher geht, wird das T-Ding als Antwort gesendet. Das scheint, als ob es eine Menge Dinge zu tun gibt, oder? Und hier ist es auch sehr wichtig, dass du zuhörst, okay? Die Anwendung muss zuhören. Es ist also so, als ob du deinen Server startest und diesen Sport abhörst Sonst wird dein Server nicht funktionieren, okay? Das ist so, als würde man auf Änderungen bei eingehenden Anfragen nach Antworten warten, oder? Und nun, es steckt noch viel, viel mehr dahinter, oder? Im Moment ist dies jedoch die einfachste Art, Express in Ihrem Projekt einzurichten. Sie können dann beispielsweise von wo aus nach Dingen auf Ihrem Server fragen. Wenn wir zum Beispiel später eine Komponente erstellen und darauf reagieren, werden wir Daten von dieser Stelle anfordern , richtig, und wir erhalten sie als Antwort. Das ist sehr mächtig, denn später lernt man zum Beispiel, wie man Anfragen an Datenbanken stellt, oder? Oder Sie können lernen, wie Sie beispielsweise vielen anderen Dingen Dateien auf einen Server hochladen. Das ist also sehr mächtig, denn Sie haben bemerkt, dass das Einrichten nicht viel Zeit in Anspruch genommen hat, oder? Aber irgendwie schaffen wir es, Server in JavaScript einzurichten ohne eine andere Programmiersprache lernen zu müssen , oder? Und wir können dann unsere Anwendung lokal hier, direkt, auf unserem Computer testen , ohne, ich weiß nicht, ein Hosting kaufen oder eine Verbindung zu einer Art von Hosting herstellen zu müssen. So können wir hier, lokal, jede Angst ausräumen. 124. nodemon – Änderungen auf dem Server automatisch überwachen: Wir verwenden das Dan-Protokoll nicht, einige davon Chica Alexia TipocarcvPop Stavi Serv E O D Bractavan auch. Chica Alexia TipocarcvPop, Stavi Serv E O D Bractavan, Zap tan Dera, Ruchi Povich, Pomtum, Telco tri, JavaScript. Welches ist Dot pa JavaScript Monavv Telco VanNVPegnarka. E, Probleme mit Java-Skript und Botagetib in einem Stück Balken Rug Na Powsmenzak Novi, Coso-Batterie. Napiquadre Gemma zu eng, Greis Marsch, um JavaScript Morse pod gli Pravda destron InternetOvo Hektar Moment wechseln zu Tam PovizmptVon mesova Aga Mona Gove Pod glo Miss Javascript Novinotach Zack zu nehmen Kuchavanap Quad Povimginwach, dam Powtmen Element zu Niko zidov für sein geworfen das Internet von Mogobgaavka dam Powtmen Element zu Niko zum Morse pod gli Pravda destron InternetOvo Hektar Moment wechseln zu Tam PovizmptVon mesova Aga Mona Gove Pod glo Miss Javascript Novinotach Zack zu nehmen Kuchavanap Quad Povimginwach, dam Powtmen Element zu Niko zidov für sein geworfen das Internet von Mogobgaavka Protea Petvich Ma Uhr Ich habe PovidPaanch davon überzeugt, dass Vkovi ein Sicherheitsunternehmen von Agovta ist. Moriscoovino , Oppo oder Go Povovch, wenn du bist, pushen wir das Problem. E, La tega mavouuHomena, Java Script to frangsPomzo Nod JS, AR ten Java Script enga, Ya buruHomon, Postronia, ag Ben, Topovigi era Sonic Ni Benji Vigo, Also tase JE Nod JSP dafuhomtabodoVisco Romina at called tego Java Script to Congrate nod res, Also tase JE Nod JSP dafuhomtabodoVisco Romina at called tego Java Script to Congrate nod Java Script to frangsPomzo Nod JS, AR ten Java Script enga, Ya buruHomon, Postronia, ag Ben, Topovigi era Sonic Ni Benji Vigo, Also tase JE Nod JSP dafuhomtabodoVisco Romina at called tego Java Script to Congrate nod res, Mamo vo Saviana Servera. Java Script to frangsPomzo Nod JS, AR ten Java Script enga, Ya buruHomon, Postronia, ag Ben, Topovigi era Sonic Ni Benji Vigo, Also tase JE Nod JSP dafuhomtabodoVisco Romina at called tego Java Script to Congrate nod res, Mamo vo Saviana Servera. Posh Methode Eleanic zum Pos val auf Taco Beach Natiamus die Nachricht auf ektorJ octreePreo PostAertepre, Framework, und reza mo zanis stallovchPoz valac Bardo ShipcoPostavic, Server Doktor Gomorna Zadach Tax van Anfrage auf Povich pre fördert Antwort. Iac ist ein Migiqu ZadanPetana D Baz Dane tag E. M mentied Dostan RodovichtVuci taki server Atmos Sobovic der Frontmotor. Bei Tem to too Prosto V Io Terasveenjob ten DestovatGJ Yak, Al Nevan zu Benge MuktoobchesPomoz und Frisco, Java Script zwei Rucho Negoyenzka Programm eins, DobatB Butaki Stemco, Natomi Yak Motake in StallovatK Meine Mama pflegte zu sagen Projekt Mammospotnt alias Iteras sob had dot Cv, MT Projekt Mammospotnt alias Iteras Terasveenjob ten DestovatGJ Yak, Al Nevan zu Benge MuktoobchesPomoz und Frisco, Java Script zwei Rucho Negoyenzka Programm eins, DobatB Butaki Stemco, Natomi Yak Motake in StallovatK Meine Mama pflegte zu sagen Projekt Mammospotnt alias Iteras sob had dot Cv, MT tai server tur Bengio Jährliches Astronomie-Internet. Es ist Warto Zav Mimo Frisco TrojerJGTM Frontend oder Heck wechseln und DVM Tosonsagand Dot Cov. Fold da Gur ASV, also sei ein Server. Latch geht zum Takoba asi Bisha-Server Postavit, also sei ViniMhsting Sakovic , der Jinja vervollständigt, Is Miso Povionzans und freshbb oder razaro MsagomPsojov . Ich habe Fabio Drasu dazu gebracht, den Ordnerserver zu nehmen. Keine Version eines PLqueAsnaw Gob Rufer-Servers, Amo BisbnazVat hat einen Index, NasvaGSB Dupaed und Vafisco sind keine Toys-Plakette, fange mit Forego Poposto Servera an, richtig ? Nv initiiert die Version Poposu Java Scription BotakavNPSA Nein, Teco als Muslim StovnaePress geht tatsächlich in Tuattman und unterweist Vastonagmkan Jen. Der Naan Govinvoldeja hat den Server verlassen, Sams Jon. Zu Natacha sagte, dass das Verzeichnis wechseln, kein Server, E, Tras Robia MED, Achse von Betta Zant Romanpaket Jason, okay ? Todd Soh Potobe Down on SartovPoglund, Nato Rho ist im Moment kein Server-Crop-JS erforderlich, oder? Todd Soh Potobe Down on SartovPoglund, Nato Rho ist im Moment kein Server-Crop-JS erforderlich, oder? Todd Soh Potobe Down on SartovPoglund, Nato Rho ist im Moment kein Server-Crop-JS erforderlich, oder? ZanimnToa Zobeme halbum Abi Zi Install of Valley PM Install Express, Hill Washington Stimmung Turi Tagak Film Moss Stallovat A NuTagn nibs PavodoePress, Nib Povdomonazv Hill Washington Stimmung Turi fängt an, New Tag zu wechseln. fängt an, New Tag zu wechseln. Boo protos Kuchen und mir wurde etwas hässliches B Sobi Toute Obvisming beigebracht, wie zum Beispiel, Maps toto Koji hat ein nasales Gizia Era tack aza statt Vance tag Expresaemgas, also ruhom. Zanni Mednacto Robi Jam Chip Kaza, Jeff Paket, Jason, Mama Tuteo und das Danrazu-Skript , starto. Tag, an dem ich gehe Ru homie, der Lauf, Starttag zum RuHaiKana-Notizserver Jose Benito, Bonita Mama, LismTutivPisali test, naphqotaGTSO shift moment, esta epsonam test, tacnaPravda, taco taco In der Zeit, VakispoutCmaja, mein Nash Piers Server Post Savage, Naso hivowan für Matin. Scope and Papers tutto , also ist er Astronatapodna, aber N Bar gi potaboelament. , also ist er Astronatapodna, aber N Bar gi potaboelament. Ich sage uns , wir sollen Acol Bichozuei sein. Predevkin Mushitaabeno, Zain Portovag benötigte den Import von Ana, um in JavaScripto zu starten. um in JavaScripto zu starten. El Menke, ein Importeur von Express, möchte die Kontrolle übernehmen. Mspreopctor, Buch Ruby on attack, A express, esto, posto biblioteca, Framework, Tae poteng, Java Scripture, Tuias ZazapisanePress, Übernahme von Nasvia . . Frau Mivras VivoAnafunti , TuratFogna sum applica ttevges, topo chi erstellt eine Express-Anwendung The express function to the express FungianiBarge, otraSueporana Nvigifuntia Gura prostopnaOtazu, Yactas require tooth means too much funct toms vivoaigdu vivoazauPM Bica novembTaue otraSueporana Nvigifuntia Gura prostopnaOtazu, Yactas require tooth means too much funct toms vivoaigdu vivoazauPM Bica novembTaue mammoivo so Dos tanya Dove method, tag, historic Morse orista. otraSueporana Nvigifuntia Gura prostopnaOtazu, Yactas require tooth means too much funct toms vivoaigdu vivoazauPM Bica novembTaue mammoivo so Dos tanya Dove method, tag, historic Morse orista. Yet non vari method, Tony Narachi Mota, telco ta, ta, metodaNazvahe, hör zu, nasuHue Ios VarnanaPort, Trina Poproto stu, numer Tuthons, agioTouruhm erato Run Start of Momenticevade the Otra gon darky tank. I Bisha to tie poprosto local host Vu cropper Titi Sons tag, Temi Benavaonkvji, kovkFreedom einen Server. E, Tras, lass den Yazobi Run starten, um Sabo Tag zu taggen, vinto Sobiavuhma TheaSpam kann Oggi nicht nach Tag Betago bekommen und Pinta, TagovsatPottavo, Vin do Stashm nicht bekommen. nicht bekommen. Epcot-Server Ruchi Terra und em Vuci acecho, phone va, Nasser Potnia aaj automata, statas Diener Naser jaantrig kontrollierte agreg Yakovontrig is novo gouruhMage Takapalndopi von Nate Lexi, Diener Naser jaantrig kontrollierte agreg Yakovontrig is novo gouruhMage Takapalndopi Samara ist Hallo. Samara ist Hallo. A tegoPanvvig touch Virgina GovnFolder, aga Domino Vrot Takavan, Coin Nach Strano Internet ove, HelipopSto vac, lokaler Gastgeber, Sportamti Johnson, tag, auch, chaube Abs ru HoomFung sectora, Funko AnomvTag I a funciamvazu Tomate, matzo TakeGoyaGreg. Chili anfragen. Tosa Sana Dome, Tag, Tootso Wanomi ERS, Chili-Antwort, Zangiskgohi Ot Povich, Zangiskgohi ItSaavvoBctic zur Maische, Odazido-Lagerstätten, Sistani Swan a nach Bengialgtgov Anfrage. ItSaavvoBctic zur Maische, Odazido-Lagerstätten, Sistani Swan a nach Bengialgtgov Anfrage. RS ist obipvatcagako Vodka, ein tegoctoadtauc dotegova to tines substanzielle Schrägstrich auf dem Etikett Ein Film Ot Povism Chilis, antworten, visuell schicken atm visa emo Ein hell award. hell award. Bedeutet Moment G, das Quadrat T bedeutet so, Tag Normalerweise Vic Gini Squad zwei, Toni Mosa Tempo Bach, Bona-Server, keine Seguia-Taxe, VanegoeEndpunkt Appy Vds toi, ein Ziv-Endpunkt, App-Endpunkte, Münzen von Punk-APIs, ein Ziv-Endpunkt, App-Endpunkte, Münzen von Punk-APIs Toni Mosa Tempo Bach, Bona-Server, keine Seguia-Taxe, VanegoeEndpunkt Appy Vds toi, ein Ziv-Endpunkt, App-Endpunkte, Münzen von Punk-APIs, Anwendungsprogrammierschnittstelle. E, Chile hat auch ein Programm von Ivana, eine Anwendungsschnittstelle, Yato verwendet, um die Tachy-Endpunkte zu unterschreiben. Bargeld, dann eine Zitrone, Benjamin ist Müll. Dos Nachit arc Zaogovccqt VivagMelatak, TritozGbaka sos soposvala concretinm and punch puncta, Puncten coach concrete no chintal called hello word, Nonias min after called slash API ipofsvh Hallo, tens pouttenPonchs in mushi controlled Vontri wont novo server, AquideraPotem, und Pointes Raza Nato, hallo tens pouttenPonchs TritozGbaka sos soposvala concretinm and punch puncta, Puncten coach concrete no chintal called hello word, Nonias min after called slash API ipofsvh Hallo, tens pouttenPonchs in mushi controlled Vontri wont novo server, AquideraPotem, und Pointes Raza Nato, hallo word. TritozGbaka sos soposvala concretinm and punch puncta, Puncten coach concrete no chintal called hello word, Nonias min after called slash API ipofsvh Hallo, tens pouttenPonchs in mushi controlled Vontri wont novo server, AquideraPotem, und Pointes Raza Nato, hallo word. Natoias zwei Net stecken fest, botego me saopertunt Mama Endpunkt, Beim Film muss ein Sotschi beginnen. Wenn zehn Poss Mumtutaaogova, Mama Naproqa einen Baza gemacht Mojamzapetch gemacht, telegencuc gebracht, Katzen raus, Povija Shriscot Benji Jiao postronia, ServanaGong Benjamitepu ego movies Server crop care, Tony sh Sotojvtron Benjamin von Badge, nein Oh, Tony sh Sotojvtron Mama Naproqa einen Baza gemacht Mojamzapetch gemacht, telegencuc gebracht, Katzen raus, Povija Shriscot Benji Jiao postronia, ServanaGong Benjamitepu ego movies Server crop care, Tony sh Sotojvtron Benjamin von Badge, nein Oh, ja, tilco la ebitag. Der sogenannte Vc Tutee Jet ist sicher. Fliesenboden, abhängig von Lamado Tango, Beton, PlicunaSererga , Panzer Normalerweise serviere ich Maza statt Nego no Ja, Tag, E Maza statt van PakunkiPovinzan, act express, do not to momento ja Sania, tachy Whim, act take toga Opszgt 101010 cot. Ich Benjamin und Poinot-Phtava Jackie Pitana greifen an, Mama drängen Arequadvb behauptet, es zu schnüren. Ich Benjamin und Poinot-Phtava Jackie Pitana greifen an, Mama drängen Arequadvb behauptet, es zu schnüren. Wenn die Frau Rubi Jaquish, eine Komponente davon , Macchu Kuri, Benji Peto oder Jaco Zavarto, den Server angreift, werde ich ZostanaOA angreifen. angreifen. Rana hat auch bei Povich gedient. Du darfst Mami yo Vivia Trich, das Quad Taka Toto Midas Doja Maras Dov Sotschi Benji Gabo Hippo Ranch, Trisoviukovk, Yagi bis Togftlatrite Goshutkovnk ViGita. Mora Mamttvibo Mora Scotosmava Sach Sohn. Bps faja, postronia Server Atom Watch plata Bazan go Bach . Wenn Sisco The GF die nächste Govge angreifen lässt, Tomah jag. Aber du hast einen Hinterhalt auf dem Bimoostroia Wahab Server gejagt. Oh, weißt du, wenn Soumya mir etwas davon über Pasta Vlisima Server Bardo Ship coo Pravda erzählt Pasta Vlisima Server Bardo Ship coo Pravda Also im Ordner Prost statt Malisma Espresso oder Expresa . Establishment tac Na Pravda dazu co Doctor Oi Totato Star chion die Nudelvignette goo, Pirago, und zeigen Sie auf Tax vana goo Tag, um den Guvngi Sion raza razo hallo zu erhöhen Oi Totato Star chion die Nudelvignette goo, Pirago, und zeigen Sie auf Tax vana goo Tag, um den Guvngi Sion raza razo hallo zu erhöhen. Toto, Temin nostiKostana, Stego Vasari, Totoviti, Morpui, Ros Viagklena Zach tag, natoiataxVan fundamen tag postavdmsaovic a Sipko, Iteratikova snap Neglect, tschechische protube Ros via not oder Korsstana Segoe 125. Daten von React-Komponenten aus Express abrufen: Hallo, mein Freund. Heute zeige ich Ihnen, wie Sie von vorne nach hinten kommunizieren Lassen Sie uns also eine Anfrage für eine Antwort senden. Aber wie machen wir solche Sachen? Beachten Sie zunächst, dass sich unser lokaler Host auf Port 5173 befindet, wenn wir unseren Entwicklungsserver ausführen , oder? Und wenn ich es öffne, können wir, wie Sie sehen, das Ergebnis dessen sehen, was auch immer hier ist, oder? Wenn wir hier etwas ändern, wird es hier dargestellt. Okay. Und das bedeutet auch, dass wir jetzt den Server laufen lassen müssen, also hier wechseln und den Entwicklungsserver auch hier laufen lassen müssen, oder? Okay. Jetzt können wir uns verbinden und miteinander reden. Aber wie machen wir solche Sachen? Ich schlage vor, lassen Sie uns eine Komponente erstellen , die wir zum Beispiel Hallo von Express nennen werden, so etwas in der Art. Und lassen Sie uns eine Funktionskomponente mit der Verknüpfung erstellen , die ich noch nicht gezeigt habe. Es stammt aus einfachen Reaktionseingaben. Und wenn Sie so etwas tun, stellen Sie fest, dass wir sofort die Funktionskomponente haben , die wir zum Beispiel von Express aus Hallo nennen können, oder? Und hier werden wir später auf etwas wie Hallo von Express zurückkommen . Aber diese Nachricht sollte vom Server kommen, oder? Nicht von jetzt an, wo wir es einfach manuell eingeben. Aber versuche immer, Dinge so zu machen, wie ich es jetzt mache, denn wenn man etwas debuggt, ist es wirklich wenn man etwas debuggt, gut, etwas zu sehen, oder? Okay, es ist verbunden Alles funktioniert gut. Ich habe gerade einen Schritt abgeschlossen. Ich kann noch weiter gehen. Okay, und was jetzt? Jetzt müssen wir die Nachricht irgendwie von unserem Server holen, oder? Aber wie machen wir so etwas? Um etwas vom Server abzurufen, werden wir Use Effect verwenden, okay? Weil dies etwas ist , das einmal ausgeführt wird, wenn die Komponente montiert ist Wenn Sie hier als zweites Argument angeben, was für geschweifte Klammern mit nichts Das wird nur einmal ausgeführt wenn wir unsere Komponente montieren, oder? Das wird also nur einmal ausgeführt. Also, hallo von Express, diesmal zweimal, aber zweimal was? Weil wir den strikten Modus verwenden, oder? Aber hey, das wird einmal ausgeführt, wenn die Komponente montiert ist. Okay. Und jetzt müssen wir etwas holen, aber wie holen wir Dinge vom Server ab Nun, um das zu tun, werden wir eine Funktion erstellen, okay, wir werden fetch message aufrufen Und wie Sie sehen können, deutet dies darauf hin, dass diese Funktion asynchron sein sollte Und ja, diese Funktion sollte so sein, weil Sie nicht auf die Antwort des Servers warten möchten , oder? Nachdem wir die Funktion definiert haben, müssen wir sie auch aufrufen Also lass es uns jetzt hier aufrufen. Und hier ist quasi der Hauptteil der Funktion, die später hier aufgerufen wird , oder Und denken Sie daran, das ist eine synchrone Funktion, weil wir auf die Antwort vom Server warten werden , oder ? Und das sollte wie bei einer Synchronisation ablaufen, weil Sie nicht möchten, dass Ihre Anwendung reagiert, wenn etwas wie Get from Server läuft Denn, wissen Sie, normalerweise solche Dinge manchmal Zeit in Anspruch nehmen, zum Beispiel kann es sein, dass der Server nicht reagiert, z. B. an den Ort, an den Sie die Nachricht senden, und Sie möchten nicht, dass der Benutzer Ihrer Website oder Anwendung einfach damit aufhört, etwas auf Ihrer Website zu tun Du willst es hinter den Kulissen im Hintergrund einfangen , oder? Okay. Und um etwas abzurufen, benutzen wir die Abruf-Funktion, okay? Und in der Fetch-Funktion geben wir ein, was wir abrufen möchten Wie Sie sehen können, ist der Name unseres Endpunkts derselbe wie der, den wir hierher gesendet haben Also sagen wir: Hey, hol etwas von hier. Wir haben nicht spezifiziert, was, weil wir im Moment die einfachste Anfrage stellen , die wir können, oder? Wie Sie sehen können, ist die Anfrage jetzt so , als hätten wir hier keine Objekte , weil wir hier noch nichts gesendet haben, oder? Wir haben nicht genau spezifiziert, was wir wollen, aber wir haben einfach so etwas gemacht wie, Hey, hol etwas von diesem Ort, okay? Und jetzt werden wir hier auf die Antwort warten. Okay? Das bedeutet, dass alles, was danach kommt, nicht ausgeführt wird bis wir die Antwort von diesem Ort erhalten haben. Und welche Art von Antwort gibt es hier? Wie Sie sehen können, ist es nur Text, oder? Wir können hier zum Beispiel ein Hallo-Wort von Express Server Dot JS eingeben , oder? Das wollen wir hier als Text sehen. Lassen Sie uns also eine Variable erstellen, die wir Text nennen, und warten wir nun, bis die Antwort der Textmethode aus der API-Antwort in den Text umgewandelt mit der Textmethode aus der API-Antwort in den Text umgewandelt wird. Okay. Und jetzt, wo wir das haben, ja, können wir das auf der Konsole protokollieren. Als ob wir sehen können, was da drin ist. Und wie Sie sehen können, sieht unser Konsolenprotokoll so aus. Also stimmt etwas nicht, weil, naja, wir haben danach gefragt, aber wir haben eine ganze Seite bekommen. Was stimmt nicht? Nun, das Problem ist momentan , dass wir uns in verschiedenen Teilen befinden. Beachten Sie, dass hier 5173 sind, und hier ist einer, dieser ist auf 3.000 Daran ist nichts falsch, denn Sie sollten auf verschiedenen Ports sein, weil, naja, wir versuchen, vom Frontend zum Backend zu kommunizieren, aber wir haben ein Problem weil wir Verbindungen von verschiedenen Ports aus herstellen, auch wenn Sie sich auf derselben Domain befinden, nun ja, das ist nicht erlaubt, weil wir Verbindungen von unterschiedlichen Ursprüngen aus herstellen Das nennt man so etwas. Aber zum Glück für uns, Einladung, können wir so etwas einrichten, das als Proxy bezeichnet wird. Und das ist wie ein Mittelsmann bei der Vernetzung, ein Proxy leitet im Namen des Clients eine Anfrage von einem Server an einen anderen weiter, weil, , oder? nun ja, wir befinden uns gerade im gleichen Serverrhythmus Wir haben denselben Ursprung. Wenn unser Frontend also eine Anfrage an einen Proxy stellt , ist der Proxy so, als würde der Proxy die Anfrage nur an unser Backend weiterleiten, das wir hier mit diesem Port angegeben haben, oder? Und es lässt es so aussehen , als ob die Anfrage von selbst kommt Es ist also so, als würde man helfen, Einschränkungen zu umgehen, die durch so genannte Cross-Origin-Regeln für die gemeinsame Nutzung von Ressourcen festgelegt werden, okay? Ich weiß, das ist vielleicht ein etwas fortgeschrittenes Thema, aber für den Moment, wo Sie gerade lernen und Server entwickeln, Sie wissen schon, Server. Das Wichtigste für Sie ist , dass Sie einen solchen Proxy einrichten müssen , der sofort auf den lokalen Host und auf den Port 3.000 und die API wechselt, und das macht es einfach. Es scheint, als käme es aus demselben Ursprung, oder? Und aus diesem Grund, wenn wir jetzt hierher gehen und aktualisieren, wie Sie sehen können, wenn wir zur Konsole gehen, wie Sie sehen können, haben wir zweimal Hallo vom Express-Server Dot JS. Und nun, wir haben das jetzt nur auf der Konsole protokolliert, aber wir könnten zum Beispiel so etwas machen. Lassen Sie uns den Status verwenden, oder? Vielleicht könntest du dieses Mal State SNIPA verwenden. Und nennen wir es zum Beispiel wie? Wir haben hier eine Nachricht, oder? Nennen wir es also Nachricht. Und der Standardwert, vielleicht ist es nichts. Und jetzt kommen wir, um die abgerufene Nachricht zu präsentieren, richtig ? Standardmäßig ist es also nichts, aber wenn wir den Wert haben, möchten Sie ihn in einen Text wie diesen ändern Und jetzt, wenn wir aktualisieren, können Sie das Hello Word von Express Server Dot JS sehen, weil es von hier kam, oder? Wir haben also, was wir wollten, und das ist ziemlich cool, weil wir hier auf unseren Server zugreifen. Wenn wir den Wert hier ändern, zum Beispiel auf Hallo Welt, und jetzt, wenn wir hier aktualisieren, wie Sie sehen können, der Wert auch geändert, weil wir jetzt etwas anderes senden als unseren. Beachten Sie, dass wir, wenn wir hier unser Netzwerk öffnen und es erneut aktualisieren, wenn wir hierher gehen, so etwas wie eine Antwort erhalten, wie Sie sehen können, das ist der Wert, auf den wir von unserem Server antworten, oder? Und wir greifen darauf zu, indem wir eine URL wie diese anfordern. Und das Lustige ist , dass wir feststellen, dass wir wirklich nach welcher 5173 fragen, oder? Und obwohl wir dieses Ding anfordern, weil wir ihren Proxy haben, weiß er, dass jedes Mal, wenn wir danach versuchen, mit irgendwas auf den API-Endpunkt zuzugreifen , dieser wirklich den Wert von diesem Port hier anfordert, okay? Ich weiß, es scheint ein bisschen übertrieben zu sein, aber so richtet man aber so richtet man es ein, wenn man es auf verschiedenen Ports haben will, und , weißt du, du willst quasi auf dem Server nach Änderungen suchen und gleichzeitig nach den Änderungen auf der Site suchen, oder? Weil Sie quasi sofort die Ergebnisse sehen wollen, die sich aus den Änderungen ergeben, vom Frontend aus und gleichzeitig das Ende des Bugs Sie haben zwei Dinge am Laufen und suchen nach Änderungen. Aber im Moment, ja, wir haben uns verbunden. Also, weißt du, wir könnten den Wert abrufen und zum Beispiel den Text ändern zum Beispiel den Text Aber das ist natürlich nur das Grundrecht auf Express. Wir greifen einfach auf Fetched zu. Wir ändern die Antwort in Text, richtig? Und ja, wir können das jetzt zeigen 126. „Laden“-Meldung beim Abrufen von Daten: Hallo, mein Freund. Heute zeige ich Ihnen, wie Sie eine Ladenachricht erstellen, während unsere Antwort vom Server geladen wird. Denn wenn wir es aktualisieren, stellen Sie fest, dass es so ist, als würden Sie auf unsere Website springen. Es taucht einfach auf. Aber Dinge wie das Abholen können einige Zeit dauern. Es hängt davon ab, wie viele Personen Ihre Website nutzen. Es hängt davon ab, wie weit Ihr Server entfernt ist, wie viele Dinge gleichzeitig erledigt werden, oder? Es ist eine gute Idee, dem Benutzer eine Art Lademeldung zu zeigen Benutzer eine Art Lademeldung zu , um die Benutzererfahrung zu verbessern. Aber wie machen wir solche Sachen? Beachten Sie, dass der Standardwert, der Verwendungsstatus, eine leere Zeichenfolge ist und eine leere Zeichenfolge für eine solche bedingte Anweisung wirklich für eine solche bedingte Anweisung ähnlich ist, nicht wahr, oder? Also können wir so etwas machen. Wenn die Abrufnachricht wahr ist, dann zeige die Abrufnachricht an. Andernfalls zeigen Sie beispielsweise das Laden von Text an. Nun, wenn ich mich beziehe, wie Sie sehen können, haben wir einen zweiten Ladebildschirm im Hintergrund gesehen , oder? Aber lassen wir diesen Nutzungseffekt vielleicht etwas Zeit in Anspruch nehmen, damit wir ihn deutlich sehen können. Wenn ich also das festgelegte Timeout verwende, kann ich so etwas tun wie: Okay, ich möchte die Abrufnachricht einstellen, aber zum Beispiel in 1,5 Sekunden, oder? Und wenn ich jetzt aktualisiere, wie du siehst, wird geladen wofür? 1,5 Sekunden, und dann können wir die Nachricht sehen. So erstellen Sie also eine einfache Nachricht wie das Laden. Aber könnten wir es vielleicht mit zusätzlichen, du weißt schon, Bibliotheken verbessern , und ich werde dir in der nächsten Vorlesung zeigen, wie das geht. 127. React Spinner – Ladenachricht „spin“: Hallo, mein Freund. Es werden zwei Bibliotheken verwendet , die sehr beliebt sind, um Daten zu laden, und eine davon ist Rack-Spinner, okay? Lader. Und wie Sie sehen, können Sie zum Beispiel so etwas tun oder Sie können Rack-Spinner verwenden Das sieht so aus und es ist ziemlich einfach, dieses Ding wirklich zu benutzen Weil Sie nur das Paket installieren und die Komponente verwenden müssen. Nehmen wir zum Beispiel an , Sie wollten dieses Ding verwenden. Beachten Sie, dass das Coole an dieser Site darin besteht, dass Sie die Farbe hier ändern können, zum Beispiel hier, Sie können die Größe von größer nach kleiner ändern und sehen, wie sie aussehen wird , bevor Sie sie überhaupt installieren, oder? Sie können den Loader also vorher überprüfen, bevor Sie ihn verwenden. Aber in diesem Vortrag verwenden wir die Rugspinner von hier, um ihn zu installieren. Gehen Sie immer zu den ersten Schritten, und wie Sie sehen können, müssen wir, um ihn zu installieren , nur so etwas tun Also müssen wir in unser Projekt gehen, die Konsole öffnen und NPM install eingeben Nach der Installation müssen Sie nur noch das importieren, an dem Sie interessiert sind In unserem Fall sind wir an rotierenden Linien interessiert, also müssen wir nur so etwas tun. Wir können das hier in unser Projekt kopieren. Aber statt Audio importieren wir, was für rotierende Linien wie diese, richtig? Und jetzt müssen wir es nur an dieser Stelle verwenden , anstatt Text zu laden. Um es zu benutzen, haben wir hier ein Beispiel von oben, oder? Wenn du genau das benutzen willst, was hier oben ist, müssen wir es nur hier platzieren, oder? Und wenn wir hierher gehen und uns auffrischen, wie du siehst, haben wir was? Unser Ladebildschirm. Aber Sie fragen sich vielleicht, warum die Farbe Grün ist , obwohl wir sie hier zu grau haben. Das Lustige ist, wenn Sie hierher gehen, stellen Sie fest, dass sie sagen, dass die Requisiten hier wie die Strichfarbe festlegen, die Farbe der rotierenden Linien, aber sie verwenden hier die Farbe ziemlich komisch, weil es sich um eine Implementierung handelt , bei der sie Farbe verwenden, aber sie sollten Wurffarbe verwenden Es ist also nur wieder da, aber du kannst es reparieren, du kannst die Eigenschaft einfach auf den richtigen Namen ändern. Und wenn wir es jetzt aktualisieren, können Sie sehen, dass es grau ist. Sie können die Farbe nach Belieben ändern. Sie können die Größe ändern, oder? Wenn Sie möchten, dass es kleiner ist, können Sie es kleiner machen, oder? Es liegt an dir, wie es mit diesen Einstellungen aussehen wird . Ziemlich cool, richtig, weil du das Rad nicht neu erfinden musstest Wir mussten es nicht, weißt du, in CSS machen, vielleicht in Animation, was auch immer du wählen würdest Wir haben jetzt eine Art rotierender Linien, anstatt, du weißt schon, zu laden, was seltsam ist, oder? 128. ÜBUNG: React Toastify – Benutzer wie ein Profi benachrichtigen: Hallo, mein Freund. Heute werden wir über das Paket React Tastify sprechen, das Toast anzeigt Ich weiß, dass der Name seltsam klingt, aber Toasts sind nur einfache Nachrichten wie die Sie können auch zur Demo-Dokumentation gehen, und hier können Sie, Sie wissen schon, nachschauen, wie jedes Ding auftauchen kann, wie Sie, Sie wissen schon, auch etwas ändern können Die Art davon. Es kann also die Warnung sein, es kann ein Fehler sein, der Standard. , sind alle Dinge hier also Wie Sie sehen können, sind alle Dinge hier also ziemlich einfach anzupassen. Sie können leicht sehen, wie man es benutzt, oder? Und alles, was Sie tun müssen, ist es einfach zu kopieren und in Ihr Projekt einzufügen, oder? Und in unserer Situation wollen wir quasi innerhalb unseres Apportierens toastifizieren Wie machen wir so etwas? Nun, zuerst müssen wir einen Behälter für Toast machen, okay? Und nun, lassen Sie uns den einen Container verwenden, den wir hier haben, aber vorher müssen wir ihn auch installieren, oder? Also, um es zu installieren, müssen wir das eingeben, oder? Also lass uns hierher gehen. Öffnen wir das Terminal und installieren wir es. Und wie Sie sehen können, brauchen wir jetzt so etwas, oder? Aber es heißt, dass auch etwas importiert werden muss , das als CSS für Tastify bezeichnet wird , oder? Und wir werden es nicht in unser Hallo von Express importieren , weil wir es überall verwenden wollen , oder? Ich denke, es ist eine gute Idee, es hier in unsere gesamte Anwendung zu importieren , oder? Wir müssen auch unseren Container importieren , so etwas, aber ohne Toast, weil ich möchte, dass er in unserem Anwendungsbaum verfügbar Es ist also immer sichtbar, oder? Und lass uns vielleicht den Testcontainer benutzen , der hier ist, oder? Wie Sie sehen können, ist dies das Standardverhalten, oder? Das ist also wirklich dasselbe wie dieses, oder? Und lassen Sie es uns zum Beispiel hier, richtig, so platzieren. Und das Coole ist, weil wir einen Container in unserer Anwendung haben, müssen wir ihn nur zum Beispiel auf diese Weise ausgeben , oder? Also, wenn wir es hierher kopieren wollen, aber wir müssen auch unseren Toast importieren Also importieren und wir müssen Toast importieren, richtig? So macht man es, oder? So können wir die Funktion verwenden , die Toast heißt, oder? Also müssen wir jetzt nur noch diese Funktion aufrufen, um sie zu benutzen, oder Wenn wir also hierher gehen und sagen, ich habe es platziert, sagen wir für eine Sekunde hier Du siehst, wir haben es, Wow, so einfach gemacht, dann kannst du es schließen. Wenn ich unsere Seite aktualisiere, wird sie zweimal angezeigt weil wir uns im strikten Modus befinden, oder? Aber ja, es ist nach dem Abrufen der Daten aufgetaucht. Wir könnten es vielleicht auch zum Beispiel hier platzieren , gleich nach 1,5 Sekunden. Ihr seht, wow, so einfach, aber wir haben es, wie gesagt, zweimal hinbekommen, weil so der Straßenmodus funktioniert. Und die Frage ist, wie man ihn zum Beispiel anpassen kann. Nehmen wir an, wir können vielleicht zu Beginn , wenn wir versuchen, etwas zu laden, Informationen erstellen, und wir können sagen, dass Daten geladen werden. Wenn ich es jetzt aktualisiere, siehst du, dass es sagt: Hey, etwas wird geladen, du kannst sehen, ja, es wird geladen. Das Problem ist, dass es nicht verschwunden ist, als die Nachricht endlich geladen wurde, oder? Wir können also zum Beispiel anstoßen, entlassen, oder Wir können es also abweisen, wenn die Nachricht geladen wird Also, wie du siehst, können wir manuell sagen: Hey, ich brauche dich nicht mehr. React Toastify ist super mächtig. Es wird von Tausenden, Millionen von Menschen benutzt , weißt du, Wie viele Leute haben es in der letzten Woche heruntergeladen , zwei Millionen. Du kannst hier also viel, viel mehr machen , oder? Sie können zum Beispiel Symbole ändern. Du kannst hier sogar mit dem Versprechen umgehen und sie zeigen dir hier, wie es geht, oder? Du kannst die Position des Toasts ändern. Du kannst wirklich alles in Bezug auf diesen, nun ja, Toast definieren Bezug auf diesen, nun ja, Toast Und das Coole ist, dass du es dir ansehen kannst, oder? Oh, ich will zum Beispiel den Dunkelmodus. Um den Dunkelmodus zu aktivieren, können Sie sehen, dass Sie hier die Eigenschaft Team auf Dunkel ändern müssen die Eigenschaft Team auf Dunkel Sie können ganz einfach ändern, wo es angezeigt werden soll. Oh, ich möchte, dass es hier angezeigt wird, ich möchte, dass es p angezeigt wird. Sie entscheiden, wo es angezeigt wird, und ich weiß nicht, Sie möchten es vergrößern. Es wird vergrößert, du willst rutschen. Okay? Der nächste wird rutschen. Es liegt an dir , wie es aussehen wird. Es ist also eine gute Idee, damit zu spielen, okay? Versuchen Sie als Übung, es zu installieren. Und vielleicht könntest du zum Beispiel versuchen, Spaß damit zu haben, sagen wir, wo ist Versprechen, ja, damit umzugehen. Versuche, mit dem Versprechen umzugehen, also zum Beispiel, es auf diese Weise zu tun , richtig? So kannst du sehen, dass du hier zuschauen kannst. Holen. In unserem Fall ist es das, richtig Und wenn der Abruf gelöst werden soll, können Sie abhängig davon eine Nachricht anzeigen, Beispiel wenn er geladen ist, diese anzeigen Wenn der Erfolg eintritt, zeig das. Wenn der Pfeil passiert, zeig das, richtig? Also, um ehrlich zu sein, wird das unseren Ladevorgang automatisch verbessern. Aber denken Sie daran, dass wir hier eine Auszeit festgelegt haben. Das haben wir künstlich geschaffen. Das dauert 1,5 Sekunden. Aber das ist in dieser Situation augenblicklich. Aber natürlich sollten wir hier überprüfen, wann das Versprechen erfüllt ist, wann der Wert vom Server kommt, oder? Das ist nur zum späteren Debuggen, du solltest lesen Okay, das ist die Lektion. Vielen Dank. 129. Karte – Elemente aus Listen anzeigen: Hallo, mein Freund. Heute zeige ich Ihnen, wie Sie Aufgaben aus einem Array in unserer Komponente anzeigen können. Und ich zeige Ihnen das an einem sehr einfachen Beispiel. Stellen Sie sich vor, dass diese Daten zum Beispiel aus einer Datenbank stammen , oder? Aber im Moment zeigen wir hier, wie man all diese Daten einfach anzeigt. Es wäre dadurch einfacher zu verstehen. Wie gehen wir also mit einem solchen Problem um? Nun, normalerweise werden Sie, wenn Sie eine Aufgabe anzeigen möchten, wahrscheinlich die ungeordnete Liste verwenden, oder? Und dann würden Sie das Listenelement verwenden. Und dafür würden wir ein, zwei, drei, vier dieser Gegenstände verwenden, und ich würde Hausaufgaben machen, per Post schicken, Zimmer putzen und das Abendessen kochen. Das Problem ist, dass es viele, viele Aufgaben mehr oder weniger geben kann. Deshalb müssen wir wahrscheinlich eine Art Schleife verwenden, richtig, die durch jedes Element und beim Listenelement auf dieses Element führt, richtig? Und ja, du könntest Loop Four benutzen, aber um ehrlich zu sein, das ist ein sehr langsamer Weg , und er ist nicht so lesbar wie der, den ich dir jetzt zeigen werde. gibt es etwas, das man Kartenfunktion nennt Javascript gibt es etwas, das man Kartenfunktion nennt. Ich hoffe, du hast es schon benutzt, aber wenn nicht, gebe ich dir eine allererste Einführung , wie man damit arbeitet, okay? Wenn Sie so etwas tun, Aufgaben und dann Mappen, ist diese Funktion jetzt bereit jedes Element eines Arrays, das gesamte Wörterbuch, durchzugehen , und sie wird mit diesen Daten tun, was wir wollen mithilfe der Funktion, die wir hier senden Also, was zu tun ist, funktioniert, oder? Diese Funktion wird einfach Dinge für all diese Aufgaben erledigen, falls in unserer Situation Dinge hier sind, richtig? Also das ist perfekt für uns, richtig, weil wir so etwas machen wollen. Ich möchte anhängen. Ich möchte diesen Gegenstand einpacken, Hausaufgaben machen, oder? Und dann will ich es einpacken, Milch kaufen, Zimmer putzen und Abendessen kochen, richtig? Also hier, wenn wir eine Orthese anlegen, können wir jetzt so etwas wie Kardiklammern eingeben können wir jetzt so etwas wie , um in den Javascript-Bereich zu gelangen, richtig Und jetzt können wir diese Funktion verwenden. Wir können also Aufgabe sagen. Lassen Sie uns jedem dieser Typen, jeder Daten, etwas zuordnen, was mit diesen Daten gemacht werden sollte . Aber wie machen wir das? Nun, wir könnten eine spezielle Funktion erstellen , um all diese Dinge zu erledigen, aber weil wir was haben? Pfeilfunktion, wir können so etwas machen. Wir können jedes Element zuordnen und dann den Namen sagen, oder? Also werden wir sie Aufgabe nennen. Aber natürlich könntest du sie nennen, wie du willst, oder? Das ist der Name , den wir erfunden haben. Dieses besondere Lob haben wir geschaffen. Und jetzt sagen wir, was mit jeder dieser Aufgaben getan werden sollte. Wenn wir also wirklich nicht viel tun, also wenn wir zum Beispiel einfach ein Listenelement erstellen und, wissen Sie, so etwas eingeben, bedeutet das, dass wir viermal machen werden, zum den gesamten Inhalt hier durch diese Dinge zu ersetzen. Wenn ich hier task eintippe, werden wir es durch eine Task-Zeichenfolge ersetzen. Es ist sehr wichtig , dass Sie, wenn Sie dies als Daten als eine Art Variable verwenden möchten , nicht wie eine Zeichenfolge, zwei geschweifte Klammern kennen müssen Und jetzt, für jedes Element, richtig, haben wir es mit einem Gegenstand umwickelt Und jetzt, wie Sie sehen können, haben wir jedes Element aus der Aufgabenliste angezeigt , oder? Das könnte also am Anfang verwirrend sein , wenn Sie anfangen, es zu benutzen, oder? Aber es ermöglicht Ihnen, in einer Zeile sofort das gesamte Array zu ändern , zu ändern, wie es, Sie wissen schon, angezeigt wird. Wir mussten nicht danach suchen. Wir mussten nicht, wissen Sie, zum Beispiel ein temporäres Löschen erstellen oder darüber nachdenken, temporäres Löschen erstellen oder darüber nachdenken wie wir ein solches Problem angehen könnten, weil wir nur diese eine einzige Sache mit ganzen Daten wie diesen gemacht haben ganzen Daten wie diesen , weil das alles war, was wir tun mussten. Map ist eine leistungsstarke Funktion , die Ihnen, wie Sie sehen, jede Menge Zeit spart. Also nochmal, weil ich denke, das hilft, wenn wir versuchen, verschiedene Wörter zu verwenden , wenn wir neue Dinge lernen. Map ist also eine Funktion, die jedem Element eines Arrays oder beispielsweise eines Wörterbuchs zuweist, was bei jeder Iteration, also bei jedem Schritt, getan werden soll also bei jedem Wenn wir uns das zum Beispiel ansehen, bedeutet das, dass alles, was sich in diesem Feld befindet, was in unserem Fall Aufgaben sind bedeutet das, dass alles, was sich in diesem Feld befindet, was in unserem Fall , ich jedes Element Task nennen möchte und genau das möchte ich damit machen Also nochmal, Box, dann Kartenfunktion, dann Daten, was dann zu tun ist. Mit Daten, richtig? Und in unserem Fall müssen wir, wenn Sie auf diese Daten zugreifen möchten, auch so etwas tun. Ziemlich einfach. Nachdem du es ein paar Mal benutzt hast, wird es in deine Adern gehen, oder? Das ist nur eine Lektion. Vielen Dank. 130. Schlüssel – Einzigartige Schlüssel mit uuid generieren: Wenn du in die Konsole gehst, wirst du in unserer letzten Vorlesung feststellen , dass wir hier eine Art Warnung haben Jedes Kind in einer Liste sollte eine eindeutige Schlüsseleigenschaft haben. Okay. Erstens ist das nur eine Warnung. Das bedeutet nicht, dass wir einen Fehler gemacht haben, aber diese Warnung ist da, weil sie bedeutet, dass unsere Liste nicht für die Situation optimiert ist , in der wir beispielsweise dynamisch neue Elemente entfernen oder hinzufügen. Also werden wir den Status unserer Geräte in Zukunft ändern. Und nun, das ist etwas sehr Wichtiges, vor allem, wenn die Liste größer wird, richtig, weil Sie dann die gesamte Liste aktualisieren müssten , anstatt nur einen einzelnen Eintrag. Also, selbst wenn du die Aufgaben hier nicht ändern wirst , auch wenn sie, du weißt schon, statisch sind, denke ich, du solltest, du weißt schon, die Sache implementieren, die ich dir bald zeigen werde denn meistens, wenn du kannst, könnte sich die Situation für dich ändern, oder? Und die zweite Sache ist, dass Sie wahrscheinlich keine Fehler in Ihrer Konsole haben möchten , oder? Denn wenn du sie, du weißt schon, den Betrag erhöhen lassen willst, wird das nicht gut für dich sein. Deshalb werden wir es lösen, indem so etwas wie Eigentum schaffen, okay? Aber machen wir das? Siehst du, hier im Listenelement können wir etwas wie k setzen und dann hier zum Beispiel unique eingeben. Das Problem mit dieser Lösung ist, dass sie nicht einzigartig ist, oder? Deshalb haben wir nicht funktioniert , dass wir auf zwei Kinder mit demselben Schlüssel gestoßen sind, der einzigartig ist, oder was auch immer wir hier eingeben, es wird ein paar Mal benutzt werden. Und ja, das wollten wir nicht , oder? Und wir müssen jetzt etwas Einzigartiges schaffen. Könnte zum Beispiel in unserer Situation verwendet werden, weil wir unterschiedliche Aufgabennamen haben, oder? Also haben wir hier so etwas wie zum Beispiel Aufgabe gemacht, weil, naja, sie sind unterschiedlich, oder? Jede Aufgabe ist anders und funktioniert gut. Das Problem mit einer solchen Lösung ist, dass wir uns darauf nicht verlassen können, weil jemand versehentlich zwei Aufgaben mit demselben Inhalt erstellen könnte . Aus diesem Grund hat in Datenbanken jede Aufgabe sehr häufig eine so genannte ID, und wir könnten diese D zum Beispiel hier verwenden , wenn der Fehler hier zum Beispiel ein Wörterbuch mit IDs oder ein eindeutiger Bezeichner wäre . Das Problem mit unserer Situation ist, dass wir sie nicht haben. könnten wir sie jetzt manuell hier platzieren Für dieses Beispiel könnten wir sie jetzt manuell hier platzieren. Ich werde Ihnen etwas zeigen, was eine universelle Lösung ist , die immer richtig funktioniert. Und ich glaube, dass ich es selten von anderen Leuten, die unterrichten, sehen konnte . Beachten Sie also, dass wir Paketmodelle haben, und eines davon heißt UUID Und wenn wir dieses Paket installieren, können wir in unserer Komponente darauf zugreifen Um darauf zuzugreifen, müssen wir die Funktion importieren , die V four heißt. Also von UUID und diese Funktion ist eine Funktion, die wir jetzt in unserem Code verwenden können , um einen eindeutigen Bezeichner zu generieren Das ist garantiert, dass es einzigartig sein wird, oder? Denn soweit ich mich erinnern kann, die Chance, damit etwas zu ist die Chance, damit etwas zu erschaffen , das nicht einzigartig ist, nicht genug Planeten in unserem Universum oder so. Man muss ins Detail gehen, um, du weißt schon, all diese Dinge zu berechnen. Aber ja, für uns ist die Situation ausreichend. Einfach zu sagen, dass es jetzt garantiert , dass es funktioniert. Wir könnten so etwas machen und wenn wir aktualisieren, wie Sie sehen, haben wir keinen Fehler, also ist alles in Ordnung. Das ist einmalig. Das Problem mit dieser Lösung ist, dass, wenn wir so zurückkehren , dieser einzigartige Wert immer anders sein wird, oder? Also wäre es wahrscheinlich am besten, ihn hier für das Array anzuhängen, oder? So könnten wir das Array zum Beispiel in ein Wörterbuch umwandeln . Also können Sie dieses Mal so etwas wie Aufgaben, Wörterbuch aufrufen , und alles, was wir tun müssen, ist auf Aufgaben zuzugreifen und wieder Mapping zu verwenden, oder? Wenn wir also Mapping verwenden , wollen wir für jede Aufgabe was tun? Mach so etwas wie. Und wir wollen ein Wörterbuch erstellen, und dieses Wörterbuch wird aus einer ID bestehen, die eindeutig sein wird, oder? Und wenn wir es einzigartig machen wollen, müssen wir ihm das Ergebnis der Funktion V zuweisen , richtig, die es generiert. Und wir können eine Eigenschaft erstellen, zum Beispiel Text oder Inhalt, Aufgabeninhalt, und wir werden es Aufgabe nennen, weil wir das wirklich von hier aus verwenden , oder? Ja, das ist alles. Und jetzt werden wir hier nicht die Aufgaben-RA verwenden, sondern das Aufgabenwörterbuch, mit dem wir jedes Element aus dem Wörterbuch durchgehen können . Und dieses Mal greifen wir auf die Aufgabe Cropca ID zu. Und hier greifen wir auf Task, Crop Car That Sorry, Text Und jetzt, wenn ich es aktualisiere, funktioniert etwas nicht, aber ich habe hier wahrscheinlich irgendwo einen einfachen Fehler gemacht . Oh ja. Ich habe hier nicht Constant eingegeben und jetzt funktioniert es einwandfrei. Wie Sie sehen können, haben wir ein Array in ein Wörterbuch umgewandelt und später, wenn wir dieses Wörterbuch verwenden, verwenden wir eine ID, die hier quasi vorgeneriert war, oder? Natürlich ist es nicht so, dass diese Komponente all die Dinge hier erledigen muss, oder? All diese Dinge könnten von irgendwoher abgerufen werden und nach dem sofortigen Abrufen könnten Sie eine ID anhängen Und dann diese Komponente für dieses Spiel, wir benutzen einfach dieses Wörterbuch Wir machen alles in 15 , weil es einfacher ist, anhand einfacher Beispiele zu lernen, oder? Das ist nur die Lektion. Vielen Dank. 131. Filter – Filter – Elemente aus der Liste entfernen: Hallo, mein Freund. Heute zeigen wir Ihnen, wie Sie Aufgaben dynamisch aus der Liste entfernen können. Also hier ist der Ort , an dem wir unser gesamtes Wörterbuch anzeigen, richtig, was auch bedeutet, dass dieser bestimmten Stelle wir an dieser bestimmten Stelle sozusagen eine Schaltfläche erstellen möchten, mit der ich das aktuelle Listenelement entfernen kann. Um es also sehr einfach zu machen, lassen Sie uns einfach eine Schaltfläche erstellen. Und nennen wir es zum Beispiel X. Wie Sie sehen können, sieht es nicht gut aus, weil wir CSS von der Pulsskala verwenden. Du könntest es später ändern, weil das nicht das Thema dieser Vorlesung ist. Das ist ziemlich einfach zu machen und du kannst es als Übung machen. Aber wir wollen jetzt so etwas machen. Wenn jemand auf diese Schaltfläche klickt, möchte ich den Mietwagenartikel entfernen. Und das wird wie gemacht, weil wir das irgendwie damit identifizieren müssen , richtig? Wir müssen wissen , welcher Button welchem Listenelement zugewiesen ist. Das Gute daran ist, dass wir in der letzten Lektion etwas festgelegt haben, das als Schlüssel bezeichnet wird, wir können diese Information verwenden, richtig, weil wir sagen können : Hey, wann du willst, darauf klicken, oder? Ich möchte, dass du quasi eine Funktion ausführst, die das Cover dieses Artikels mit dieser ID entfernt , richtig? Also ich denke, in einer solchen Situation, nicht alles in einer Zeile zu machen, das ist, glaube ich, eine etwas fortgeschrittene Sache. Lass es uns vielleicht, du weißt schon, sagen wir, nicht online machen , oder? Weil es zu viel Inhalt gibt, zu viel Code, um diese eine Zeile zu entfernen. Das könnte diese Zeile überkomplizieren, oder? Also machen wir so etwas wie eine Funktion , die das macht, richtig? Lassen Sie uns also eine Funktion erstellen und sie zum Beispiel handle nennen. Wir werden uns also um das Ereignis „Aufgabe entfernen“ kümmern, oder? Und der Vorschlag hier ist ziemlich cool , weil wir hier einen Ausweis haben werden, oder? Und jetzt müssen wir diese Funktion einfach hier aufrufen, oder? Also müssen wir sagen: Hey, dieses Ding wird sich darum kümmern, die Aufgabe zu entfernen Wenn ich jetzt darauf klicke, wird diese Funktion natürlich aufgerufen, aber wir müssen jetzt angeben , wie wir die Aufgaben direkt aus dem Display entfernen Und das ist sehr, sehr wichtig. Beachten Sie, dass dieses Ding wirklich eine normale Variable ist, richtig, die konstant ist. Und wenn ich etwas von hier entferne, heißt das nicht, dass der Status unserer Website darauf reagiert, es zu entfernen, oder? Weil wir React verwenden, müssen wir zunächst State für das gesamte Aufgabenwörterbuch verwenden, was bedeutet, dass wir das in was ändern müssen? Aufgabenwörterbuch, richtig, so etwas in der Art. Also, ähm, es gibt momentan zu viele Vorschläge. Also brauchen wir einen Haken, der die Funktion wie diese mit diesem Wörterbuch verbindet , und wir müssen den Status, richtig, für den Anfangswert verwenden . Denn im Moment haben wir den Anfangsstatus für das Wörterbuch erstellt, oder? Für das Aufgabenwörterbuch. Das ist der erste, oder? Wenn die Komponente erstellt wird, sind dies die Startwerte. Jetzt werden wir in der Lage sein, die Werte hier zu entfernen, oder? Aber wie Sie sehen können, haben wir einen Fehler und naja, nichts funktioniert. Das liegt daran, dass wir State verwendet haben , der noch nicht importiert wurde, oder? Also müssen wir es importieren. Und ja, jetzt funktioniert es. Also das ist der Startwert, der sozusagen daraus transformiert wurde. Wörterbuch mit vier Aufgaben. Und da dies ein Zustand ist , der von React beobachtet wird, können wir ihn jederzeit mit dem Set Task Dictionary ändern . Wenn wir also Aufgaben entfernen, müssen wir zuerst das festgelegte Aufgabenwörterbuch aufrufen und dann die Dinge im Aufgabenwörterbuch erledigen, richtig? die Dinge im Aufgabenwörterbuch erledigen, richtig Und der Vorschlag hier ist perfekt, und ich werde ihn dir jetzt erklären Beachten Sie, dass wir etwas verwendet haben, das als Methodenfilter bezeichnet wird. Was, wie der Name schon sagt, die Aufgabe mit der angegebenen ID herausfiltert. Aber wie funktioniert es? Siehst du, wir haben hier eine Pfeilfunktion, oder? Und weißt du noch, wie die Karte funktioniert hat? Es war, als wäre es eine Art innerer Schleife, richtig, das ist so, als würde man all die Dinge tun, die wir in der Funktion für jedes Element im Inneren angeben, oder? Und die Filterfunktion ist dieselbe. Aber was die Filterfunktion angeht, geben wir hier eine Art von Bedingung an. Also ist es so. Wir haben Daten. Wir haben Filter, oder? Und dann ist es wie ein Datenelement, und dann erstellen wir eine Bedingung. Und jetzt ist dieser Filter wie eine Schleife, die jedes Element im Wörterbuch durchläuft und überprüft, ob die ID, die herkommt, woher hier stammt, richtig? Wir haben es noch nicht gesendet, also bedeutet das, dass wir es tun müssen, oder? Aber ja, wenn wir es hierher schicken, also machen wir es vielleicht. Also müssen wir so etwas tun. Kümmere dich um die Aufgabe und lass uns die Aufgaben-ID hierher schicken, richtig? Weil wir die eine Aufgaben-ID senden wollen , die wir gerade hier oben erstellt haben, oder? Aus diesem Grund werden wir das Entfernen mit dem obigen Schlüssel verbinden . Okay. Und jetzt haben wir dieses D hier, genau von hier, und wir vergleichen quasi, ob die ID, die die Handle-Entfernen-Aufgabe aufgerufen hat in unserem Aufgabenwörterbuch steht, okay? Und wenn es nicht daran liegt, dass wir den Ausrufemarkt nutzen, wie Sie Die Aufgabe wird nicht entfernt, okay? Aber wenn es dem entspricht , den wir gerade gesendet haben, okay? Dann wird es entfernt. Es wird herausgefiltert, oder? Und jetzt, wie Sie sehen können, wenn ich darauf klicke, auf das, auf das wir geklickt haben, wenn ich aktualisiere, kommt alles zurück, oder? Aber sauberes Zimmer. Okay, es ist verschwunden, oder? Wir haben keine Animationen. Alles sieht sehr schlecht aus, aber es funktioniert richtig, oder? Also nochmal, Filter ist eine Funktion, die der Map sehr ähnlich funktioniert, weil sie jedes Element innerhalb eines Arrays oder Wörterbuchs durchsucht, aber sie führt innerhalb eines Arrays oder Wörterbuchs durchsucht, keine Funktion aus, sondern Sie geben ihr eine Bedingung, dass sie ihre Aktion als Grundlage für ihre Aktion Was sollte getan werden, oder? Und in unserem Fall prüfen wir, ob die ID , die hier auf Click Button gesendet wurde nicht der ID übereinstimmt, die derzeit in unserem Wörterbuch steht, oder? Und wenn nicht, werden wir es behalten. Wir werden ein neues Array mit dem beibehaltenen Objekt und der beibehaltenen Aufgabe erstellen , richtig? Aber wenn das ausgeführt wird und wir ID finden, die der ID entspricht , die im Aufgabenwörterbuch steht, oder? Dann entfernt die Filterfunktion es einfach. Es wird nicht ehrlich sein, es ist nicht so, dass es es entfernt. Es wird nicht in ein neu erstelltes Aufgabenwörterbuch aufgenommen ein neu erstelltes Aufgabenwörterbuch , das wir gerade hier erwähnt haben. Beachten Sie, dass es ziemlich cool ist, wenn ich diesen Teil entferne . Wenn wir so etwas tun , wenn ich unsere Seite aktualisiere, merke ich, dass nichts passiert, oder? Das liegt daran, dass ich das Aufgabenwörterbuch filtere, aber wir haben die Änderung des Status nicht berücksichtigt, oder? React kann den Status des Aufgabenwörterbuchs ändern , wenn Sie diese Funktion verwenden. Deshalb müssen wir diese Funktion verwenden, die einem Aufgabenwörterbuch ähnelt , weil wir sie damit verknüpft Und jetzt, wie Sie sehen können, ist das Entfernen ziemlich sauber und einfach 132. Neues Aufgabenelement – Zugriff auf Formulare mit Dom – unkontrollierte Formulare: Hallo, mein Freund. Heute werden wir einen Eingabetext erstellen, der der Liste hinzugefügt wird , wenn wir auf eine Schaltfläche klicken. Also, wie machen wir so etwas? Nun, wir sind in einer ungeordneten Liste, also denke ich, dass wir den Knopf davor setzen sollten , oder? Und lass uns den Button erstellen. Und nennen wir es zum Beispiel Aufgabe hinzufügen, oder? Und wenn ich darauf klicke, möchte ich die Aufgabe hinzufügen. Das wird aus der Eingabe bereitgestellt, oder? Und dieser Eingabetyp wird Text sein, oder? Also von hier aus, was auch immer ich hineinlege, ich will es bis hierher schaffen. Okay. Also das Erste, worüber wir nachdenken müssen, ist, nun, wie wir auf die Schaltfläche „ Bei der Aufgabe klicken“ zugreifen, richtig? Also müssen wir einfach onClick verwenden , richtig, denn onClick ist das React-Attribut, das ausgeführt wird , wenn auf die Schaltfläche Und wir müssen eine Funktion aufrufen. Zum Beispiel bei der Aufgabe handhaben, oder? Und wir müssen es jetzt definieren. Also kümmere dich um die Aufgabe. Definieren wir es. Und um ehrlich zu sein, die Lösung hier ist ziemlich gut. Und ja, wir können es behalten und ich werde erklären , wie es funktioniert. Also erstens haben wir was für eine Pfeilfraktion, und zweitens ist es extrem wichtig, dass wir, wenn Sie den Status von was in unserem Aufgabenwörterbuch ändern , wenn Sie den Status von was in unserem Aufgabenwörterbuch ändern, die Methode „ Aufgabenwörterbuch festlegen“ verwenden müssen, richtig? Andernfalls hat es keinen Einfluss auf den Status. Also die Dinge, die wir auf unserer Seite sehen, richtig. Und das zweite, was sehr cool ist, ist wie eine Abkürzung zum Aktualisieren dieses Status. Denn ihr seht, hier haben wir sowas, das ist kostenlos und dann das Aufgabenwörterbuch. Diese Sache ist wirklich so, hey, erweitere alles, was wir im Aufgabenwörterbuch an dieser Stelle hatten , richtig? Und danach, wenn Sie hier sehen, haben wir, wie Sie sehen können, ein Komma und wir haben einen neuen Wert für dieses Aufgabenwörterbuchobjekt, das die ID eines neu erstellten, generierten V sein wird eines neu erstellten, generierten V unsere eindeutige ID, und der Text ist wie, Sie wissen schon, der vordefinierte Es ist also nicht so, dass wir es irgendwie weitergeben. Also vorerst, wenn wir einfach auf Aufgabe klicken, was auch immer hier eingegeben wurde, auch wenn es nichts ist, werden wir es bearbeiten, oder? Wir können jetzt auch entfernen, was wir wollen. Wenn wir aktualisieren, gehen wir in den Ausgangszustand über. Aber ja, wir können jetzt etwas hinzufügen, aber es ist nicht das, was in die Eingabe eingegeben wurde . Und das ist jetzt sehr wichtig, denn um ehrlich zu sein, beginnen wir mit den Vorlesungen darüber, wie man mit Formularen in React umgeht . Und es gibt zwei Möglichkeiten, das zu tun. Sie können es so reagieren lassen, wie wir in zukünftigen Vorlesungen darüber sprechen werden, oder? Oder du kannst es halb bis zum Ende machen. Es hat natürlich Vorteile, das React zu verwenden, da sich der Zustand von allem leicht ändern wird. Aber wenn du es mit der React-Metik machst, wird es dich auch etwas Zeit kosten, einen Code wie diesen zu schreiben Aber mal sehen, wie lösen wir ein Problem wie dieses? Nun, zunächst müssen wir darüber nachdenken, wie wir aus dieser Eingabe hier auf Werte zugreifen können, oder? Nun, um ehrlich zu sein, könnten wir hier zum Beispiel ID verwenden und es zum Beispiel neue Aufgabeneingabe nennen , oder? So etwas zum Beispiel. Und das bedeutet, dass wir, ja, von jedem Ort aus, für den wir uns entscheiden, auf diese ID zugreifen können , oder? Das bedeutet also, dass wir hier ganz einfach so etwas tun könnten wie Lassen Sie uns über die ID auf Document GetElement zugreifen Diese Idee, lassen Sie uns den Wert daraus ziehen, oder? Wenn wir jetzt so etwas machen, fügen wir, wie Sie sehen können, den Text hinzu, der hier war, oder? Und nachdem wir das hinzugefügt haben, sollten wir, glaube ich, auch, ja, so etwas machen. Also leer das Ding, das hier getippt wurde, richtig? Wenn wir es also so machen, wie Sie sehen können, können wir den Wert jetzt wieder hier eingeben, oder Das ist also einfach die einfachste Lösung , die Sie tun können, oder? Für sehr einfache Eingaben könnte das ausreichen. Aber wissen Sie, wir verwenden React, weil wir wollen, dass alles auf Zustände reagiert , wann immer sie automatisch auftreten, oder? Wir haben uns nicht für React entschieden, um so zu schreiben. In zukünftigen Vorlesungen werde ich Ihnen also zeigen, wie Sie es lösen und wie Sie reagieren können. Das ist nur eine Lektion. Ich danke dir vielmals. 133. useRef – Zugriff auf das DOM: Hallo, mein Freund. Heute werden wir über etwas sprechen, das als Use Ref bezeichnet wird. Okay? Aber bevor wir auf dieses Thema eingehen, möchte ich der letzten Vorlesung etwas mehr Informationen darüber hinzufügen , warum , das Objektmodell direkt zu verwenden, auch nicht gut ist, das Objektmodell direkt zu verwenden, wie wir es hier getan haben. Da wir es direkt gemacht haben, haben wir den Standardprozess zur Aktualisierung des Status in unserer Anwendung gerne umgangen Aktualisierung des Status in unserer React verwendet etwas, das als virtuelles Dokumentobjektmodell bezeichnet wird , und es ist wie eine Kopie unseres aktuellen Dokumentobjektmodells, oder Und wenn es etwas in diesem virtuellen JC-Modell aktualisiert, wird es vergleichen, was virtuell ist, was in dem, das wir hier haben, ist, richtig Es wird also die Staaten vergleichen, und wenn sich etwas ändert, dann wissen wir davon und ändern nur das, was wir brauchen, oder? Es könnte also zu einer Situation wie diesem unerwarteten Verhalten kommen , oder? Weil React möglicherweise nichts über die Änderungen weiß , die wir direkt auf diese Weise vorgenommen haben, oder? Daher kann die Benutzerschnittstelle möglicherweise nicht ordnungsgemäß aktualisiert werden. Es kann also auch Probleme beim erneuten Rendern geben. Das ist also wie ein Spin, den du vermeiden solltest, oder? Das solltest du nicht so machen. Und wir können es ein bisschen verbessern, wie wir sagen, Semi-React-Methode verwenden, um auf das Dokumentobjektmodell zuzugreifen, aber mit etwas, was als Use-Ref bezeichnet wird. Wie verwenden wir es? Also, wie benutzen wir Use Ref? Erstens ist das ein Haken, also müssen wir dieses Ding an etwas anhängen, richtig? Und dieses Etwas muss in unserem Dokumentobjektmodell enthalten sein. In unserer Eingabe benötigen wir zum Beispiel keine ID mehr, sondern wir haben nur noch eine Referenz, an die wir uns binden werden. Okay? Bald werden wir sagen, wie es funktioniert und was es genau macht. Aber zuerst müssen wir es einhängen, oder? Also, wie werden wir es nennen? Sagen wir, Referenz zur Aufgabeneingabe, richtig? Das heißt ref from reference, weil Sie versuchen, darauf zuzugreifen, oder? etwas zu verweisen bedeutet, dass Sie versuchen, darauf zuzugreifen, oder? Und jetzt müssen wir das spezifizieren, naja, Hook, richtig? Also lassen Sie uns das zum Beispiel hier spezifizieren , und wir werden so etwas machen, aber wir werden keine Referenz erstellen, sondern wir werden Referenz verwenden, so etwas in der Art. Okay? Wir müssen hier nichts weitergeben oder so, aber wir müssen es importieren Also hier, benutze Referenz, richtig? Und ja, wir haben gerade gehakt, also haben wir diese Variable verbunden Um auf diese Eingabe zu verweisen, richtig? Einfach ausgedrückt ermöglicht Ihnen die Verwendung von Referenz, einen dauerhaften Verweis auf ein Dokumentelement, ein Objekt oder einen Wert zu erstellen einen dauerhaften Verweis auf ein Dokumentelement, ein Objekt oder einen Wert zu , der für alle Zufälle gleich bleibt. Das ist sehr wichtig , weil es nicht dazu führt, dass die Komponente gerendert wird, wenn sich der Wert ändert Wenn der Nutzungsstatus eintritt, genau wenn sich etwas ändert, wird eine Sache mit einer anderen verknüpft, das Rendern erfolgt erneut In diesem Fall nein, wenn wir beispielsweise einem Eingabefeld so etwas zugewiesen haben und es hier eingebunden haben, erhalten wir direkten Zugriff, erhalten wir direkten Zugriff mit dem Eingabefeld zu interagieren wie zum Beispiel seinen Wert abzurufen oder zu setzen, ohne den React-Status verwenden zu müssen Kurz gesagt, es ist so, als würde man sagen: Hey, erinnerst du dich an dieses Dokumentobjektmodellelement, oder Also dieses Ding oder vielleicht ein Wert. Lassen Sie mich darauf zugreifen, wann immer ich es brauche, aber lassen Sie die Komponente nicht aktualisieren, weil. Dieses Ding ist also gut, besser als direkt darauf zuzugreifen , weil es innerhalb des React-Lebenszyklus und des Ökosystems funktioniert, oder? Es hält also die Komponentenlogik Einklang mit dem Rax-Ansatz, oder? Es folgt den Reaktionsprinzipien, oder? Also zuerst informieren wir jeden, dass wir in diesem Fall den Direktzugriff verwenden, oder? gibt es einige Hinter den Kulissen gibt es einige Optimierungen, oder? Und nun ja, das Wichtigste ist auch dass beim Rendern der Komponente, wenn sich der Status oder die Requisiten von ganzen Komponenten ändern, also zum Beispiel die Aufgabenliste, richtig, die Referenz wie diese nicht verloren geht Deshalb habe ich bereits gesagt, dass es einen dauerhaften Verweis auf das Dokument-Objekt Elemento beibehält , also das ist quasi die React-Methode, dieses Ding zu machen Und nachdem wir es referenziert haben, bedeutet das, dass wir, ja, jetzt an jeder beliebigen Stelle hier darauf zugreifen können, genau, in dieser Komponente, in dieser Aufgabenliste In unserem Fall können wir also, anstatt den Text auf diese Weise zu ändern , zum Beispiel in die Handle-Aufgabe gehen und zum Beispiel eine Variable wie diese erstellen. Wir erstellen also eine Variable , die als neue Aufgabe bezeichnet wird, und wir verweisen auf die Aufgabeneingabereferenz, die hier gekocht wird, oder? Und wir greifen von dort aus auf den aktuellen Wert zu, der in der Eingabe enthalten ist, okay? Und jetzt können wir dieses Ding verwenden, um zum Beispiel den Text zu aktualisieren , oder? Oder wir können es auch danach verwenden , um es auf nichts zu setzen, oder? Brauchen wir diese Variable? Es hängt wirklich vom Geschmack ab, wie Sie Code schreiben, oder? Weil wir es natürlich auch so schreiben könnten und alles wird auch gut werden. Es hängt wirklich davon ab, wie Ihr Code später erweitert wird, richtig, wie oft Sie ihn verwenden werden. Aber dieses Ding hat unser Problem gelöst. Wie Sie sehen können, ja, wir können jetzt neue Werte hinzufügen. Alles funktioniert perfekt. diese Weise können direkt von Ihrem Dokumentobjekt aus auf Dinge zugreifen, jedoch mithilfe des React-Ökosystems. Okay? Daran müssen Sie sich also bei diesem Vortrag erinnern. In der nächsten Vorlesung werde ich Ihnen zeigen, wie Sie solche Dinge tun können, indem Sie die Reaktionsmethode verwenden. 134. onChange – gesteuerte Eingaben in React: Hallo, mein Freund. Heute werden wir etwas über etwas lernen, das als Änderung bezeichnet wird, und wir werden lernen, wie man Formulare mit verwaltetem Status erstellt . Okay? Es bedeutet also, dass der Zustand der Formulare, also wie sich Werte innerhalb unseres Formulars ändern komplett von React gesteuert wird, oder? Um das überhaupt zu tun, müssen wir also zunächst für jede neue Aufgabe einen Status erstellen. Okay? Also wenn wir hierher gehen, , statt Referenz zu verwenden werden wir, statt Referenz zu verwenden, eine konstante Variable erstellen , die wir neue Aufgabe nennen werden, richtig. Lassen Sie uns eine festgelegte Aufgabe erstellen, eine neue Aufgabe, richtig, und den Standardwert dafür, es kann wie ein leeres Objekt sein, oder? Das ist also ein Ding , das einen neuen Aufgabenwert speichert , der später in das Aufgabenwörterbuch eingefügt wird, oder? Und jetzt müssen wir das jedes Mal ändern , wenn etwas eingegeben wird, wenn es in die Eingabe eingegeben wird. Anstatt es hier so zu referenzieren, greifen wir jetzt auf etwas zu , das als Änderung bezeichnet wird. Das ist wie etwas, das sich selbst ausführt, okay, wenn der Status, wenn der Wert der Eingabe geändert wird, okay, vom Benutzer Und hier, wie Sie sehen können, ist der Vorschlag hier perfekt. Warum? Es ist perfekt, weil wir eine RO-Funktion haben, die standardmäßig ein Ereignis annimmt, denn wenn das Ereignis unverändert eingetreten ist, haben wir ein Ereignisobjekt, auf das wir zugreifen können. Und innerhalb dieses Event-Objekts haben wir Eigenschaften wie Ziel und Wert. Und dieses Ding ist so alles speichern, was wir hier in unsere Eingabe eingeben. Also jedes Mal, wenn ich hier einen neuen Charakter einfüge, möchte ich die festgelegte neue Aufgabe aufrufen, richtig, die an eine neue Aufgabe gebunden ist Und wir haben es auf den neuen Wert geändert , den der Benutzer hier eingegeben hat , oder? Jedes Mal, wenn sich hier etwas ändert, möchte ich den Status einer neuen Aufgabe ändern. Und genau aus diesem Grund haben wir jetzt Status des Textes in unserer Eingabe von React gemanagt. wenn jemand etwas hier eingibt, wird der Status der neuen Aufgabe geändert, automatische Anzeige, was bedeutet, dass wir jetzt jederzeit darauf zugreifen können, zum Beispiel möchte ich nicht auf den Wert innerhalb des Handles bei der Aufgabe zugreifen. Lassen Sie uns darauf zugreifen. Wenn ich es leeren möchte, nachdem ich es benutzt habe, müssen wir „Neue Aufgabe festlegen“ verwenden, oder? Denn denken Sie daran, wir greifen nie direkt auf so etwas zu, wenn es gehakt ist, oder? Wenn ich jetzt also eine neue Aufgabe hinzufüge, können Sie sehen, dass sie hinzugefügt wird, aber wir haben den Status hier nicht geändert. Warum ist das so? Das liegt daran, dass der Wert unserer Eingaben nicht auf die neue Aufgabe festgelegt ist, oder? Deshalb müssen wir den Wert in „Neue Aufgabe“ ändern. Jetzt folgt der aktuelle Wert auch dem, was aus der React-Komponenten-Fraktion gemacht wird , oder? Bevor wir es in eine Richtung geschafft haben, richtig? Also, wenn hier etwas manuell vom Benutzer geändert wird, nun ja, wir ändern den Wert einer neuen Aufgabe, richtig? Und wenn wir später die Option Neue Aufgabe auf leer setzen, haben wir es getan, aber wir haben den Eingabewert nicht geändert, oder? Wir haben gerade geändert, was im neuen Aufgabenstatus enthalten ist. Das ist alles. Wir haben den Wert hier nicht geändert, weil es nicht so war , als ob es von React geändert werden sollte, oder? Wir müssen sagen, hey, der Wert entspricht jetzt immer einer neuen Aufgabe. Und aus diesem Grund ist unsere Eingabe jetzt, wenn ich eine neue Aufgabe hinzufüge, wie Sie sehen können, auch leer. Das ist also die Lösung, die jetzt wie eine Pro-React-Welle ist, oder? Wir haben ein verwaltetes Formular von React, wann immer sich etwas am Code ändert, genau hier, oder dass die Reaktion auf diesen Zustand reagiert. Ich verwende gerne den Namen Reaktor, weil er zeigt warum er auch so heißt, wie er ist, oder? Er reagiert automatisch auf Änderungen. Aus diesem Grund müssen Sie später bei der Implementierung der Komponente nicht nachdenken . Wenn Sie den Status mithilfe der neuen Aufgabe irgendwo ändern , Ihnen egal, ob Sie den Wert aktualisieren , zum Beispiel hier. Du weißt, dass es einfach passieren wird, oder? Und du weißt schon, Komponenten können sich die Staaten teilen, oder? In Zukunft können Sie zum Beispiel sogar etwas über sogenannte verwaltete Statusbibliotheken lernen . Und das Coole an dieser Lösung ist , dass sie jetzt universell ist, oder? Es bedeutet, dass es egal ist, wo Sie den Status ändern, reagieren Sie gut und reagieren Sie entsprechend auf das, was gerade passiert ist. Das ist nur die Lektion. Ich danke dir vielmals. 135. onSubmit – Formulare in React erstellen?: Hallo, meine Freunde. Was passiert derzeit, wenn wir etwas eingeben und ich eingeben musste? Nichts. Das liegt daran, dass die Eingabe nicht, du weißt schon, mit dieser Taste verbunden ist. Dieses HTML-Tag hat nichts mit dieser Eingabe zu tun, oder? Wir haben hier wirklich alles miteinander verbunden, oder? Nachdem jemand dies aufgerufen hat, rufen wir dies und das auf, richtig? Aber um ehrlich zu sein, normalerweise möchte man beim Erstellen von Formularen eine Funktion haben, wie zum Beispiel, wenn jemand die Eingabetaste drückt, dann ist diese Schaltfläche zum Beispiel die Schaltfläche, die die Einreichung aufruft, oder? ist diese Schaltfläche zum Beispiel die Schaltfläche, die die Einreichung aufruft Es übermittelt die Daten hier und die Daten werden hinzugefügt. Sie könnten natürlich, Sie wissen schon, dafür sorgen, dass Ihre Anwendung sie erkennt, eingibt und dann darauf reagiert, oder? Aber diese Implementierung von Dingen, die bereits in HTML implementiert sind , ist in solchen Situationen nicht erforderlich, oder? Also lass uns das vielleicht in ein Formular umwandeln, oder? Wir haben ein HTML-Formular, das normalerweise Aktionen erfordert, aber in unserer Situation, wenn wir React verwenden, okay, haben wir etwas, das als Submit-Event bezeichnet wird, okay? Das wird aufgerufen, wenn jemand, naja, dieses Formular abschickt, richtig Also jetzt können wir das einfach an diesen Ort verlegen, oder? Also werden wir jetzt eine Aufgabe mit Hilfe von Formularen erledigen, nicht mit Buttons. Also können wir das entfernen. Aber beachte, dass jetzt, wenn ich auf eine Aufgabe klicke, etwas passiert, weil der Typ der Schaltfläche standardmäßig „Senden“ ist, okay? Aber es ist eine gute Idee, Sie wissen schon, anzugeben, dass diese Schaltfläche für das Absenden bestimmt ist. Ich weiß also, dass diese Schaltfläche aufgerufen wird, wenn jemand die Eingabetaste drückt, oder? Und jetzt gibt es ein Problem, denn was auch immer ich tippe, wir können sehen, dass hier etwas aufzutauchen versucht Und wenn ich auch Attas drücke, aber es ist, als ob alles erfrischend ist, oder? Und um ehrlich zu sein, ja, das passiert, weil das Formular standardmäßig so funktioniert, dass wir, wenn das Formular eingereicht wird , jemanden an einen anderen Ort bringen, jemanden an einen anderen Ort bringen wo der nächste Schritt dieses Formulars ist, oder? Also werden wir zum Beispiel ein Rezept zeigen oder wir werden den Abstrich der Bestellung oder so etwas Ähnliches zeigen Aber in unserem Fall wollen wir an diesem bestimmten Ort bleiben Und um an diesem bestimmten Ort zu bleiben, wenn ein Ereignis wie Oso Bid passiert, rufen wir Handle at Task auf, oder? Und Handle at Task hat etwas, was man Event nennt, okay? Ich habe aus Versehen etwas gemacht. Es hat Event das Objekt, das automatisch hierher kommt, und es hat alle Informationen darüber , was dieses Ereignis ausgelöst hat, richtig Und wir können, wie Sie den Vorschlag hier sehen können, Beispiel das Standardverhalten des Sendeereignisses im Formular verhindern , was, Sie wissen schon, das Aktualisieren der Seite ist Wenn Sie nicht, wissen Sie, die Seite angeben, an die wir den Benutzer senden werden, ist die Seite standardmäßig dieselbe Seite. Also verhindern wir einfach das Standardverhalten, oder? Wenn wir jetzt hier etwas eingeben, fügen wir, wie Sie sehen können , am Ende ein neues Element hinzu, oder? Wir können auch auf die Schaltfläche klicken und es wird auch funktionieren, aber wir werden nicht auf eine andere Website verschoben. Wir mussten also das Standardverhalten des Ereignisses verhindern , das durch das Absenden des Formulars verursacht wird. Und ja, im Moment haben wir gerade ziemlich einfach implementiert, haben wir gerade ziemlich einfach implementiert was für eine Aktion das Hinzufügen mit Enter ist, oder? Wir mussten all diese Dinge nicht manuell erledigen. Beachten Sie auch, dass wir jetzt eine leere Eingabe hinzufügen können. Und ich denke, dass so etwas verhindert werden sollte, oder? Wie verhindern wir also so etwas? Also könnten wir so etwas tun. Mir gefällt der Vorschlag hier, weil er es irgendwie geschafft hat, die KI zu verstehen, was ich denke. Also, wie Sie sehen können, wenn nichts da ist, richtig, es wird nicht hinzugefügt. Also haben wir einfach die neue Aufgabe verglichen, also den Wert der Eingabe. Zum Nichts. Wenn es nichts ist, werden wir den Rest des Codes nicht aufrufen , denn wenn die schriftliche Anweisung erfüllt ist, denken Sie daran, dass JavaScript so ist, als würde man diese Funktion sofort erleben Der Rest des Codes wird also überhaupt nicht aufgerufen Also haben wir es so gemacht, oder? 136. [ÜBUNG] useRef – Praxisbeispiel – refocus: Hallo, mein Freund. Was passiert, wenn wir derzeit hier etwas eingeben, wenn ich die Eingabetaste drücke? Beachten Sie, dass der Fokus wieder hierher zurückkehrt. Das liegt daran, dass dies die letzte Eingabe ist, die wir verwendet haben. Aber was passiert, wenn ich etwas eintippe und bei der Aufgabe manuell drücke? Wie Sie sehen können, muss unser Benutzer jetzt manuell hier klicken, was für ihn einige Zeit in Anspruch nehmen wird, oder? Wenn er sagt, okay, ich muss noch eins und noch eins hinzufügen, richtig? Wir sollten die Benutzererfahrung immer verbessern. Ich denke, das Standardverhalten sollte so sein: Okay, lassen Sie uns hierher zurückkehren und diese Eingabe wieder fokussieren. Die Frage ist, wie machen wir solche Sachen, richtig? Wir haben ein Problem, denn wie beziehen wir uns auf die Eingabe? Dies ist ein praktisches Beispiel dafür, wann Sie welches Attribut verwenden sollten, das J-Attribut hier, oder? Und wir können es zum Beispiel Input Task Reference nennen , richtig, und wir müssen es auch definieren, oder? Also hier oben sollten wir so etwas tun. Konstanter Eingabetext, Referenz und wir müssen ref verwenden. Der Standardwert dafür, weil Sie hier auch einen Standardwert senden können, wird bekannt sein. Damit können wir jetzt zu einem beliebigen Zeitpunkt auf unsere Eingabe zugreifen. Aber die Frage ist, wie möchten wir den Input hier neu fokussieren Okay, also wenn das Handle bei der Aufgabe aufgerufen wird, ist das der Moment, in dem wir uns neu konzentrieren wollen, richtig Das heißt also, dass es an diesem Ort passieren sollte, oder? Nachdem wir das Standardverhalten verhindert haben, sollten wir uns wieder darauf konzentrieren, oder? Ich denke, an dieser Stelle sollten wir auf unsere Eingabeaufgabenreferenz zugreifen und jetzt auf die aktuelle Referenz zugreifen Und beachten Sie, dass wir danach hier eine Methode namens Focus haben, die sie einfach wieder auf diese Eingabe fokussiert Wenn ich jetzt so etwas mache, merke ich, dass der Fokus immer da ist, oder? Also kommt es immer wieder an diesen Ort zurück, oder? Außerdem, wenn Sie den Fokus auf das Auto legen möchten , wenn unsere Seite geladen wird, richtig, weil ich im Hintergrund aktualisiere, richtig, dann könnten Sie das verwenden, aber nein, das ist keine gute Idee, denn warum einen Code dafür erstellen , wenn wir ein gutes Attribut für die spezifische Situation wie diese haben ? Das nennt man Autofokus, oder? Wenn Sie also ein solches Attribut hinzufügen, wenn ich jetzt aktualisiere, wie Sie sehen können, ist der Fokus automatisch hier. Aber denk dran, dieses Ding funktioniert, wenn es funktioniert wenn die Seite geladen ist, oder? Wie Sie jetzt sehen können, funktioniert es nicht, oder? Das ist also das erste Mal dass jemand unsere Anwendung lädt. Aber danach, wenn Sie sich nach einer Aktion, wie zum Beispiel der Bearbeitung der Aufgabenanzeige, auf einen Teil Ihrer Anwendung konzentrieren auf einen Teil Ihrer Anwendung nach einer Aktion, wie zum Beispiel der Bearbeitung der Aufgabenanzeige, möchten, oder? Dann müssen Sie es manuell tun. Wir können jetzt also klar erkennen, dass es Situationen gibt, in denen Sie die Attribute use ref und ref verwenden müssen , oder? Weil der Staat in dieser Situation wie beides wäre. Was sollen wir in diesem Fall mit dem Staat machen? Wäre es überhaupt so, als ob du weißt, es wäre dämlich, es hier zu benutzen, oder? Wir müssen nicht den Status des Schwerpunkts für unsere gesamte Anwendung teilen , oder? Es gibt also Situationen, in denen Sie sref nicht nur zur Optimierung, sondern auch für so etwas Einfaches verwenden nicht nur zur Optimierung, sondern auch für möchten, oder? Es ist nicht so, dass das nur existiert , um Dinge zu ermöglichen, die außerhalb von, du weißt schon, für Leute sind, die sich nicht an Regeln halten, oder? Okay, das ist nur die Lektion. Vielen Dank. 137. sort() – wie kann man eine Liste sortieren?: Um unsere aktualisierten Aufgaben zu sortieren, müssen wir eine Funktion aufrufen , die als sort bezeichnet wird Und wie Sie sehen können, haben wir hier jetzt einen Vorschlag von AI , dass wir Ihnen erlauben, nach sogenannten IDs zu sortieren , oder? Aber das wollen wir nicht, oder? Wir wollen nicht nach ID sortieren, richtig, sondern wir wollen nach Text sortieren , weil wir hier die richtige ID und den richtigen Text haben. Stattdessen wollen wir das tun. Wenn wir hier nun einen neuen Wert hinzufügen, wie Sie sehen können, weil er mit A begann, ist es ein DI-Start. Wir haben also A, B, CD. Also funktioniert alles so, wie wir es uns gewünscht haben, wenn wir so etwas hinzufügen, wie Sie sehen können, funktioniert es einwandfrei. Die Frage ist, warum es gut funktioniert. Jetzt werde ich Ihnen ein Geheimnis darüber verraten , wie ich mit der Sortierung arbeite. Du denkst vielleicht, okay, ich muss verstehen, was hier im Hintergrund vor sich geht, oder? Aber um ehrlich zu sein, würde ich es wirklich vorziehen, wenn es eine solche Funktion gäbe. Ich möchte alles in aufsteigender Reihenfolge sortieren, und ich möchte es von hier aus nach dem Wert des Eigenschaftstextes sortieren hier aus nach dem Wert des Eigenschaftstextes Das ist alles, oder? Das wäre cool, oder? Und um ehrlich zu sein, wenn du das lesen würdest, wäre es okay, das ist verständlich. Wir befinden uns also gerade im Zeitalter der künstlichen Intelligenz. Sie verlieren also Ihre kostbare Zeit, um zu verstehen, warum dieser besondere Ort so aussieht, und es wird ein bisschen anders aussehen, Sie wissen schon, verschiedene Arten der Sortierung, weil es viele Arten der Sortierung gibt, oder? Bitte tu es nicht. Fühl dich wie das Leben, oder? Denn wenn ich mich jetzt zum Beispiel dafür entscheide , in absteigender Reihenfolge zu sortieren , dann mache ich das einfach so Also habe ich gerade meine künstliche Intelligenz aufgerufen , indem ich Control plus I verwendet habe, und ich denke, ich möchte es in absteigender Reihenfolge sortieren Okay, ich muss nur zuerst B und dann A eingeben. Also, wie Sie sehen können, wenn ich hier etwas einfüge, ist das jetzt absteigend Muss ich mich daran erinnern? Muss ich es verstehen? Das ist nicht besonders wichtig , um ein funktionierendes Programm zu erstellen, oder? Sie als Programmierer sollten eher Dinge wie die Logik verstehen , wie alles nacheinander angeordnet ist, warum Sie manchmal optimieren sollten oder vielleicht auch nicht Was sind die Möglichkeiten, einen Code zu erstellen, der unorganisiert ist und so weiter Sie haben eine Idee, die Sie umsetzen möchten, oder? Du bestellst also gleich bei der künstlichen Intelligenz, was soll an einem bestimmten Ort wie diesem gemacht werden? Warum sollten Sie sich überhaupt die Mühe machen, diesen Teil genau zu verstehen, oder? Also das ist mein Geheimnis für dich, denn um ehrlich zu sein, manchmal vergesse ich solche Dinge. Das könnte daran liegen, dass ich ADHS habe. Aber ich programmiere seit über 20 Jahren, glauben Sie mir. Und obwohl ich es, weißt du, vorher ohne KI gemacht habe, verwende ich manchmal TGOFlow Manchmal benutze ich Goo gut , weil ich dachte, das ist langweiliges Zeug ist langweiliges Zeug Ich habe es schon einmal gelernt, aber ich habe es zum Beispiel, ich weiß nicht, einen Monat lang nicht benutzt und ich denke, okay, also muss ich es noch einmal machen Ich denke, ich weiß nicht mehr genau, ob es in dieser speziellen Programmiersprache so oder so gemacht werden sollte, denn das Dummste ist, dass jede Implementierung der Sortierung für jede Sprache unterschiedlich sein wird Dieses Ding wird anders genannt werden. Dieses Ding könnte anders zugänglich sein. Hier können verschiedene Aufrufe sein. Es ist also so, als wäre ich ein Programmierer, der zum Beispiel zwischen Sprachen hin- und herspringt , richtig, aber um ehrlich zu sein egal, welche Art von Sprache ich verwende, weil ich quasi sofort in jede Programmiersprache passe, in jede Programmiersprache passe weil sie für mich alle gleich sind Das liegt daran, wie mein Verstand funktioniert, oder? Weil es mir egal wie dieser Teil genau im Hintergrund ausgeführt wird, oder? Aber ich möchte einfach nur einen Effekt haben , der dem entspricht , was ich will, oder? Das sind sehr wichtige Informationen, besonders heutzutage, weil manche Leute Ihre kostbare Zeit damit verlieren Teile wie diesen zu verstehen, okay? Und nein, das ist die alte Methode vielleicht früher, um solche Dinge wissen zu müssen. Aber heutzutage, wirklich? Es ist so, dass du es auswendig lernen oder verstehen müsstest , und du würdest zum Beispiel 1 Stunde, vielleicht 2 Stunden für diesen Teil verlieren , und wenn du es eine Zeit lang nicht benutzt hast, dann wirst du es wieder vergessen und du wirst einfach verwirrt sein Warum gibt es so viele Dinge zum Auswendiglernen, oder? Ich weiß also, dass dieser Vortrag nicht so lang sein sollte, aber ich habe wirklich das Gefühl, dass die Leute nicht mit der Zeit mitmachen, was gerade auf der Welt vor sich geht , oder Also ja, Sie müssen verstehen, was ich bisher in diesem Kurs gesagt habe, um zu wissen, wie man Anwendungen entwickelt. Aber solche Teile, bitte, das ist eine sofortige Lösung für jedes KI-Modell. Das ist nur die Lektion. Ich danke dir vielmals. 138. [ÜBUNG] So erstellt man eine asc/desc-Schaltfläche: Hallo, mein Freund. Heute werden wir eine Umschaltfläche erstellen, mit der wir den Sortierstatus für unsere Liste Und zweitens, wenn Sie an den Status denken, also wenn Sie sagen: Okay, ich möchte den Status von etwas ändern, bedeutet das, dass wir eine Verbindung herstellen, einen Haken in Stimmt das? Der erste Schritt für uns wird also darin bestehen, eine konstante Variable zu erstellen , die wir Sortierrichtung nennen werden, und dafür brauchen wir einen Setter Und ja, das Standardverhalten, lass es von aufsteigend abgefragt werden, richtig? Wir werden quasi dazwischen wechseln. Frag nach und zwischen dem Sendemodus. Als Nächstes müssen wir einen Button erstellen , der den Kampf repräsentiert. Also müssen wir dafür eine Schaltfläche erstellen. Wie Sie sehen können, ist der Vorschlag hier perfekt. Deshalb verwende ich gerne Autocomplete wie die, die wir hier haben. Es ist also so, als würde man innerlich eine Bedingung stellen. Das überprüft den aktuellen Status der Sortierrichtung, weil der aktuelle Status ask ist, richtig, weil das der Init-Wert ist Wir werden hier absteigend auf Text setzen, richtig ? Ansonsten ist es aufsteigend Es wechselt also nach rechts, wenn ich darauf klicke. Natürlich müssen wir uns darum kümmern, aber es wird sich einfach ändern. Okay. Also das ist ein Anruf, aber wir müssen uns jetzt darum kümmern. Also, was müssen wir auf einen Klick aufrufen? Die Handle-Sortierfunktion , die wir jetzt spezifizieren müssen. Okay, sie wird hier mit der Handle-Sortierung angegeben. Okay? Ich werde es so abschließen. Und jetzt ist es an der Zeit , die Dinge zu regeln. Wir könnten es so machen, wie es vorschlägt, aber ich werde dir etwas Cooles zeigen. Also werde ich zunächst einen temporären Bereich mit sortierten Aufgaben erstellen. Okay? Und jetzt können wir ein Problem sehen, das nur Leuten gezeigt wird , die verstehen, was vor sich geht. Wie Sie sehen können, lautet der erste Vorschlag wie folgt. Ist es okay? Oder vielleicht sollten wir es wie beim zweiten Vorschlag machen. Normal bei Leuten, die den Hintergrund nicht verstehen, könnten einfach zuschlagen. Alles funktioniert gut, oder? Aber nein, nein, nein. Es gibt einige Konzepte, die du als React-Entwickler hinter den Kulissen verstehen musst , also was? Warum ist das falsch? Du denkst vielleicht. Weil die SORT-Funktion wirklich den ursprünglichen Zustand von wem von etwas beeinflusst den ursprünglichen Zustand von wem von , das an das festgelegte Aufgabenwörterbuch angeschlossen ist, weil SRT am originalen Like-Array arbeitet, oder? Und sie wird es ersetzen. Okay? Das ist der Unterschied. Hier könnten wir das tun, weil wir an einer temporär aktualisierten Aufgabe arbeiten. Wir haben nicht am Task Diction Array gearbeitet, oder? Aber hier können wir so etwas nicht tun, denn denken Sie daran, dass Sie Ihren Hookey-Status nur mit der hier angegebenen Methode ändern und darauf reagieren Ihren Hookey-Status nur mit der hier angegebenen Methode Deshalb müssen wir den zweiten Vorschlag verwenden, indem zuerst eine Kopie davon erstellen Diese Sache hier ist wirklich gesamte Steuerwörterbuch zu extrahieren und hier eine Kopie zu erstellen, und dann sortieren wir eine Kopie Das ist sehr wichtig, ganz anders als das, was wir vorher hatten Mal sehen, ob es auch andere Sortiermöglichkeiten gibt , denn Sie können sehen, dass Sie die Vorschläge hier leicht sehen können. Aber nun, um ehrlich zu sein, das ist die Sache, die wir auf all diese Arten tun können, oder? Aber ich denke, wir sollten zuerst prüfen, ob wir es aufsteigend machen wollen oder nicht Oh ja, das ist die Lösung, die mir gefällt. Also, wenn wir aufsteigend sind, dann werden wir es auch so machen Ansonsten wollen wir wechseln, richtig, weil wir A auf B, B auf A umschalten , und ich denke, das wird cool Also dieses Ding wollen wir jetzt hier einrichten, das Aufgabenwörterbuch einrichten, richtig? Und ja, wir wollen auch die Sortierrichtung festlegen. Wir wollen es quasi rückgängig machen. Wie Sie sehen können, ist diese automatische Vervollständigung mit einer Person, die auch programmieren kann, ziemlich genial, richtig, weil Sie damit Fehler erkennen können, wenn Sie den Prozess verstehen, aber KI auch zu Ihrem Vorteil nutzen können, oder ? wenn Sie den Prozess verstehen, aber KI auch zu Ihrem Vorteil nutzen können, oder Also ich finde das ziemlich genial. 139. Warum überarbeiten wir den Code? Wie geht das? Ein Trick, um es schneller zu machen: Hallo, meine Freunde. Heute werden wir über Refactoring sprechen, also über die Änderung der Organisation unseres Codes Denn um ehrlich zu sein, schauen Sie, wir haben jetzt die gesamte Anwendung in einer Funktion Und darin ist die Komponente momentan für so viele Dinge verantwortlich , wie zum Beispiel für das Hinzufügen neuer Aufgaben, wie für das Sortieren, für die Anzeige von Elementen. Das ist einfach zu viel, okay? Das ist nicht die Art, wie wir Programme in React schreiben sollten. Warum? Weil, naja, im Moment können wir das Formular nicht reparieren , ohne zum Beispiel die Liste zu berühren, oder? Wir fragen uns, wo ist das? Wir müssen Es ist, als ob alles an einem Ort ist, oder? Es ist also nicht so, dass wir zum Beispiel ein Stück Ego reparieren können , oder? Wir müssen alles neu aufbauen , weil alles an einem einzigen Ort ist. Es gibt kein Programm sich darauf konzentrieren kann, das zweite darauf. Es ist nicht so, dass du auf die eine Sache schaust und okay, das ist hier, das ist hier, dann ist das hier. Wie Sie sehen können, haben wir hier im Moment so viele Staaten, so viele Funktionen, und auch hier ist es ein bisschen unübersichtlich, Es ist also auch nicht einfach, unsere Teile woanders wiederzuverwenden, oder? Wenn wir uns zum Beispiel dafür entschieden hätten, Aufgabenelemente in einer anderen Liste wie dieser anzeigen zu können, dann müssten wir zum Beispiel unseren Code neu schreiben, oder? Und deshalb sollten Sie große Komponenten in kleinere Komponenten unterteilen große Komponenten in kleinere Komponenten Das ist einer der Gründe, okay? werden wir später sprechen, auch wenn wir mit der Aufteilung fertig sind, okay? Aber das ist, glaube ich, auf den ersten Blick das Wichtigste Also, wie teilen wir solche Dinge auf? Wir haben zwei Möglichkeiten, das zu tun. Und lassen Sie uns zuerst etwas aufteilen, was meiner Meinung nach am einfachsten zu teilen sein wird, okay? Und ich denke, wir werden mit der Sortiertaste beginnen, okay? Also von diesem Ding, okay? Ich möchte das in eine Komponente aufteilen. Also, was mache ich? Also, ich denke, dass wir in Zukunft eine Komponente erstellen werden, die wir zum Beispiel Sortiertaste nennen werden , oder? Also dieses Ding wird für die Sortierung der Sortiertaste verantwortlich sein , okay? Und innerhalb der Sortiertaste, aber das wird so sein. Also ich möchte hier nur die Sortiertaste haben. Und wir müssen quasi von Codium aus die Anweisung schicken, von Codium aus die Anweisung schicken dass die automatische Vervollständigung genau hier war Wir wollen also die Richtung der Sortierung angeben, richtig? Und wir müssen auch, ja, angeben, was passieren soll, wenn die Sortierung erfolgt, oder? Also müssen wir eine Funktion an die Prop-Sortierung senden. Beachten Sie also, dass wir Richtung und Sortierung haben. Und das sind die richtigen Requisiten. Wir haben vor langer Zeit über sie gesprochen, oder? Sie können also jeden beliebigen Bundesstaat senden, richtig, zwei verschiedene Komponenten. Und wie Sie sehen, können Sie auch eine Funktion an die Komponente senden , oder? Okay. Und nachdem wir das und das geschickt haben, müssen wir, du weißt schon, entscheiden, was wir tun und was angezeigt werden soll, oder? Also, die Sache, die wir hier machen , werden wir jetzt in unserem Hintern machen. Und jetzt haben wir zwei Dinge, die wir tun können. Wir können eine separate Datei für die Sortierschaltfläche erstellen, oder wir können hier oben eine Komponente für die Sortierschaltfläche erstellen. Und jetzt werde ich dir sagen , welcher Weg besser ist und wann. Ich fange fast immer an, solche Dinge innerhalb derselben Komponente zu erstellen , die Komponenten enthält, die miteinander verbunden sind. Okay? Und der Vorschlag hier ist perfekt, weil wir eine Funktion erstellen, oder? Das benötigt zwei Eigenschaften, Sortierrichtung und Sortierung, und jetzt können wir Dinge damit machen. Und warum mache ich das immer hier drin? Ich mache das hier, weil manchmal Komponenten nie wiederverwendet werden, okay? Das kann passieren, und um ehrlich zu sein, passiert es sehr oft Und jetzt stell dir vor, dass deine Bewerbung sehr umfangreich ist. Und wenn Sie beschließen, eine Komponente für alle möglichen ähnlichen Dinge in Ihrer Anwendung zu erstellen , wird Ihr Pi-System hier wird Ihr Pi-System hier schwer zu warten sein, oder? Das ist also ein Nachteil. Und außerdem, wann immer Sie, Sie wissen schon, nach dem Code suchen wollen, suchen wollen der mit der Komponente verbunden ist , die, wie zum Beispiel Task is, andere Komponenten enthalten wird . Du musst zwischen FIS hin und her springen und um ehrlich zu sein, finde ich das unproduktiv, okay? Aber wenn du an einem sehr großen Projekt mit vielen Leuten arbeitest, dann ist das vielleicht der richtige Weg Aber meistens ist es nicht nötig, es in PIs aufzuteilen, es sei denn, Sie sehen die Möglichkeit wie, Okay, ich muss diese Sortiertaste in einer anderen Komponente haben, weil ich zum Beispiel Sortierschaltflächen für viele verschiedene Dinge habe, oder? Dann ja, mach es sofort. Ansonsten behalten Sie es bei 15, denn ich möchte noch hinzufügen, dass, wissen Sie, wenn Sie entscheiden, dass das in einer separaten Datei sein muss, wie lange wird es dauern? Sie müssen nur den Code von hier in eine andere Datei übertragen und ihn in einer separaten Datei speichern. Jetzt können Sie diese Komponente überall reduzieren. Also das ist die Art, wie ich Sachen mache. Das hängt wirklich von der Firma ab. Sie müssen dort die Regeln befolgen. Aber wenn Sie Dinge selbst entwickeln, denke ich, wenn Sie beschließen, für jede Gesamtkomponente eine andere Datei zu erstellen , nur für alle Fälle, dann werden Sie einfach viel Ihrer kostbaren Zeit verlieren, oder? Das wird einfach nicht benötigt. Okay, jetzt haben wir hier eine Komponente, richtig? Und um ehrlich zu sein, müssen wir jetzt das tun, was wir zuvor getan haben. Also bevor wir so etwas gemacht haben, oder? Aber weil ich es von hier kopiert habe, oder? Aber anstatt das Like-Handle direkt zu verwenden , weil wir von dieser speziellen Funktion aus keinen Zugriff darauf haben , oder? müssen wir tun? Wir müssen quasi die Funktion benutzen, die hierher geschickt wurde. Der Name dieser Requisite ist derselbe wie zuvor, also können wir ihn einfach behalten Und unser Code sollte jetzt funktionieren, aber wie Sie sehen können, können wir den Button nicht sehen Das liegt daran, dass wir hier JSX verwenden, aber wir haben es nicht zurückgegeben, oder? Also müssen wir alles zurückgeben, was wir hier getan haben, oder? Wie Sie sehen können, können wir unseren Code jetzt wie zuvor verwenden, aber wir haben eine einzelne Komponente aufgeteilt Und jetzt zeige ich dir eine Art Abkürzung, um diese Komponente zu schreiben, okay? Weil es eine Möglichkeit gibt, für einfache Komponenten wie diese JSX nicht zurückkehren zu müssen Alles, was Sie tun müssen, ist diesen Teil zu entfernen, und anstatt hier geschweifte Klammern zu verwenden, werden wir nur Klammern verwenden Und wie Sie sehen können, funktioniert es immer noch gut, oder? Das ist wie eine Kurzversion. Ich finde es ziemlich cool, weil naja, Return zu schreiben und dann Klammern hinzuzufügen, es braucht auch Zeit Ich mag es, dass die Kurzversionen in einer solchen Situation auch leichter zu lesen sind. Das steht in der Lektion. In den nächsten Vorlesungen werde ich Ihnen zeigen, wie Sie die Komponenten in andere Komponenten aufteilen können, und Sie könnten auch versuchen, es selbst zu tun, richtig, um Sport zu treiben. 140. [ÜBUNG] – Aufgabenelementkomponente neu gestalten: Hallo, mein Freund. Heute ist eine Übung, die Sie selbst ausprobieren können. Ich möchte, dass Sie diesen Teil Ihres Codes in eine andere Komponente aufteilen Ihres Codes in eine andere Komponente , die das Aufgabenelement aufruft, und sie wird für das Rendern einzelner Aufgaben verantwortlich sein , richtig? Weil die Aufgabenliste wie eine Komponente ist , die derzeit alle Mini-Komponenten verwaltet . Aufgabenelement ist jedoch nur für die Anzeige von Aufgabenelementen verantwortlich. Sie könnten diese Komponente später beispielsweise wiederverwenden, wenn Sie sich dafür entscheiden, dies beispielsweise in einer anderen Liste zu tun. Sie könnten dies also jetzt als separate Komponente oder innerhalb der Aufgabenlistenkomponente erstellen jetzt als separate Komponente oder innerhalb der Aufgabenlistenkomponente und sie in Zukunft in eine andere Phase überführen. So macht man es, wie ich schon sagte, Bereich in der vorherigen Vorlesung. Aber versuchen Sie vorerst, es einfach aufzuteilen. Ich werde dir zeigen, wie es geht. Aber versuche es selbst zu machen , denn das ist eine großartige Übung. Wie gehe ich also mit einem solchen Problem um? Erstens können wir das, was wir hier haben, befehlen, quasi, du weißt schon, zu sehen, was wir vorher hatten, oder? Und jetzt, was wir tun müssen. Wir müssen sozusagen eine Komponente erstellen, sodass sie als Aufgabenelement bezeichnet wird, oder? Und wir müssen entscheiden, was wir ihr schicken wollen. Ja, wir benötigen einen Schlüssel, denn ohne Schlüssel können wir bestimmte Gegenstände nicht identifizieren. Wir brauchen eine Aufgabe und wir müssen auch eine Funktion zum Entfernen einer bestimmten Aufgabe senden , oder? Und all die anderen Dinge wie Aufgaben-ID werden jetzt im Aufgabenelement enthalten sein, sodass wir alle Informationen dann einfach verwenden können , um diesen Teil hier zu erledigen. Also entkommentieren Sie es, schneiden Sie es und wir haben die Verwendung der Komponente hier vorbereitet, aber wir haben sie noch nicht verwendet Beachten Sie auch, dass der Schlüssel nicht das ist, was wir an die Aufgabenelementkomponente gesendet haben Das ist das Ding, das wir als Sonden gesendet haben, aber der Schlüssel ist nur eine Eigenschaft. Das sind keine Sonden Es ist ein Attribut, das in React verwendet wird, um den Schlüssel, die Einzigartigkeit für ein bestimmtes Element zu spezifizieren , wie zum Beispiel eine Aufgabe oder ein Formular oder etwas anderes, Das wurde also nicht an das Aufgabenelement gesendet. Es ist wie, Hey, wir haben den Schlüssel hier angegeben, aber hier haben wir den Rest, richtig? Okay. Und jetzt denke ich, machen wir es wie zuvor. Also werden wir unser Aufgabenelement darin spezifizieren. Also müssen wir nur ein Aufgabenelement erstellen, richtig. Und ja, der Vorschlag hier ist gut denn das A, das ich gesehen habe , haben wir beschlossen, die Syntax aus dem P in der vorherigen Vorlesung zu verwenden , und wir müssen jetzt das, was wir vorher hatten, einfügen , richtig, so. Und jetzt wird die Aufgabe hier schon richtig verwendet, aber wir müssen den Schlüssel jetzt nicht setzen , weil der Schlüssel schon einmal gesetzt wurde, oder? Der Schlüssel wird hier also nicht benötigt. Und ja, wir haben Text angezeigt und danach haben wir ein Muster, das beim Klicken die Entfernungsfunktion mit der Aufgaben-ID aufruft , die von hier kommt, oder? Und wenn wir jetzt hierher gehen, wie Sie sehen können, wenn wir eine Aufgabe hinzufügen, wenn wir sie entfernen, funktioniert etwas nicht. Warum ist das so? Öffnen wir die Konsole, klicken Sie hier und sehen wir uns die Fehlermeldung an. Wie Sie sehen können, heißt es dort, dass remove keine Funktion bei onclick ist , und das ist wahr, weil wir es hier n remove task genannt haben Also vielleicht ändern wir es in Entfernen. Und jetzt, wie Sie sehen können, funktioniert es wie zuvor, wie beabsichtigt, oder? Um Komponenten aufzuteilen, müssen Sie sich nur daran erinnern was Sie an sie senden müssen, oder? Was für Requisiten. Und dann zeigen Sie einfach an, was sie zuvor angezeigt haben. 141. REFACTOR: TaskForm: Hallo, mein Freund. Heute werden wir etwas , das als Formular bezeichnet wird, in eine andere Komponente aufteilen. Wir werden also dafür sorgen, eine neue Komponente verantwortlich ist, indem wir den einzigen verantwortlichen Pre Simple verwenden den einzigen verantwortlichen Pre Simple nur die Formulareingabe und die Absenderlogik verwaltet, richtig? Dieser Teil unseres Codes möchte also in eine andere Komponente verschoben werden . Wie geht man damit um? Nun, wir müssen eine neue Komponente erstellen. Nehmen wir an, wir nennen es Aufgabenformular, richtig, so. Und wir müssen jetzt entscheiden, was an dieses Aufgabenformular gesendet werden soll, denn Sie sehen, es gibt ein Problem. Das Problem ist, dass wir wirklich eine Funktion verwenden, wie zum Beispiel handle at task. Das heißt, das Aufgabenwörterbuch festlegen, neue Aufgabe festlegen. Es funktioniert an der Eingabeaufgaben-Referenz. Wow, das ist auch so, als ob wir an etwas arbeiten, das sich in diesem Formular befindet, oder? Das wird also ein bisschen anders sein. Also bleib bei mir. Also lasst uns das löschen und der Ansatz, den wir dabei verfolgen werden, ist, lasst uns eine Requisite erstellen, okay, die wir bei der Aufgabe Handle nennen Wir werden nicht das tun, was hier vorgeschlagen wurde, sondern wir werden einfach Handle at Task erstellen Also das Einzige, was wir in unserer Situation schicken werden, ist diese Funktion hier, okay? Sonst nichts. Und auf dieser Grundlage müssen wir entscheiden, wie wir gut schreiben, unsere neue Komponente, richtig? Gehen wir also hierher und geben wir das Aufgabenformular ein, oder? Und ja, gleichberechtigt, wir nennen es bei? Nein, wir haben es bei AT-Aufgabe anders genannt. So wie das. Und weißt du, das Problem ist, dass wir jetzt geschweifte Klammern verwenden müssen Das liegt daran, dass wir jetzt alles zurückgeben müssen , was wir zuvor getan haben, also das, richtig? Und außerdem müssen wir hier oben ein paar Sachen machen. Das liegt daran, dass wir hier in unseren HTML-Tags, wie Steuern, auf Dinge zugreifen müssen HTML-Tags, wie Steuern, die wirklich aus dem Elternteil des Aufgabenformulars stammen. Und das ist ein bisschen problematisch. Wie lösen wir es? Denken Sie auch daran, dass das Aufgabenformular für Dinge verantwortlich sein sollte , die mit dem Aufgabenformular zusammenhängen. Nehmen wir an, wir haben hier eine neue Aufgabe. Denkst du, dass wir sie in der Aufgabenliste haben sollten? Wie Logik, die für die Erstellung einer neuen Aufgabe verantwortlich ist. Nein, lass es uns nach oben verschieben, oder? Das ist das Erste, was wir ändern müssen, oder? Okay, die zweite Sache, die wir brauchen, ist, dass wir uns bewusst werden, wo ist das? Tut mir leid. Eingabe, richtig? Referenz zur Eingabeaufgabe. Es wird momentan nicht benötigt, also müssen wir es hierher verschieben, okay? Also, was gibt es sonst noch zu tun? Beim Absenden. Wir sind hier bei Submit, und ich denke, dass wir jetzt unsere eigene Funktion für die Übergabe des Submit schreiben müssen , die einen Teil des Einreichens auf der Funktion aufbauen wird , die hier gesendet wird, okay, ich weiß, es ist momentan ein bisschen kompliziert, aber ich denke, das ist eine gute Idee Ich werde dir bald zeigen, warum das so ist, okay? Hier verwenden wir Set New Task, das wir gerade hier haben. Wir haben das. Okay? Also müssen wir sagen, okay, lass uns überprüfen, was wir haben und was nicht. Also, neue Aufgabe, ja, sie ist da. Wir müssen eine Funktion erstellen, die Handle Submit heißt. Okay, das ist das. Und jetzt müssen wir entscheiden, welche Teile in Aufgabenform passieren sollen, oder? Wenn wir uns also gerade mit dem Absenden befassen, hängen einige Teile wie dieser, die wir hier gemacht haben wirklich mit der Bearbeitung der Schaltfläche „Senden“ zusammen, oder? Wir wollen also das Standardverhalten unserer gesamten Anwendung verhindern . Wir wollen uns auf die Vorsteuerreferenz konzentrieren , okay? Das ist okay. Und wenn nichts gesagt wird, dann lass uns aufhören, oder? Und jetzt ist das entscheidend, um zu verstehen, was passieren wird. Beachten Sie, dass der Vorschlag hier perfekt ist weil wir für das Hinzufügen der spezifischen Aufgabe unsere Funktion verwenden wollen, die an das Aufgabenformular gesendet wurde , oder? Auf diese Weise. Stellen Sie anschließend den Wert der Eingabe auf nichts ein, richtig? Aber wenn wir direkt bei der Aufgabe zu dieser Sache übergehen, also beachten Sie, dass wir hier sind, wir senden bereits ein Handle an die Aufgabe, richtig? Also das und beachten Sie, dass wir hier eine Funktion haben, die hier ein Ereignis hat, und das ist nicht das , was wir hier haben, oder? Was haben wir mit der neuen Aufgabe hierher geschickt? Wir haben wirklich den aktuellen Wert dieser Eingabe gesendet, oder? Nennen wir es also zum Beispiel „Neue Aufgabe“, Richtig“ oder „Neuer Aufgabentext“. Es liegt an Ihnen, denn Sie sind wie derjenige, der sagt, wie die Cod-Variable aufgerufen werden soll. Und denken Sie daran, dass es sich diesmal nicht um ein Ereignis handelt, weil Handle at Task nicht automatisch aufgerufen wird, wenn das Ereignis Submit eintritt, oder? Derzeit ist das unsere eigene Requisite, oder? Der Wert hier ist also wirklich der, der von hier kommt, oder? Okay. Also können wir es neue Aufgabe nennen, vielleicht um alles beim Alten zu lassen, oder? Und ja, du aktualisierst die Aufgaben. Und ja, das liegt in unserer Verantwortung weil wir auf der Aufgabenliste stehen, oder? Das ist gut. Jetzt sortieren wir alles. Ja, das ist auch gut. Und wir stellen das Aufgabenwörterbuch auf ein neues ein. Und dieser Teil wird entfernt , weil Aufgabenliste nicht mehr für was verantwortlich ist? Um die neue Aufgabeneingabe auf nichts zu setzen, oder? Okay. Und ja, ich denke, es sollte funktionieren. Lass es uns ausprobieren. Wie Sie sehen können, haben wir gerade alles hinzugefügt, was wir hier hinzufügen, es wird hinzugefügt. Wir können auch sortieren. Also funktioniert alles wie zuvor, aber jetzt haben wir die Verantwortlichkeiten aufgeteilt Und jetzt, nach diesem Vortrag, fragst du dich vielleicht, ob du solche Dinge aufteilen musst, oder? Siehst du, es hängt wirklich vom Projekt ab, oder? Manchmal ist es einfach, einfach alles in eine Komponente zu packen und, wissen Sie, Feierabend zu machen. Wenn du etwas sehr schnell schreibst, wenn du denkst, dass das ein kleines Projekt ist, willst du einfach Spaß haben. Behalte es in einer Komponente. Das ist dein Job, oder? Aber wenn du mit anderen Leuten zusammenarbeitest, ist es besser, du weißt schon, darüber nachzudenken, wie man die Verantwortlichkeiten aufteilt, oder? Weil momentan jede Komponente kleiner und leichter zu verstehen ist. Ich weiß, dass es Ihnen gerade komisch vorkommen mag , wenn Sie alles so umgestalten möchten , dass es leichter zu verstehen ist Aber das liegt daran, dass wir den Code zuvor in einer, Sie wissen schon, großen Komponente geschrieben Sie wissen schon, großen Komponente Für eine lange Zeit, richtig, du hast dich einfach daran gewöhnt. Aber wenn Sie einen Programmierer hätten , der diesen Code noch nie gesehen hat, und er würde diese große Komponente mit allem darin sehen, wäre er verwirrter sich das Ding so ansieht Okay? Also denk lieber so, okay? Du wirst in Zukunft lieber, du weißt schon, mit anderen Leuten zusammenarbeiten. Wenn Sie also so etwas wie ein Merkmal ändern möchten , wie das Styling des Formulars, keine Auswirkungen auf andere Komponenten, und Sie wissen, dass Sie sich nur an diesen Ort halten können , um Dinge in Bezug auf das Formular zu erledigen, oder? Weil das die Verantwortung dafür ist. Außerdem gibt es etwas Gutes, das man Test nennt, und es ist einfach geworden, wenn sich Komponenten auf eine Sache konzentrieren, oder? Sie können jede Komponente einzeln testen. Wenn Sie die Dinge so aufteilen, wie wir es jetzt getan haben, werden außerdem im Hintergrund einige Optimierungen vorgenommen, während das Objektmodell des virtuellen Dokuments, über das wir bereits gesprochen haben , erneut gerendert über das wir bereits gesprochen haben , erneut Bevor wir also eine große Komponente hatten, , wenn sich etwas änderte, Aufgabenform , die Sortierschaltfläche und das Aufgabenelement betraf , all diese Funktionen mit mussten immer dann, wenn sich etwas änderte, was die Aufgabenform , die Sortierschaltfläche und das Aufgabenelement betraf, all diese Funktionen mit all den Anweisungen ausgeführt und die virtuelle Kuppel geändert werden Und wenn es danach eine tatsächliche Änderung des Zustands gab , also was für den Benutzer sichtbar ist, dann wurde die Änderung übernommen. Aber ja, all diese Dinge wurden bei jedem Rendern ausgeführt. Das ist wirklich nicht etwas , worüber Sie sich bei kleinen Apps Gedanken machen müssen, aber bei größeren wird das problematisch, oder? Im Moment also, weil wir alles aufgeteilt haben, bedeutet das, dass es im Hintergrund irgendwelche Optimierungen geben kann im Hintergrund irgendwelche Optimierungen Nehmen wir an, wenn sich der neue Aufgabenstatus ändert, wird nur das Aufgabenformular neu gerendert , oder? wenn sich der neue Aufgabenstatus ändert, wird nur das Aufgabenformular neu gerendert , Nicht die gesamte Aufgabenliste. Richtig? Sie könnten es in Zukunft noch weiter optimieren Memoisierung verwenden, über die Sie mehr erfahren können Oder vielleicht wird es in Future React automatisch für dich erledigt, wird es in Future React automatisch für dich erledigt weil es etwas Gutes geben wird, es heißt Compiler in Aber ja, es gibt eine Art von Optimierung, bei der der Prozess im Hintergrund Es hat also Vorteile, alles organisiert zu halten und nicht alles in einer großen Komponente zusammenzufassen. Auch wenn, wissen Sie, die darin enthaltenen Komponenten, wie die Sortierschaltfläche, die wir hatten, Aufgabe und Aufgabenformular, sehr eng miteinander verbunden waren, oder? Selbst wenn Sie sagen würden: Okay, diese Anwendung wird niemals den Anwendungsbereich verlassen, oder? Trotzdem ist es eine gute Idee, es aufzuteilen. Und ich möchte diese Lektion so zusammenfassen , dass sie von Ihrer Situation abhängt Also seid nicht wie, ihr wisst schon, Gurus im Internet, die sagen: Nein, ihr müsst das auf diese Weise machen Nein, du musst das auf diese Weise machen und dann machst du dir Sorgen um deinen Code Mach zum Beispiel einfach weiter Sachen und zerstöre sie quasi. Denn während du deinen Code erstellst, es keine Rolle, ob er gut ist oder nicht. Solange du etwas kreierst, lernst du aus deinen Fehlern, weil du sagst: Oh, deshalb hätte ich es so machen sollen. Okay? Mach einfach weiter. Dir wird es gut gehen.