Explicação detalhada da localização do HTML5

O LocalStorage possui duas APIs no navegador: LocalStorage e SessionStorage, que existem nos objetos da janela: LocalStorage corresponde a Window.localStorage, e sessionStorage corresponde ao Window.SessionStorage.

A diferença entre LocalStorage e SessionStorage deve -se principalmente à sua sobrevivência.

 LocalStorage.SetItem (B, Isaac); O nome da chave, aqui está o BlocalStorage.RemoveItem (B);

O papel da função aqui refere -se a: como isolar o armazenamento local entre diferentes páginas (você não pode ler o LocalSorage de Tencent na página de Baidu, hahaha).

O LocalStorage pode ler/modificar os mesmos dados do LocalStorage, desde o mesmo protocolo, o mesmo nome do host e a mesma porta.

SessionStorage é mais rigoroso que o LocalStorage.

O LocalStorage é teoricamente permanente e eficaz, ou seja, não desaparecerá se não tomar a iniciativa. No entanto, deve -se notar que, na visualização da web do navegador em dispositivos móveis ou no WebView usado por cada aplicativo nativo, o LocalSorage não é confiável. ) Claro.

O período de sobrevivência do SessionStorage, como o nome sugere, é semelhante à sessão, desde que o navegador esteja desligado (incluindo a página da guia do navegador), ele será limpo. Como o período de sobrevivência do SessionStorage é muito curto, o cenário de aplicação é muito limitado, mas, por outro lado, não é fácil ter condições anormais e mais confiável.

LocalStorage é um par padrão de valor-chave (tipo de dados de valor-chave (KV), que é simples, mas fácil de expandir. Desde que seja usado em um método de codificação para converter os objetos que desejam armazenar LocalSorage em uma string, ele pode facilmente apoiá -lo. Por exemplo: converta o objeto na sequência JSON, você pode fazer o objeto de armazenamento; Além disso, para o tipo de valor de chave, para o tipo de dados, a única característica da chave também é muito importante.

Infelizmente, o LocalStorage não suporta o tempo de configuração.

 Função definida (Tecla, Valor) {var Time = new Date (). sequência} função get (key, exp) // exp é o tempo de configuração da configuração {var value = localStorage.getItem (chave); Objeto json if (new date (). Gettime () -dataobj.time> exp) // se o horário atual -Minus o elemento de armazenamento definido no tempo> tempo expirado {console.log (expira); ////prompt para expiração} else {console.log (value =+datoobj.val);}}

Atualmente, a indústria é basicamente unificada para 5m, o que é muito maior que os 4K de cookies, economizando um pouco de ano selvagem.

Devido à estratégia de segurança do navegador, o LocalStorage não pode ser cruzado, nem o nome do sub -domínio pode herdar os dados do LocalStorage do nome do domínio pai.

No ambiente atual do navegador, o LocalStorage não é completamente estável. Pessoalmente, acho que o LocalStorage é apenas um método de otimização de localização de recursos. O processamento anormal do localStorage é geralmente usado para capturar/processar anormalidades com tentativa/captura.

A abordagem geral atual é detectar se a Window.localStorage existe, mas alguns navegadores têm bugs. Portanto, sugiro que você possa determinar se o navegador suporta o LocalStorage por definir/obter um teste de teste na estrutura de tentativa/captura.

O painel de armazenamento e recursos locais de Recursos -Locais nas ferramentas do desenvolvedor do Chrome podem ver dados do LocalStorage sob o nome de domínio atual.

Além disso, quando o setItem () é definido no iPhone/iPad, o erro estranho da cota_Exceded_ERR aparece.

Store.js

Mozilla/LocalFarage

LocalFont

O acima é a explicação detalhada do LocalStorage do HTML5 introduzido por Xiaobian. Muito obrigado pelo seu apoio ao site VevB Wulin!