WEB STORAGE

¿Qué es web storage?

Es una característica de HTML5 que nos permite almacenar datos en el navegador del usuario.

EXISTEN DOS FORMAS DE ALMACENAR DATOS EN EL NAVEGADOR

Local Storage
Session Storage

Session storage

Almacena datos de una sesión y éstos se eliminan cuando el navegador se cierra.

local storage

Guarda información que permanecerá almacenada por tiempo indefinido, sin importar que el navegador se cierre.

CARACTERÍSTICAS DE LOCAL STORAGE Y

SESSION STORAGE

Permiten alamacenar entre 5 mb y 10 mb, incluyendo texto y multimedia.
La información se almacena en el navegador del usuario y NO es enviada en cada petición al servidor, a diferencia de las cookies.
Previenen pérdidas de información cuando se desconecta la red.
La información es guardada por dominio web.

¿qué es local storage?

Local Storage es un objeto que nos permite almacenar datos en el navegador de manera local sin necesidad de realizar ninguna conexión a una base de datos.

Local storage

Almacena datos por tiempo indefinido, no tiene fecha de expiración.

session storage

Los datos almacenados son eliminados cuando finaliza la sesión de navegación.

DIFERENCIAS

PERO...
¿CÓMO
FUNCIONA?

para almacenar los datos, local storage usa

JavaScript Object Notation

¿Qué es json?

Es un formato de texto sencillo para el intercambio de datos, por ejemplo: enviar datos desde el servidor al cliente, así esos datos pueden ser mostrados en páginas web o viceversa.

PArticularidades de json

JSON puede representar 6 tipos de valores: objetos, arrays, números, cadenas, booleanos y null.
Las fechas no se reconocen como tipo de dato
Los números no pueden ir precedidos de 0 (salvo los decimales)

trabajando con localstorage

JSON.stringify: convierte un objeto JS en una cadena de JSON.
JSON.parse: convierte una cadena JSON en un objeto de JS.

Las cadenas JSON deben ser convertidas a objetos Javascript para poder utilizarlas (y viceversa). Para ello podemos utilizar:

impor
tan
Te

NUNCA DEBEMOS ALMACENAR DATOS SENSIBLES EN LOCAL STORAGE

Contraseñas y datos personales no deben ser almacenadas en localStorage