Javascript 2

Aus ProgrammingWiki
Archivierte Version vom 2017-01-23T22:28:53+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
  • Führen Sie das Codebeispiel aus. Versuchen Sie ggf. auch größere Primzahlen. Bemerken Sie den Unterschied? (Achten Sie auch auf die Reaktionsfähigkeit des Browsers)
  • Erklären Sie die unterschiedlichen Verhaltensweisen mit Ihrem Wissen über die Funktionsweise von setTimeout
  • Erklären Sie den Unterschied in der Laufzeit der Algorithmen
  • Modifizieren Sie das Beispiel, sodass anstelle der Primzahlprüfung die entsprechende Fibonacci-Zahl berechnet wird und vergleichen Sie die Methoden

Webworker

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