Javascript 2

Aus ProgrammingWiki
Archivierte Version vom 2017-01-23T22:11:10+00:00. Aktuelle Version
WissenKönnenProjekt
  • Synchrone und asynchrone Verarbeitung
  • Bedeutung von asynchronen Callback-Funktionen
  • Unterschied zum Threading
  • Zeitgesteuertes Ausführen von Aktionen
  • Auslagerung von Funktionen in Webworker
  • Sekundenanzeige, startet bei 0 wenn ein neues Sudoku erzeugt wird, stoppt wenn das Sudoku erfolgreich gelöst ist
  • Wird 30 Sekunden lang kein Sudoku-Wert geändert, so wird ein Fehler-Feld oder ein eindeutig lösbares Feld hervorgehoben
  • Erfolgt weitere 30 Sekunden keine Änderung, so wird ein hervorgehobenes Fehler-Feld geleert bzw. ein eindeutig lösbares Feld aufgelöst
  • Auslagerung der Sekundenmessung in einen Webworker

Asynchrone Verarbeitung

  • Die Ausführung von Javascript-Code erfolgt immer im gleichen Thread und damit nacheinander. Führen Sie das Beispiel aus und machen Sie sich klar, welche Farbe für welchen Code steht.
  • Warum wird der Balken in orange als erstes gezeichnet?
  • Machen Sie sich bewusst, was setInterval und setTimeout eigentlich tun und erklären Sie so die Funktionsweise dieses Beispiels
  • Erklären Sie warum die Funktionsausführung stoppt
  • Modifizieren Sie den Code, sodass zwischen dem blauen und dem dunkelgrünen Balken ein hellblauer erscheint
  • Modifizieren Sie den Code, sodass hinter jedem roten Balken sofort ein rosa Balken gezeichnet wird
Gestaffelte Ausführung zur Verhinderung des Javascript Timeouts

Webworker

Webworker sind predestiniert für länger laufende Operationen
Beispiellösung WE1-P7.zip