Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
11 Cards in this Set
- Front
- Back
HTML5 Web Workers
|
enable processing of javascript outside of the main execution thread. For background and long-running javascript processes that don't block the user interface.
|
|
Create a web worker
|
var myWebWorker = new Worker("myWebWorkerFile.js");
|
|
Start a web worker
|
myWebWorker.postMessage("any message sent to a worker will cause it to start");
|
|
Pass an object in a web worker
|
myWebWorker.postMessage(myObject); //the browser will serialize the object for you
|
|
Terminate a web worker
|
myWebWorker.terminate();
|
|
Handle posted message in web worker
|
self.onmessage = function(event) { var data = event.data; };
|
|
Pass data from web worker to main page
|
self.onmessage = function( event) { var data = event.data; // receive the data in our WebWorker // process the data here var returnMessage = MyProcessingFunction(); // then return our results self.postMessage( returnMessage); };
|
|
recieve data from web worker in main page
|
myWebWorker.onmessage = function( event) { var data = event.data; // process the data returned from the WebWorker }
|
|
Web Worker timers
|
setTimeout(), clearTimeout(), setInterval(), clearInterval()
|
|
handle error from web worker in main page
|
myWebWorker.onerror = function( event) { // event.message will be set to the error message // event.filename will be set to the filename of the file that contains the code that errored // event.lineno will be set to the line number where the error occurred }
|
|
Web Worker limitations
|
No access to global scope, or the DOM. They cannot directly acces functions on main page.
|