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;
32 Cards in this Set
- Front
- Back
navigator.geolocation
|
geolcation object
|
|
navigator.geolocation.getCurrentPosition (3 params): success callback
error callback options |
one time location request
|
|
showCoordinates(position)
|
success callback
|
|
timestamp AND position.coords:
coords.latitude coords.longitude coords.accuracy coords.altitude coords.altitudeAccuracy coords.heading coords.speed |
success position object
|
|
showError(error)
|
error callback
|
|
error.message AND error.code: error.PERMISSION_DENIED
error.POSITION_UNAVAILABLE error.TIMEOUT error.UNKNOWN_ERROR |
error object
|
|
navigator.geolocation.watchPosition(showPosition) (same params as one time request)
|
repeated updat request
|
|
clearWatch()
|
stop repeated update request
|
|
enableHighAccuracy (bool)
timeout (in milliseconds) maximumAge (milliseconds) |
geolocation request options
|
|
across window and browser lifetimes
|
local storage persistance
|
|
for the session only - lost when window or browser is closed
|
session storage persistance
|
|
to any window or tab from the same location where the values were created (scheme, host & port)
|
local storage availability
|
|
within the window or tab that created them (to prevent data leakage between windows)
|
session storage availability
|
|
window.sessionStorage
|
session storage object
|
|
window.localStorage
|
local storage object
|
|
window.sessionStorage.setItem('key','value')
OR window.sessionStorage.key = 'value' OR window.sessionStorage['key'] = 'value' |
set session storage value (same for local)
|
|
window.sessionStorage.removeItem('key')
|
remove session storage item (same for local)
|
|
window.sessionStorage.clear();
|
clear all session storage (same for local)
|
|
window.addEventListener('storage', receiveStorageEvent, true);
|
storage event listener
|
|
key, oldValue, newValue, url, storageArea (sessionStorage or localStorage)
|
storage event handler object
|
|
Create a web application that can be run offline from network.
|
Offline Web Applications (AppCache)
|
|
add manifest="application.manifest" attribute to the <HTML> tag
|
Enable Application Caching
|
|
window.applicationCache
|
Application Cache object
|
|
CACHE MANIFEST
CACHE (files to cache) NETWORK (not cached) FALLBACK (substitute offline files with online when not online) SETTINGS (controls, fast, prefer-online) |
Application Manifest File
|
|
navigator.onLine(bool)
|
Application Online Object Property
|
|
window.addEventListener('online', onlineStatusHandler, true);
|
Online Application Event Handler
|
|
window.addEventListener('offline', offlineStatusHandler, true);
|
Offline Application Event Handler
|
|
0-UNCACHED
1-IDLE 2-CHECKING 3-DOWNLOADING 4-UPDATEREADY 5-OBSOLETE |
Status Handler Status
|
|
oncached
onchecking ondownloading onupdateready onobsolete onerror onnoupdate onprogress |
Status Handler Status Events
|
|
window.applicationCache.update();
|
Update Application Cache
|
|
text/cache-manifest
|
Cache manifest MIME type
|
|
trigger browser to reload application
|
Changes to the manifest file
|