Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Revisitando Local Storage

205 views

Published on

Revisitando Local StorageRevisitando Local Storage - Palestra feita no Front in Rio 2016 sobre armazenamento local e Web Storage Api.
frontinrio.com.br

Published in: Education
  • Be the first to comment

  • Be the first to like this

Revisitando Local Storage

  1. 1. REVISITANDO LOCAL STORAGE
  2. 2. gutoffline@gmail.com @gutoffline Guto Xavier
  3. 3. LOCAL STORAGE
  4. 4. WEB STORAGE API
  5. 5. COOKIES
  6. 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.
  7. 7. 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
  8. 8. WEB STORAGE API?
  9. 9. Armazenar dados localmente(cliente) e não efetuar a transmissão automática ao servidor. Não expira com datas.
  10. 10. 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.
  11. 11. SESSION STORAGE LOCAL STORAGE
  12. 12. SESSION STORAGE
  13. 13. LOCAL STORAGE
  14. 14. PROPRIEDADES E MÉTODOS
  15. 15. getItem setItem
  16. 16. clear(); apaga todo o conteúdo da área de armazenamento
  17. 17. removeItem(); apaga o item informado da área de armazenamento
  18. 18. length; Mostra a quantidade de objetos na área de armazenamento
  19. 19. key(); mostra o nome da chave armazenada na posição informada
  20. 20. Obrigado gutoffline@gmail.com @gutoffline
  21. 21. 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/

×