Aproape toate desktop și aplicațiile mobile aveți nevoie de undeva pentru a stoca date de utilizator. Dar ce putem spune despre site-ul? In trecut, am folosit în acest scop un cookie. dar acestea au limitări serioase.
HTML5 oferă un instrumente mai potrivite pentru a rezolva această problemă. Primul instrument - un IndexedDB. care este redundantă să menționeze cookie-ul de înlocuire, iar al doilea - stocare pe web. care este o combinație de două API foarte simplu. Despre el am de gând să-ți spun azi.
Ce este Web Storage?
În general, Web de stocare (de asemenea, cunoscut ca un DOM-stocare) se referă la setul API care au ca scop furnizarea unei metode simple de stocare a datelor de către browser-ul clientului. Această tehnologie este mai sigur și mai rapid decât un cookie, să nu mai vorbim de capacitatea sa.
Datele sunt stocate în browser-ul unui utilizator și care nu este transmis prin rețea ca un cookie. În plus, puteți stoca mai multe informații decât utilizarea unui fișier cookie, fără a compromite performanța site-ului.
Stocarea pe web oferă două obiecte distincte stoca date:
localStorage. Folosind această facilitate, vă va salva datele fără dată de expirare. Acest lucru înseamnă că datele vor fi stocate pe unitatea locală a utilizatorului pentru totdeauna.
sessionStorage. Folosind acest obiect, datele pe care le-ați salvat va fi în magazin, atâta timp cât vizitatorul se închide browser-ul (nu fila). O opțiune bună pentru utilizarea acestui obiect este păstrarea datelor temporale, cum ar fi formele de conținut completate de către utilizator, în cazul în care utilizatorul filă sau o pagină actualizată închis accidental.
Așa că acum, când știm ce este stocarea pe web, este timpul să se scufunde mai adânc în ea.
localStorage
Salvați datele din localStorage este foarte simplu - trebuie doar să le declare ca proprietate. Citirea datelor este la fel de simplu ca în exemplul de mai jos:
sessionStorage
Stocarea și regăsirea datelor din sessionStorage efectuate în același mod:
Ambele obiecte au metode setItem (), getItem () și removeItem (). puteți utiliza, de asemenea:
Puteți efectua, de asemenea, pe ele prea mult, atât în obiecte obișnuite, și verificați lungimea lor:
Aceasta este doar elementele de bază pentru utilizarea Web de stocare, dar acest lucru va fi suficient pentru a pune în aplicare API în aplicațiile web.
Sunt mai multe lucruri interesante pe care le puteți face cu stocare pe web, puteți vedea chiar acum.
Browser-ul Suport
Așa cum se întâmplă de obicei, cu caracteristici uimitoare HTML5, ar trebui să verificați lista de browsere acceptate, înainte de a utiliza aceste funcții. Stocarea pe web este susținută de aproape toate browserele moderne, inclusiv IE8 +, deci este gata pentru utilizare.
Din păcate, IE7 și versiunile anterioare de Internet Explorer nu acceptă API-ul, așa că va trebui să utilizați unul dintre următoarele rollback, dacă doriți să sprijine această versiune.
Simplu (dovada experimentală a conceptului) downloader script care cache script-uri folosind localStorage.
LocalDB.js
Un instrument care afișează o structură de bază de date în obiecte utilizând localStorage API.
Rockstage.js
store.js oferă un API simplu pentru cross-browser-ul de stocare locale.
concluzie
Stocarea pe web - HTML5 este o caracteristică de mare, și, deși timpul a trecut de la introducerea sa, acum avem o mulțime de mari biblioteci pentru ea.
Traducerea unui articol «Un ghid rapid la Web de stocare» a fost pregătit de către o echipă de proiect prietenos Web design de la A la Z.