Local Storage Meets Local Demand: A Technical Solution to ...
Revisitando Local Storage
-
Upload
guto-xavier -
Category
Education
-
view
164 -
download
3
Transcript of Revisitando Local Storage
![Page 1: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/1.jpg)
REVISITANDO LOCAL STORAGE
![Page 3: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/3.jpg)
LOCAL STORAGE
![Page 4: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/4.jpg)
WEB STORAGE API
![Page 5: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/5.jpg)
COOKIES
![Page 6: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/6.jpg)
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.
![Page 7: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/7.jpg)
![Page 8: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/8.jpg)
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
![Page 9: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/9.jpg)
WEB STORAGE API?
![Page 10: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/10.jpg)
Armazenar dados localmente(cliente) e não efetuar a transmissão automática ao servidor. Não expira com datas.
![Page 11: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/11.jpg)
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.
![Page 12: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/12.jpg)
SESSION STORAGELOCAL STORAGE
![Page 13: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/13.jpg)
SESSION STORAGE
![Page 14: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/14.jpg)
![Page 15: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/15.jpg)
![Page 16: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/16.jpg)
![Page 17: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/17.jpg)
LOCAL STORAGE
![Page 18: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/18.jpg)
![Page 19: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/19.jpg)
![Page 20: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/20.jpg)
![Page 21: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/21.jpg)
PROPRIEDADES E MÉTODOS
![Page 22: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/22.jpg)
getItemsetItem
![Page 23: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/23.jpg)
clear();apaga todo o conteúdo da área de armazenamento
![Page 24: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/24.jpg)
![Page 25: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/25.jpg)
removeItem();apaga o item informado da área de armazenamento
![Page 26: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/26.jpg)
![Page 27: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/27.jpg)
length;Mostra a quantidade de objetos na área de armazenamento
![Page 28: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/28.jpg)
![Page 29: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/29.jpg)
key();mostra o nome da chave armazenada na posição informada
![Page 30: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/30.jpg)
![Page 32: Revisitando Local Storage](https://reader031.fdocuments.net/reader031/viewer/2022030312/58edd39a1a28aba6418b4675/html5/thumbnails/32.jpg)
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/