prefacio
Vistazo a la reciente BID, BID es una base de datos de almacenamiento de objetos, datos de consulta tienen derecho Vernier, derecho comercial, método de indexación, el uso del lote de API más difícil de recordar.
localForage es una biblioteca JavaScript mejorado aplicación web de almacenamiento de datos fuera de línea, y el núcleo es el uso de una API localStorage similares, relativamente simple y fácil de recordar. Y no sólo el tipo de datos almacenados cadena puede ser numérico, objetos, booleano, matriz, excepto indefinido. Por defecto, la orden dada uso prioritario del BID, WebSQL, localStorage para el almacenamiento de fondo.
Uso localForage sólo tendrá que incluir el archivo js en la página, enlaces de descarga:
HTTPS: //github.com/localForag ...
específicamente el proyecto dirección de GitHub
API
1) setItem (clave, valor, successCallback): crear un parámetro clave es el nombre de la clave, los parámetros clave, la función de devolución de llamada, la función de devolución de llamada es la clave correspondiente.
// Unlike localStorage, you can store non-strings.
localforage.setItem('my array', [1, 2, 'three']).then(function(value) {
// This will output `1`.
console.log(value[0]);
}).catch(function(err) {
// This code runs if there were any errors
console.log(err);
});
2) getItem (clave, successCallback): obtener datos y usar una función de devolución de llamada
localforage.getItem('somekey', function(err, value) {
// Run this code once the value has been
// loaded from the offline store.
console.log(value);
});
3) removeItem (clave, successCallback): eliminación de la tecla correspondiente a
localforage.removeItem('somekey').then(function() {
// Run this code once the key has been removed.
console.log('Key is cleared!');
}).catch(function(err) {
// This code runs if there were any errors
console.log(err);
});
4) (borrar successCallback): botón Borrar todo.
localforage.clear().then(function() {
// Run this code once the database has been entirely deleted.
console.log('Database is now empty.');
}).catch(function(err) {
// This code runs if there were any errors
console.log(err);
});
5) longitud (successCallback): para obtener el número total de clave de almacenamiento fuera de línea.
localforage.length().then(function(numberOfKeys) {
// Outputs the length of the database.
console.log(numberOfKeys);
}).catch(function(err) {
// This code runs if there were any errors
console.log(err);
});
6) clave (keyIndex, successCallback) : la clave de índice clave obtenida.
7) teclas (successCallback): obtener todo el índice de la clave.
8) iterate (iteratorCallback, successCallback) : en la base de datos para cada función de devolución de llamada par clave-valor, el parámetro de función de llamada son la clave índice, clave, el número de iteraciones (en base a 1).
// The same code, but using ES6 Promises.
localforage.iterate(function(value, key, iterationNumber) {
// Resulting key/value pair -- this callback
// will be executed for every item in the
// database.
console.log([key, value]);
}).then(function() {
console.log('Iteration has completed');
}).catch(function(err) {
// This code runs if there were any errors
console.log(err);
});
No puede tener para iterar sobre todos los pares de valores clave, simplemente se devuelve un valor de tipo no definido, puede terminar iteraciones tempranas, el valor de retorno del parámetro como successCallback. Este método es un pequeño problema, el valor devuelto no está del todo bien:
<!DOCTYPE html>
<html>
<head>
<title>Listing 2.1</title>
<script type="text/javascript" src="https://raw.githubusercontent.com/mozilla/localForage/master/dist/localforage.min.js"> </script>
<script type="text/javascript">
localforage.setItem('array', [1, 2,'three']);
localforage.setItem('string', 'people');
localforage.setItem('number1', 5);
localforage.setItem('number2', 6);
localforage.iterate(function(value, key, iterationNumber) {
if (iterationNumber < 2) {
console.log([key, value]);
} else {
return [key, value];
}
}).then(function(result) {
console.log('Iteration has completed at '+ result);
}).catch(function(err) {
console.log(err);
});
</script>
</head>
<body>
</body>
</html>
Se mencionó anteriormente, localForage BID por defecto será dar prioridad al uso del caso, WebSQL, localStorage para el almacenamiento de fondo, pero puede ser un retroceso de setDriver (), si el mecanismo se encuentra en el navegador actual no es compatible, o de acuerdo con la opción por defecto.
setDriver (DRIVERNAME) / setDriver ([ DRIVERNAME, nextDriverName]): Establecer los mecanismos de apoyo de fondo, el argumento es localforage.INDEXEDDB, localforage.WEBSQL, localforage.LOCALSTORAGE.