Almacenamiento local: almacena algunos datos generados en el programa en la computadora
Esquemas comunes de almacenamiento local:
1. esquema de almacenamiento:
Método 1: localStorage ===== Almacenamiento persistente local (siempre existe mientras no se elimine manualmente)
Cómo saber si los datos se han guardado: Busque -Application-storage-localStorage en la herramienta de inspección
Características: 1. Una vez almacenado, existirá permanentemente a menos que lo elimine manualmente.
2. Puede comunicarse entre páginas, es decir, los datos almacenados en la página a se pueden obtener de otras páginas.
3. Solo algunos tipos básicos de datos pueden ser almacenado al almacenar. , los datos de tipos complejos no se pueden almacenar
语法：
存数据(增)：window.localStorage.setItem(key,value)
删除数据： window.localStorage.removeItem(键名)
一键清空：window.localStorage.clear()
查询数据：window.localStorage.getItem(键名)
改 数 据：语法和存储数据的语法是一样的 // 对象中不能出现重复的键名，故键名第二次出现视为更改
Método 2: sessionStorage ===== almacenamiento de sesión (almacenamiento temporal, siempre que el navegador esté cerrado, desaparecerá) la sintaxis
de agregar, eliminar, modificar, verificar y borrar con una tecla es la misma que la anterior para admite la comunicación entre páginas y también se puede usar en otras páginas Obtener datos (requisito previo: otras páginas deben ser redirigidas a través de esta página y deben ser la ventana actual, si es una nueva ventana, no funcionará)
语法：
存数据(增)：window.sessionStorage.setItem(key,value)
删除数据： window.sessionStorage.removeItem(键名)
一键清空：window.sessionStorage.clear()
查询数据：window.sessionStorage.getItem(键名)
改 数 据：语法和存储数据的语法是一样的 // 对象中不能出现重复的键名，故键名第二次出现视为更改2. Esquema de cookies:
Características de los datos de almacenamiento de cookies:
1. Las cookies solo pueden almacenar cadenas de caracteres
2. Los datos de almacenamiento de cookies tienen un límite de tamaño, solo se pueden almacenar alrededor de 4 kb de datos, no demasiados
3. El almacenamiento de cookies se establece de forma predeterminada en el nivel de sesión , es decir, en la ventana desaparecerá si se cierra, pero podemos configurar el tiempo de caducidad
4. El funcionamiento de la cookie debe depender del 'servidor', y la página abierta localmente no puede operar la cookie
5. Los datos de la cookie se transportarán automáticamente cuando el front-end y el back-end se comunican
6. El almacenamiento depende del nombre de dominio. Solo se puede usar en ese nombre de dominio si se abre bajo qué nombre de dominio, y el punto clave de operar cookies que no pueden comunicarse entre nombres de dominio
: Estudiar cómo se puede abrir la página en el servidor. (Simplemente use el complemento de servidor en vivo de vscode)
Al ejecutar: haga clic con el botón derecho y seleccione: abrir con la opción de servidor en vivo para ejecutar
La sintaxis para almacenar datos con cookies:
document.cookie = 'key=value'
//设置过期时间：
我们设置的时间最终都会按照世界标准时间执行的
toGMTString()===转成北京时间
document.cookie = 'password=123456;expires=' + 时间对象.toGMTString()//转世界时间
//获取 cookie
console.log(document.cookie）
//存储了一条数据
document.cookie = 'username=zhangsan'
//存储一条带有过期时间的cookie
//创造一个事件对象 time就是时间对象，里面的时间是本地系统时间
var time = new Date()
//现在时间是2022年10月20日 16：57分 设置在16：59分过期
time.setMinute(59)
document.cookie = 'password=123456;expires=' + time.toGMTString()