A página em primeiro plano não precisa armazenar dados no banco de dados, mas precisa passar os dados para a próxima página. É aí que entra o armazenamento temporário de dados. Uso de cache na interface.
Semelhanças:
1. A função é a mesma, sessionStorage e localStorage são ambos objetos usados para armazenar informações temporárias no cliente.
2. Tipo de conteúdo de armazenamento: Ambos armazenam dados do tipo string.
3. Operação de armazenamento de dados: chave-valor, o uso da operação é o mesmo.
Diferenças:
Ciclo de vida:
1. sessionStorage: O ciclo de vida é a janela ou aba atual; uma vez que a janela ou aba seja fechada, todos os dados armazenados no sessionStorage serão esvaziados; recomenda-se usar sessionStroage por questões de segurança.
（
1) Restrições de políticas homólogas. Para operar no mesmo sessionStorage entre páginas diferentes, elas devem estar sob o mesmo protocolo, o mesmo nome de host e a mesma porta. (Ou seja, 8 e 9 armazenam dados apenas com base no mesmo nome de host, ignorando os requisitos de protocolo (HTTP e HTTPS) e de número de porta)
2) Limite de aba única,Na aba de página única, diferentes endereços de URL podem ser acessados! Aqui está o limite de uma aba。 as operações sessionStorage são limitadas a uma única aba, e os dados sessionStorage podem ser compartilhados acessando a mesma página nessa aba.
3) Armazene apenas localmente. Os dados do seesionStorage não são enviados ao servidor junto com a requisição HTTP, eles só entram em vigor localmente e limpam os dados após fechar a aba. (Se você usar a função de recuperação do Chrome, os dados do seesionStorage também serão restaurados.)
4) Método de armazenamento. seesionStorage utiliza os métodos de chave e valor. O valor deve ser do tipo string (receber uma não-string, também será convertido em string quando armazenado). valor verdadeiro é convertido em "verdadeiro").
5) Limite de armazenamento: Diferentes navegadores têm limites de armazenamento diferentes, mas a maioria limita o limite superior a menos de 5MB.
acessívelhttp://dev-test.nemikor.com/web-storage/support-test/Teste o limite de armazenamento do navegador.
）
2. localStorage: O ciclo de vida é permanente, o que significa que, a menos que o usuário limpe explicitamente as informações do localStorage na interface fornecidas pelo navegador, as informações existirão para sempre.
Compartilhamento de Informações:
Navegadores diferentes não podem compartilhar informações no localStorage ou no sessionStorage. Páginas no mesmo navegador podem compartilhar o mesmo localStorage (as páginas pertencem ao mesmo nome de domínio e porta), mas as informações do sessionStorage não podem ser compartilhadas entre páginas ou abas diferentes. É importante notar que páginas e abas são apenas janelas de nível superior, e se uma aba contiver múltiplas tags iframe e elas pertencerem à mesma página, elas podem compartilhar sessionStorage entre elas.
local.storage.ts Código-Fonte:
session.storage.ts Código-fonte
Referenciado no arquivo app.module.ts
Usado em componentes
|
Publicado em 23/10/2018 10:37:13
|
|
|
|
