Rövid útmutató a web tárolás, html
Szinte az összes asztali és a mobil alkalmazások meg kell valahol tárolni a felhasználói adatokat. De mi van a honlapon? A múltban már erre a célra használt cookie. de vannak komoly korlátai vannak.
A HTML5 megfelelőbb eszközöket kezelni ezt a problémát. Az első eszköz - a IndexedDB. feleslegessé vált beszélve a csere süti, míg a második - Web Storage. amely kombinációja két nagyon egyszerű API-t. Róla fogok mondani ma.
Mi az a Web Storage?
Általában Webtároló (más néven a DOM-tároló) utal az API készletet, amelyek célja, hogy egy egyszerű módszer az adatok tárolása a kliens böngészőnek. Ez a technológia biztonságosabb és gyorsabb, mint a cookie-t, nem is beszélve a kapacitását.
Az adatok tárolása a felhasználó böngészőjének, és nem kerül továbbításra a hálózaton keresztül, mint a cookie-t. Ezen felül, akkor képes tárolni több információt, mint egy cookie fájlok, anélkül, hogy veszélyeztetné a teljesítményt az Ön honlapján.
Web Storage rendelkezik két különböző objektum adatok tárolására:
localStorage. Ezzel a lehetőség, akkor mentse az adatokat anélkül, lejárati dátuma. Ez azt jelenti, hogy az adatok tárolása a felhasználó helyi meghajtó örökre.
sessionStorage. Ezzel a tárgy, az adatokat mentett lesz a boltban, amíg a látogató bezárja a böngészőt (nem fül). Egy jó lehetőség a használatát ez az objektum a megőrzése időbeli adatok, mint például a tartalom kitöltött, a felhasználó által, ha a felhasználó véletlenül bezárt lap vagy frissített oldalt.
Tehát most, ha tudjuk, hogy mi az a Web Storage, itt az ideje, hogy mélyebben is.
localStorage
Mentse el az adatokat a localStorage nagyon egyszerű - csak akkor kell bejelenteni őket tulajdon. Adatot olvas olyan egyszerű, mint az alábbi példa mutatja:
sessionStorage
Tárolására és visszakeresésére adatok sessionStorage végrehajtása azonos módon történik:
Mindkét tárgy van módszerek setItem (), getItem () és removeItem (). akkor is használhatja:
Is végezhet rajtuk túl sok, mind a hétköznapi tárgyak, és ellenőrizze a hossza:
Ez csak az alapokat a Web Storage, de ez elég lesz ahhoz, hogy végre az API a webes alkalmazásokat.
Vannak még jó dolog, amit tehetünk a Web Storage, láthatjuk most.
böngésző támogatása
Ahogy az lenni szokott, lenyűgöző HTML5 funkciókat, akkor ellenőriznie kell a támogatott böngészők listáját, mielőtt ezeket a funkciókat. Webtároló támogatja szinte az összes modern böngésző, beleértve IE8 +, így készen áll a használatra.
Sajnos, IE7 és korábbi verziójú Internet Explorer nem támogatja az API, így meg kell használni az alábbi rollback, ha azt szeretné, hogy támogassák ezt a verziót.
Egyszerű (kísérleti prototípus) script downloader hogy gyorsítótáraz parancsfájlok localStorage.
LocalDB.js
Egy eszköz, amely megjeleníti egy olyan adatbázist, a tárgyak segítségével localStorage API.
Rockstage.js
store.js egy egyszerű API cross-browser helyi tárolására.
következtetés
Web Storage - HTML5 egy nagyszerű funkció, és bár idő telt el a bevezetése óta, most már van egy csomó nagy könyvtárak érte.
Fordítása egy cikket «Rövid útmutató a Web Storage» került elő egy csapat barátságos Web design projekt tól Z-ig