O documento compara cookies e a API de Web Storage para armazenamento local de dados, destacando vantagens e desvantagens de cada método. Enquanto os cookies são limitados em tamanho e têm uma data de expiração, o Web Storage oferece maior capacidade sem expiração automática. O documento também aborda propriedades e métodos para gerenciar o armazenamento, como getItem, setItem e clear.

1. REVISITANDO
LOCAL STORAGE

2. gutoffline@gmail.com
@gutoffline
Guto Xavier

3. LOCAL STORAGE

4. WEB STORAGE
API

5. COOKIES

6. Um cookie é um pequeno texto que os
sites podem enviar aos navegadores,
anexado a qualquer conexão. Nas visitas
posteriores o navegador reenvia os
dados para o servidor dono do cookie.
Um cookie é transmitido até que perca a
validade, que é definida pelo site.

8. Prós
→ Suporte legado
→ Data de expiração
Contras
→ Cada domínio armazena os
dados numa única string
→ Dados são criptografados
→ É enviado a cada requisição
HTTP
→ Tamanho limitado (4KB)
→ SQL injection podem ser
feitos a partir de cookie

9. WEB STORAGE API?

10. Armazenar dados localmente(cliente) e
não efetuar a transmissão automática ao
servidor. Não expira com datas.

11. Prós
→ Browsers modernos
→ Armazenamento direto
no cliente (browser)
→ Não envia
automaticamente para o
servidor
→ ~5MB de
armazenamento por
domínio
Contras
→Versões maiores que :
→ IE 8
→ Firefox 3.5
→ Safari 4
→ Chrome 4
→ Opera 10.5
→ iOS 2.0
→ Android 2.0
→ O envio para o servidor deve
ser feito manualmente.

12. SESSION STORAGE
LOCAL STORAGE

13. SESSION STORAGE

17. LOCAL STORAGE

21. PROPRIEDADES E
MÉTODOS

22. getItem
setItem

23. clear();
apaga todo o conteúdo da
área de armazenamento

25. removeItem();
apaga o item informado da
área de armazenamento

27. length;
Mostra a quantidade de
objetos na área de
armazenamento

29. key();
mostra o nome da chave
armazenada na posição
informada

31. Obrigado
gutoffline@gmail.com
@gutoffline

32. REFERÊNCIAS
▸ https://diveintohtml5.com.br/storage.html
▸ https://developer.mozilla.org/en-
US/docs/Web/API/Web_Storage_API
▸ https://html.spec.whatwg.org/multipage/webstorage.html
▸ https://zenorocha.com/html5-local-storage
▸ http://www.w3schools.com/html/html5_webstorage.asp
▸ https://www.w3.org/TR/2016/REC-webstorage-20160419/