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;
79 Cards in this Set
- Front
- Back
|
How can you pre cache an image on the client |
create an Image object and set the src to the image you want to cache |
|
|
What element is used to support multiple formats for audio and video elements |
source |
|
|
What method on an audio or video element is used to determine if a specific media type can be used |
canPlayType |
|
|
What method on a media element starts the playback of the media |
play |
|
|
What method on a media element stops the playback of the media |
stop |
|
|
What property on a media element sets the desired location of the playback |
currentTime |
|
|
What properties on a media element give you the legal range for the currentTime property |
initialTime duration |
|
|
What property on a media objects specifies the volume |
volume |
|
|
What is the legal range of a media objects volume |
0 (silent) 1 (max) |
|
|
What property on a media object can be set to mute the sound |
muted |
|
|
What property on a media object controls how fast the playback is |
playbackRate |
|
|
How does the value of the playbackRate property on a media object affect the speed of the playback |
1 is normal speed 0 to 1 is slower Greater than 1 is faster Negative values are backwards |
|
|
What property of a media element specifies if the controls are visible in the UI |
controls |
|
|
What property on a media element is used to repeat playback |
loop |
|
|
What property on a media object specifies whether (or how much) media content should be preloaded before the user starts playing the media |
preload |
|
|
What are the possible values for a media objects preload method |
none metadata auto |
|
|
What property on a media object specifies that it should begin to play automatically when a sufficient amount has been buffered |
autoplay |
|
|
What are the read-only properties of a media object that describe the current state of the media and of the player |
paused seeking ended duration played buffered seekable |
|
|
How do you get a 2d context from a canvas element |
getContext('2d') |
|
|
How do you get a 3d context from a canvas element |
getContext('webgl') |
|
|
What method on the canvas' context object do we call to start a new path |
beginPath |
|
|
What method on the canvas' context object do we call to begin a new subpath |
moveTo |
|
|
What method on the canvas' context object do we call to draw a line |
lineTo |
|
|
What method on the canvas' context object do we call to draw a path |
stroke |
|
|
What method on the canvas' context object do we call fill a path |
fill |
|
|
What method on the canvas' context object do we call complete a path |
closePath |
|
|
What method on the canvas' context object do we call save the current state of the context object |
save |
|
|
What method on the canvas' context object do we call to restore a previous context objects state |
restore |
|
|
What property on the canvas' context object controls the color, gradient or pattern for fills |
fillStyle |
|
|
What property on the canvas' context object controls the font of text-drawing commands |
font |
|
|
What property on the canvas' context object controls the width of the path |
lineWidth |
|
|
What property on the canvas' context object controls the line color, gradient or pattern |
strokeStyle |
|
|
Where is the origin of the canvas |
top left corner |
|
|
What method on the canvas' context object do we call to add an arc to the current subpath |
arc |
|
|
What method on the canvas' context object do we call to draw an arc from one point to another |
arcTo |
|
|
What method on the canvas' context object do we call to add a new bezier curve to a subpath |
bezierCurveTo |
|
|
What method on the canvas' context object do we call to add a quadratic curve to a subpath |
quadraticCurveTo |
|
|
What are the four parameters the rectangle methods of the canvas' object expect |
xpos ypos width height |
|
|
What method on the canvas' context object do we call to fill the specified rectangle with the current fillStyle |
fillRect |
|
|
What method on the canvas' context object do we call to draw the outline of the specified rectangle |
strokeRect |
|
|
What method on the canvas' context object do we call to draw and fill a rectangle with the canvas' transparent pixel |
clearRect |
|
|
What method on the canvas' context object do we call to draw a rectangle as part of the current path |
rect |
|
|
What property on the canvas' context object do we set to change the transparency of the canvas as a whole |
globalAlpha |
|
|
What method on the canvas' context object do we call to create a new pattern |
createPattern |
|
|
What methods on the canvas' context object do we call to create fill gradients |
createLinearGradient createRadialGradient |
|
|
What property on the canvas' context object controls how the ends of an open subpath are capped |
lineCap |
|
|
What property on the canvas' context object specifies how the vertexes between subpath segments are connected |
lineJoin |
|
|
What method on the canvas' context object do we call to draw text using the color specified in fillStyle |
fillText |
|
|
What method on the canvas' context object do we call to draw the outline of the individual text glyphs |
strokeText |
|
|
What method on the canvas' context object do we call to get a TextMetrics object |
measureText |
|
|
What method on the canvas' context object do we call to draw an image onto the canvas |
drawImage |
|
|
What is the first argument to the canvas' context method drawImage |
An image element, Image object, another canvas or a video element |
|
|
What is the second and third argument to the canvas' context method drawImage |
The x and y position the image will be drawn on the canvas |
|
|
What is the fourth and fifth argument to the canvas' context method drawImage |
The width and height arguments of the image |
|
|
What method on the canvas is used to extract an image |
toDataURL |
|
|
What geolocation method is used to get the user's current position |
getCurrentPosition |
|
|
What geolocation method is used to get the current position and register a listener for when the location updates |
watchPosition |
|
|
What geolocation method clears the listener that is fired when the location is updated |
clearWatch |
|
|
What are the three arguments of the history objects pushState method |
Object that contains the state information Title used in the back button menu [optional] URL that will be displayed [optional] |
|
|
What is the difference between the history's pushState and replaceState methods |
replaceState replaces the current history instead of adding a new state to the browser history |
|
|
What method on the window object can be used to send messages |
postMessage |
|
|
What are the parameters of the postMessage method |
The data to send The expected origin of the window we are sending the message to |
|
|
What event is triggered on the target window when postMessage is executed |
message |
|
|
What data is exposed to the message handler |
data source window origin |
|
|
What constructor is used to create a new web worker |
Worker |
|
|
What is the parameter sent to the web worker constructer |
The url of the web worker javascript |
|
|
How do you send data to a web worker |
postMessage |
|
|
How do you receive messages from a web worker |
register an onmessage listener on the object |
|
|
What method on a web worker forces the worker thread to stop running? |
terminate |
|
|
What method on the WorkerGlobalScope allows a worker to terminate itself |
close |
|
|
How does a web worker use other javascript files |
importScripts |
|
|
How are regular arrays different from typed arrays |
Elements of a typed array are all numbers Typed arrays have a fixed length The elements of a typed array are always initialized to 0 when the array is created |
|
|
What method can you use to create a blob url |
URL.createObjectURL |
|
|
What is the type of the files property on a input with the type file |
FileList |
|
|
What object type do you use to read blobs |
FileReader |
|
|
How do you use a FileReader to read a blob |
Instantiate a new FileReader object Set listeners on it Invoke a read method passing the blob as the parameter |
|
|
What events does the FileReader object have |
load error progress loadstart loadend abort |
|
|
What are the methods on a FileReader object used to read a blob |
readAsText readAsArrayBuffer readAsDataUrl readAsBinaryString |
|
|
What are the different values for the readyState property on a load event |
0 = nothing has been read 1 = some data is available 2 = read is complete |
