La página en primer plano no necesita almacenar datos en la base de datos, sino que debe pasar los datos a la siguiente página. Aquí es donde entra el almacenamiento temporal de datos. Uso de caché en el frontend.
Similitudes:
1. La función es la misma, sessionStorage y localStorage son objetos usados para almacenar información temporal en el cliente.
2. Tipo de contenido de almacenamiento: Ambos almacenan datos tipo cadena.
3. Operación de almacenamiento de datos: clave-valor, el uso de la operación es el mismo.
Diferencias:
Ciclo de vida:
1. sessionStorage: El ciclo de vida es la ventana o pestaña actual; una vez cerrada la ventana o pestaña, todos los datos almacenados en sessionStorage se vaciarán; se recomienda usar sessionStroage por motivos de seguridad.
（
1) Restricciones de política homóloga. Para operar en el mismo SessionStorage entre diferentes páginas, deben estar bajo el mismo protocolo, el mismo nombre de host y el mismo puerto. (Por ejemplo, 8 y 9 almacenan datos solo en base al mismo nombre de host, ignorando los requisitos de protocolo (HTTP y HTTPS) y de número de puerto)
2) Límite de una sola pestaña,¡En la pestaña de una sola página se puede acceder a diferentes direcciones URL! Aquí está el límite de una sola pestaña。 sesiónLas operaciones de almacenamiento están limitadas a una sola pestaña, y los datos de sessionStorage pueden compartirse accediendo a la misma página de esta pestaña.
3) Almacenar solo localmente. Los datos de seesionStorage no se envían al servidor junto con la solicitud HTTP, solo se activan localmente y borran los datos tras cerrar la pestaña. (Si usas la función de recuperación de Chrome, los datos de seesionStorage también se restaurarán.)
4) Método de almacenamiento. seesionStorage utiliza los métodos clave y de valor. El valor debe ser de tipo cadena (una que no es cadena entrante, también se convertirá en cadena al almacenarse). El valor verdadero se convierte en "verdadero").
5) Límite de almacenamiento: Diferentes navegadores tienen distintos límites de almacenamiento, pero la mayoría limita el límite superior a menos de 5MB.
accesiblehttp://dev-test.nemikor.com/web-storage/support-test/Prueba el límite de almacenamiento del navegador.
）
2. localStorage: El ciclo de vida es permanente, lo que significa que, a menos que el usuario borre explícitamente la información de localStorage en la interfaz proporcionada por el navegador, la información existirá para siempre.
Compartición de información:
Diferentes navegadores no pueden compartir información en localStorage o sessionStorage. Las páginas en el mismo navegador pueden compartir el mismo localStorage (las páginas pertenecen al mismo nombre de dominio y puerto), pero la información de sessionStorage no puede compartirse entre diferentes páginas o pestañas. Es importante señalar que las páginas y pestañas son solo ventanas de nivel superior, y si una pestaña contiene varias etiquetas iframe y pertenecen a la misma página, pueden compartir sessionStorage entre ellas.
local.storage.ts Código fuente:
session.storage.ts Código fuente
Referenciado en el archivo app.module.ts
Utilizados en componentes
|
Publicado en 23/10/2018 10:37:13
|
|
|
|
