https://github.com/lucasgianine/study-web-storage
Study of Web Storage concepts to store data locally in the user's browser
https://github.com/lucasgianine/study-web-storage
local-storage session-storage web-storage-api
Last synced: 8 months ago
JSON representation
Study of Web Storage concepts to store data locally in the user's browser
- Host: GitHub
- URL: https://github.com/lucasgianine/study-web-storage
- Owner: lucasgianine
- Created: 2023-05-06T18:58:02.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-06T19:28:17.000Z (about 3 years ago)
- Last Synced: 2025-01-31T12:16:44.891Z (over 1 year ago)
- Topics: local-storage, session-storage, web-storage-api
- Language: JavaScript
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Local & Session Storage
Aprendendo a utilizar os comandos localStorage e sessionStorage pela primeira vez, comandos esses que serão importante na verificação de login e logout que farei junto ao meu grupo de Pesquisa e Inovação (Hoptech) e em meu projeto individual do primeiro semestre.
## localStorage
Armazenamento de dados no navegador.
#### • Recurso para salvar dados no navegador, que persiste após o recarregamento da página;
#### • Salva dados no computador do cliente/usuário;
#### • Não há tempo de expiração;
#### • Capacidade máxima de 10mb (megabyte);
## sessionStorage
Similar ao localStorage, porém, o armazenamento de dados em uma única sessão.
#### • Armazenamento temporário;
#### • Capacidade máxima de 5mb;
#### • Os dados armazenados dessa forma são limpos quando uma sessão termina, quando o browser ou a aba é fechado;
#### • Os dados são salvos no computador do usuário;
## Como utilizar:
Saiba as sintáxes utilizadas:
#### • setItem(par)
Método para armazenar um valor.
#### • getItem(par)
Para resgatar o valor armazenado anteriormente.
#### • removeItem(par)
Tem o objetivo de apagar da área de transferência o par armazenado nome/valor.
#### • clear()
Esse método não requer par (parâmetros) e destina-se a apagar todo o conteúdo da área de armazenamento.
#### • length()
Propriedade que mostra a quantidade de dados armazenados no objeto localStorage.
#### • key()
Mostra o nome da chave que foi armazenada na posição passada.
## Fonte de pesquisa
#### Matheus Battisti - Hora de Codar
#### Kadunew
#### Mozilla