Revisitando Local Storage

Oficina apresentando recursos de armazenamento local utilizando HTML5

Transcript

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/