Web Engineering 1/Javascript 2

Wiki-Quelltext dieser Seite.

{{Ziele|
* 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==
{|
|style="width: 22em;vertical-align:top;"| 
<html><iframe width="400" height="320" src="//jsfiddle.net/pw_we1/zj4sLLvm/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe></html>
|style="vertical-align:top;padding-left:1em;"|
Verzögertes bzw. regelmäßiges Auslösen von Aktionen
|}
{|
|style="width: 22em;vertical-align:top;"| 
<html><iframe width="400" height="320" src="//jsfiddle.net/pw_we1/uqdcLyp8/embedded/js,html,result/" allowfullscreen="allowfullscreen" frameborder="0"></iframe></html>
|style="vertical-align:top;padding-left:1em;"|
Gestaffelte Ausführung zur Verhinderung des Javascript Timeouts
|}

==Webworker==
{|
|style="width: 22em;vertical-align:top;"| 
<html><iframe width="400" height="320" src="//jsfiddle.net/pw_we1/11zLxozt/embedded/js,html,result/" allowfullscreen="allowfullscreen" frameborder="0"></iframe></html>
|style="vertical-align:top;padding-left:1em;"|
Webworker sind predestiniert für länger laufende Operationen
|}
{{Projekt|Beispiellösung <document>WE1-P7.zip</document>}}