ES6 für alle Starterdateien
Alles, was Sie brauchen, um ES6 auf ES6.io zu lernen
Protokolle
Tag 1: 12. Mai 2017
Ich habe diesen Kurs kostenlos von Wes Bos als Wertschätzungsgeschenk erhalten. ❤️ begann sich den Überblick über diesen Kurs zu untersuchen und Slack zu setzen.
Gedanken:
- Fertiges Modul Nr. 1 Neue Variablen - Erstellung, Aktualisierung und Scoping
-
var ist Funktionsumfang - Wir können es mehrmals im selben Bereich wieder einführen
-
let & const sind Blockbereiche - Wir können es nicht zweimal im selben Bereich wiederholen
- Sie können eine
let -Variable aktualisieren, const Variablen jedoch nicht aktualisiert werden - Die Eigenschaften einer
const -Variablen können sich jedoch ändern. Das liegt daran, dass das gesamte Objekt nicht unveränderlich ist. - Kam, um von Object zu erfahren.
- Auch abgeschlossene Modul Nr. 2 Funktionsverbesserungen: Pfeile und Standardargumente
- Ich hatte von Pfeilfunktionen aus dem #JavaScript30 -Kurs gewusst, aber heute mehr in Details darüber
- Erfahren Sie mehr über Pfeilfunktionen, implizite Rückgaben, wenn und wenn Sie keine Pfeilfunktionen verwenden,
this innerhalb von Pfeilfunktionen - Auch über Standardfunktionsargumente
Tag 2: 14. Mai 2017
Fertige Modul Nr. 3 - Vorlagenzeichenfolgen
Gedanken: gelernt über:-
- Vorlagenzeichenfolgen, Erstellen von HTML -Fragmenten mit Vorlagenliteralen
- Verwenden Sie IF, Schleifen und Funktionen in Vorlagenzeichenfolgen
- Tagged -Vorlagen, einige Anwendungsfälle und sanierende Benutzerdaten mit Tagged -Vorlagen
- Gefunden über Dompurify, das dazu beiträgt, Daten in DOM zu desinfizieren
Tag 3: 15. Mai 2017
Fertige Modul Nr. 4 - Zusätzliche String -Verbesserungen
Gedanken:
- Erfahren Sie über
startsWith() , endsWith() , enthält () & polye () () Methoden und haben einige mit ihnen in Verbindung - Schauen Sie sich auch
str.endsWith(searchString[, length]) und str.startsWith(searchString[, position]) an.
Tag 4: 16. Mai 2017
Fertiges Modul Nr. 5 - Zerstörungen
Gedanken:
- Über Zerstörungsobjekte, Umbenennen von Variablen und Standardwerte gelernt
- Lernte über Zerstörungs -Arrays, Funktionen und Tauschvariablen gelernt
- Snippets 1:
const { first, last, twitter } = someObjectHere - Snippets 2:
const [ first, last, twitter ] = someArrayHere
Tag 5: 17. Mai 2017
Fertiges Modul Nr. 6 - Fertiges Modul Nr. 6 Iterables & Looping
Gedanken:
- Lernte einige Vorteile von
for of Schleife for , foreach und for in -
for-of ist es einfacher, Array-Elemente und die meisten Array-ähnlichen Objekte wie Dom Nodelist, Argumente zu durchlaufen - Erfahren Sie über
Array.prototype.entries() Methode und wie wir sie mit for-of Loop verwenden können - Snippets 1:
for (const cut of cuts) , nur um die Werte zu erhalten - Snippets 2:
for (const [i, cut] of cuts.entries()) , verwendet sowohl zum Index als auch zum Wert
Tag 6: 18. Mai 2017
Fertiges Modul Nr. 7 - Ein Array von Array -Verbesserungen
Gedanken:
- Erfahren Sie über
Array.from() & Array.of() Methode - Array -Prototyp -Methoden wie
find , findIndex , some und every - Anwendungsfall 1 für
Array.from() - Anwendungsfall 2 für Array.Prototyp
.some() & .every()
Tag 7: 19. Mai 2017
Fertiges Modul Nr. 8 - Sag Hallo zu ... Spread and ... ausruhen
Gedanken:
- Erfahren Sie über ... Spread Operator & ... Ruheparameter und dort verschiedene Anwendungsfälle mit vielen Beispielen
- Einige Anwendungsfälle für
Rest parameters
Tag 8: 20. Mai 2017
Fertiges Modul Nr. 9 - Objektliterale Upgrades
Gedanken:
- Lernte einige praktische Dinge wie Eigenschaftswert, Kurzschrift, Methode Definition Kurzschrift und berechnete Eigenschaftstasten
Fertiges Modul Nr. 10 - Versprechen
Gedanken:
- Lernte, wie Versprechungen funktioniert, meine eigenen Versprechen erstellen, sie verkettet und mit mehreren Versprechen arbeiten
- Als Versprechen.Prototype.then () und Versprechen.Prototype.Catch () -Methoden können Versprechungen zurückgeben
- Versprechen versprechen
Tag 9: 23. Mai 2017
Fertige Modul Nr. 11 - Symbole (neuester primitiver Datentyp)
Gedanken:
- Über den Symboldatentyp und verschiedene Anwendungsfälle gelernt.
- Wir können es als Objektschlüssel als eindeutige Kennung verwenden
Tag 10: 24. Mai 2017
Gedanken:
- Über Eslint gelernt und es ist die Benutzerfreundlichkeit
- Schauen Sie sich auch die Einstellungen des Airbnb an und übten einige Übung
- Untersuchte verschiedene Eslint -Regeln und versuchte, ihre Bedeutung zu verstehen und wann sie benutzt werden sollen.
Tag 11: 25. Mai 2017
Gedanken:
- Heute erfahren Sie über Eslint -Datei und zeilenspezifische Einstellungen zum Aktivieren/Deaktivieren von Regeln
- Weitere Informationen hier
Tag 12: 26. Mai 2017
Gedanken:
- Fertiges Modul Nr. 12 - Codequalität mit Eslint
- Heute hat JavaScript -Module und Webpack 2 Tooling -Setup erfahren
Tag 13: 27. Mai 2017
Gedanken:
- Lernte über das Erstellen unserer eigenen JavaScript -Module und das Import/Exportieren
- Schaute auch die Exportanweisung und verschiedene Syntax an.
Tag 14: 28. Mai 2017
Gedanken:
- Fertiges Modul Nr. 13 - JavaScript -Module und Verwenden von NPM
- Hat mehr Übung auf ES6 -Modulen geübt
- Lernte, wie man bestimmte Module importiert, wenn es erforderlich ist
Tag 15: 29. Mai 2017
Gedanken:
Fertiges Modul Nr. 14 - ES6 -Werkzeug
Lernte systemjs, babel & polyfills für es6 über systemjs, babel & polyfills
Polyfills bieten eine sehr gute Abdeckung für alle ES6 -Funktionen in alten Browsern
Fertiges Modul Nr. 15 - Klassen
Erfahren Sie über das Erstellen einer neuen Klasse (Deklarationsform), das Definieren statischer Methoden und Prototypmethoden, Get & Set-Methoden
Außerdem lernte es sich über die Erweiterung einer vorhandenen Klasse, die Unterkrassmethoden einer übergeordneten Klasse und subklassige Einbau-Ins zu erfahren
Einfacher Anwendungsfall für die Unterklasse integrierte Klassen und DOM hier
Tag 16: 30. Mai 2017
Gedanken:
- Fertiges Modul Nr. 16 - Generatoren
- Erfahren Sie über Generatorenfunktionen, die ein Generatorobjekt zurückgeben. Verwenden Sie es für Ajax Flow Control (großartiges Zeug)
- Einfacher Anwendungsfall für
Generators
Tag 17: 01. Juni 2017
Gedanken:
- Er lernte ES6 -Proxies und seine verschiedenen Anwendungsfälle kennen.
- Es bietet JavaScript eine Fürsprache -API, mit der wir alle Vorgänge in ein Zielobjekt fangen oder abfangen und die Funktionsweise dieses Ziels ändern können
Tag 18: 05. Juni 2017
Gedanken:
- Fertiges Modul Nr. 18 - Sets und Schwachsätze
- Mit dem
Set Objekt können wir eindeutige Werte eines beliebigen Typs speichern, ob primitive Werte oder Objektreferenzen. - Mit dem
WeakSet -Objekt können wir schwach gehaltene Objekte in einer Sammlung speichern. - Wenn kein anderer Hinweis auf ein im
WeakSet gespeicherter Objekt gibt, können sie Müll gesammelt werden. - Außerdem sind
WeakSet nicht aufzählbar
Tag 19: 06. Juni 2017
Gedanken:
- Fertiges Modul Nr. 19 - Karte und schwache Karte
- Ein
Map hält Schlüsselwertpaare. - Das
Map iteriert seine Elemente in Insertionsreihenfolge - a for...of Schleife gibt ein Array von [key, value] für jede Iteration zurück. - Das
WeakMap ist eine Sammlung von Schlüssel-/Wertpaaren, in denen die Schlüssel schwach verwiesen werden.
Tag 20: 28. September 2017
Gedanken:
- Dieser Kurs wurde kürzlich aktualisiert.
- Aktualisiert für ES7/ES2016 und ES8/ES2017, einschließlich Async+Warte, Babel 7 und mehr!
- Begann es ab heute zu schauen.
- Begonnen mit nativen Versprechen und ihren Anwendungsfällen.
- Ich habe auch benutzerdefinierte Versprechungen geschickt.
Tag 21: 29. September 2017
Gedanken:
- Heute habe ich die Async+noch einmal erwartet.
- Schauen Sie sich auch eine generische Art und Weise an, um die Fehler mit der Behandlung von asynchronen Funktionen zu bearbeiten.
Tag 22: 30. September 2017
Gedanken:
- Heute habe ich mit mehreren Versprechen geprüft.
- Schaute dir einen weiteren Anwendungsfall für
Promise.all() - Erfahren Sie, wie wir Funktionen versprechen können, damit wir Async+auf diese erwarten können.
Tag 23: 02. Oktober 2017
Gedanken:
- Heute habe ich einige neue und zukünftige Sprachzusätze angesehen
- Schaute in Klasseneigenschaften
- Sehen Sie auch ES8
padStart und padEnd an - ES7 Exponentiation Operator
- Nachfolger Commas (manchmal als "Final Commas" bezeichnet) in Literalen
Tag 24: 04. Oktober 2017
Gedanken:
- Heute habe ich mich in Anwendungsfälle von
Object.entries() und Object.values() befasst. - Gelernt darüber, wie es in bestimmten Szenarien verwendet werden kann.
- Fnial den Kurs beendet?
