La diferencia y el uso entre sessionStorage localStorage y las cookies
sessionStorage y localStorage son proporcionados por la API de almacenamiento web HTML5, que puede guardar datos fácilmente entre solicitudes web. Con los datos locales, se puede evitar que los datos pasen innecesariamente de un lado a otro entre el navegador y el servidor.
SessionStorage, localStorage y cookies son datos almacenados en el lado del navegador. El concepto de sessionStorage es muy especial e introduce el concepto de "ventana del navegador". sessionStorage son datos que siempre existen en la misma ventana (o pestaña) de la misma fuente. Es decir, mientras la ventana del navegador no esté cerrada, los datos seguirán existiendo incluso si se actualiza la página o se ingresa otra página de la misma fuente. Después de cerrar la ventana, sessionStorage se destruye. Diferentes ventanas abiertas "independientemente" al mismo tiempo, incluso en la misma página, tienen diferentes objetos sessionStorage.
Beneficios del almacenamiento web: Reducir el tráfico de red: una vez que los datos se guardan localmente, puede evitar solicitar datos del servidor, lo que reduce las solicitudes de datos innecesarias y la transferencia de datos entre el navegador y el servidor. y adelante innecesariamente. Muestra datos rápidamente: el rendimiento es bueno, leer datos localmente es mucho más rápido que obtener datos del servidor a través de la red y los datos locales se pueden obtener instantáneamente. Además, la página web en sí también se puede almacenar en caché, por lo que si toda la página y los datos son locales, se pueden mostrar inmediatamente. Almacenamiento temporal: muchas veces los datos solo necesitan usarse mientras el usuario navega por un conjunto de páginas, y los datos pueden descartarse después de cerrar la ventana. En este caso, sessionStorage es muy conveniente.
La diferencia entre el almacenamiento local del navegador y el almacenamiento del lado del servidor es que los datos se pueden almacenar localmente en el navegador o en el lado del servidor.
El navegador puede guardar algunos datos y obtenerlos directamente del local cuando sea necesario. SessionStorage, localStorage y las cookies son datos almacenados localmente por el navegador.
El servidor también puede guardar todos los datos de todos los usuarios, pero el navegador debe solicitar datos al servidor cuando sea necesario. 1. El servidor puede guardar los datos persistentes del usuario. Por ejemplo, las bases de datos y el almacenamiento en la nube guardan una gran cantidad de datos del usuario en el servidor. 2. El servidor también puede guardar los datos de la sesión temporal del usuario. Mecanismo de sesión del lado del servidor, como el objeto de sesión jsp, y los datos se guardan en el servidor. En términos de implementación, solo se pasa la identificación de la sesión entre el servidor y el navegador, y el servidor encuentra el objeto de sesión correspondiente al usuario de acuerdo con la identificación de la sesión. Los datos de la sesión solo son válidos por un período de tiempo, que es el período de validez de la sesión establecido en el lado del servidor.
El lado del servidor guarda todos los datos del usuario, por lo que la sobrecarga en el lado del servidor es relativamente grande, mientras que el lado del navegador guarda los datos requeridos por diferentes usuarios en sus respectivos navegadores. El navegador generalmente solo se usa para almacenar datos pequeños, mientras que el servidor puede almacenar datos grandes o pequeños. Los servidores almacenan datos de forma más segura y los navegadores sólo son adecuados para almacenar datos generales.
La diferencia entre sessionStorage, localStorage y cookie
***Los mismos puntos: todos se guardan en el lado del navegador y tienen el mismo origen. Diferencia: los datos de las cookies siempre están en /library/default.asp?url=/workshop/author/behaviors/reference/behaviors/userdata.asp
sessionStorage y localStorage
Almacenamiento web en realidad consta de dos partes: sessionStorage y localStorage.
sessionStorage se utiliza para almacenar datos localmente en una sesión. Solo las páginas de la misma sesión pueden acceder a estos datos y los datos se destruirán cuando finalice la sesión. Por lo tanto, sessionStorage no es un almacenamiento local persistente, solo un almacenamiento a nivel de sesión.
LocalStorage se utiliza para el almacenamiento local persistente, a menos que los datos se eliminen activamente, nunca caducarán.
¿Por qué elegir Almacenamiento Web en lugar de Cookies?
En comparación con las cookies, el almacenamiento web tiene muchas ventajas, que se pueden resumir de la siguiente manera:
1. Mayor espacio de almacenamiento: cada espacio de almacenamiento independiente en IE8 es de 10 M, otros navegadores tienen un poco. Implementaciones diferentes, pero todas son mucho más grandes que las cookies.
2. El contenido almacenado no se enviará al servidor: cuando se establece una cookie, el contenido de la cookie se enviará al servidor junto con la solicitud, lo que supone un desperdicio de ancho de banda para los datos almacenados localmente. . Los datos en Web Storage solo existen localmente y no interactúan con el servidor de ninguna manera.
3. Interfaces más ricas y fáciles de usar: Web Storage proporciona un conjunto más rico de interfaces, lo que facilita las operaciones de datos.
4. Espacio de almacenamiento independiente: cada dominio (incluidos los subdominios) tiene un espacio de almacenamiento independiente. Cada espacio de almacenamiento es completamente independiente, por lo que no habrá confusión de datos.