Penjelasan terperinci tentang LocalStorage of HTML5

LocalStorage memiliki dua API di browser: LocalStorage dan SessionStorage, yang ada di objek jendela: LocalStorage sesuai dengan Window.LocalStorage, dan sessionStorage sesuai dengan Window.SessionStorage.

Perbedaan antara LocalStorage dan SessionStorage terutama disebabkan oleh kelangsungan hidupnya.

 Localstorage.setitem (b, Isaac); Nama kunci, di sini adalah BlocalStorage.removeItem (b);

Peran fungsi di sini mengacu pada: cara mengisolasi storstorage di antara halaman yang berbeda (Anda tidak dapat membaca stor localstorage di halaman Baidu, hahaha).

LocalStorage dapat membaca/memodifikasi data LocalStorage yang sama selama protokol yang sama, nama host yang sama, dan port yang sama.

SessionStorage lebih ketat daripada LocalStorage.

Localstorage secara teoritis permanen dan efektif, yaitu, tidak akan hilang jika tidak mengambil inisiatif. Namun, harus dicatat bahwa dalam webview dari browser pada perangkat seluler atau webview yang digunakan oleh setiap aplikasi asli, LocalStorage tidak dapat diandalkan. ) Jernih.

Periode kelangsungan hidup sessionStorage, seperti namanya, mirip dengan sesi, selama browser dimatikan (termasuk halaman tab browser), itu akan dihapus. Karena periode kelangsungan hidup sesi sesi terlalu pendek, skenario aplikasi sangat terbatas, tetapi di sisi lain, tidak mudah untuk memiliki kondisi abnormal dan lebih dapat diandalkan.

LocalStorage adalah tipe data pair-value pair (Key-Value (KV) standar, yang sederhana tetapi mudah diperluas. Selama digunakan dalam metode pengkodean untuk mengonversi objek yang ingin menyimpan LocalStorage menjadi string, itu dapat dengan mudah mendukungnya. Misalnya: Konversi objek ke string JSON, Anda dapat membuat objek penyimpanan; Selain itu, untuk jenis nilai kunci, untuk tipe data, satu -satunya karakteristik kunci juga sangat penting.

Sayangnya, LocalStorage secara asli tidak mendukung waktu pengaturan.

 Set fungsi (key, value) {var curTime = new Date (). Urutan} Get (key, exp) // exp adalah waktu pengaturan pengaturan {var value = localstorage.getItem (key); Objek json if (tanggal baru (). GetTime () -dataobj.time> exp) // Jika waktu saat ini -nus elemen penyimpanan yang disetel pada waktu> waktu kedaluwarsa {console.log (kedaluwarsa); ////prompt untuk kedaluwarsa} else {console.log (value =+dataobj.val);}}

Saat ini, industri ini pada dasarnya disatukan hingga 5m, yang jauh lebih besar dari cookie 4K, menghemat sedikit tahun biadab.

Karena strategi keamanan browser, LocalStorage tidak dapat menjadi silang -domain, juga tidak ada nama sub -domain yang mewarisi data stororage dari nama domain induk.

Dalam lingkungan browser saat ini, LocalStorage tidak sepenuhnya stabil. Saya pribadi berpikir bahwa LocalStorage hanyalah metode optimasi dari lokalisasi sumber daya. Pemrosesan abnormal localstorage umumnya digunakan untuk menangkap/memproses kelainan dengan mencoba/menangkap.

Pendekatan umum saat ini adalah untuk mendeteksi apakah Window.localStorage ada, tetapi beberapa browser memiliki bug. Oleh karena itu, saya menyarankan agar Anda dapat menentukan apakah browser mendukung LocalStorage dengan mengatur/mendapatkan data uji dalam struktur mencoba/menangkap.

Panel Penyimpanan Sumber Daya dan Sumber Daya -Panel Penyimpanan Sumber Daya di Alat Pengembang Chrome dapat melihat data LocalStorage dengan nama domain saat ini.

Selain itu, ketika setItem () terkadang diatur pada iPhone/iPad, kesalahan kuota_Exeded_err muncul.

Store.js

Mozilla/Lokalfarage

Localfont

Di atas adalah penjelasan terperinci dari LocalStorage of HTML5 yang diperkenalkan oleh Xiaobian. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!