revisitando local storage

32
REVISITANDO LOCAL STORAGE

Upload: guto-xavier

Post on 12-Apr-2017

158 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Revisitando Local Storage

REVISITANDO LOCAL STORAGE

Page 2: Revisitando Local Storage

[email protected]

@gutoffline

Guto Xavier

Page 3: Revisitando Local Storage

LOCAL STORAGE

Page 4: Revisitando Local Storage

WEB STORAGE API

Page 5: Revisitando Local Storage

COOKIES

Page 6: Revisitando Local Storage

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
Page 8: Revisitando Local Storage

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

WEB STORAGE API?

Page 10: Revisitando Local Storage

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

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

SESSION STORAGELOCAL STORAGE

Page 13: Revisitando Local Storage

SESSION STORAGE

Page 14: Revisitando Local Storage
Page 15: Revisitando Local Storage
Page 16: Revisitando Local Storage
Page 17: Revisitando Local Storage

LOCAL STORAGE

Page 18: Revisitando Local Storage
Page 19: Revisitando Local Storage
Page 20: Revisitando Local Storage
Page 21: Revisitando Local Storage

PROPRIEDADES E MÉTODOS

Page 22: Revisitando Local Storage

getItemsetItem

Page 23: Revisitando Local Storage

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

Page 24: Revisitando Local Storage
Page 25: Revisitando Local Storage

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

Page 26: Revisitando Local Storage
Page 27: Revisitando Local Storage

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

Page 28: Revisitando Local Storage
Page 29: Revisitando Local Storage

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

Page 30: Revisitando Local Storage
Page 31: Revisitando Local Storage

[email protected]

@gutoffline

Page 32: Revisitando Local Storage

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/