Conscientização sobre cookies em JavaScript

Definição
Antes do nascimento do protocolo HTTPS, o navegador da Web e o servidor precisavam se comunicar por meio do protocolo HTTP. O protocolo HTTP é um protocolo sem estado. Quando o servidor e o navegador concluem uma interação (o navegador envia uma solicitação ao servidor, Depois que o servidor responde), o link é fechado e o servidor esquece o navegador. Os cookies foram inventados para permitir que os servidores se lembrem dos navegadores.

Ao usar um navegador para acessar uma determinada página, algumas informações do navegador podem ser armazenadas em um cookie. Sempre que o navegador enviar uma solicitação ao servidor, o cookie será enviado ao servidor como parte da solicitação, para que o servidor possa passe o cookie para lembrar as informações no navegador.
Os cookies só podem ser usados ​​normalmente em páginas iniciadas com o servidor Solução: vscode instala a
sintaxe do servidor ativo

criar um cookie

document.cookie = 'key = value'

document.cookie = 'qq = 123456789'
// 设置一条cookie
document.cookie = 'qq = 123456789'
document.cookie = 'password = 000000'
// 设置多条cookie

JS para modificar ou atualizar o valor de um cookie
A única forma de modificar ou atualizar o valor de um cookie é criar um cookie com o mesmo nome para substituir o cookie a ser modificado. Observe que se o cookie a ser modificado definir um atributo de caminho, o mesmo atributo de caminho também deve ser definido ao modificar este atributo, caso contrário, um novo cookie será criado. O código de exemplo é o seguinte:

<script>
  // 创建一个 Cookie
  document.cookie = "url=http://c.biancheng.net/; path=/; max-age=" + 30*24*60*60;
  // 修改这个 Cookie
  document.cookie = "url=http://c.biancheng.net/javascript/; path=/; max-age=" + 365*24*60*60;
</script>

JS Delete Cookie
Deletar Cookie é semelhante a modificar Cookie, você só precisa definir o valor de Cookie como vazio novamente e definir a propriedade expires para uma data passada, conforme mostrado no exemplo a seguir:

<script>
  // 创建一个 Cookie
  document.cookie = "url=http://c.biancheng.net/; path=/; max-age=" + 30*24*60*60;
  // 删除这个 Cookie
  document.cookie = "url=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
</script>

Defina um cookie com um tempo de expiração
, não importa o fuso horário definido, ele será definido de acordo com o horário padrão mundial. Tomando a China como exemplo, está localizado no Oitavo Distrito Leste. Se você precisar definir um tempo de expiração , você precisa ajustá-lo depois de 8 horas, mais o tempo de expiração desejado

//例如:现在需要设置一条10秒后过期的cookie
//思路:
//1.获取当前时间
//2.将当前时间往后调整8个人小时
//3.把调整后的时间加上我们需要设置的时间

var timer = new Date()
timer.setTime(timer.getTime()-1000*60*60*8+1000*10)
document.cookie = 'vx = 00000;expires=' + timer
console.log(document.cookie)