Halaman di latar depan tidak perlu menyimpan data dalam database, tetapi perlu meneruskan data ke halaman berikutnya. Di sinilah penyimpanan data sementara masuk. Penggunaan cache di frontend.
Persamaan:
1. Fungsinya sama, sessionStorage dan localStorage keduanya adalah objek yang digunakan untuk menyimpan informasi sementara pada klien.
2. Jenis konten penyimpanan: Keduanya menyimpan data tipe string.
3. Operasi penyimpanan data: nilai kunci, penggunaan operasi sama.
Perbedaan:
Siklus hidup:
1. sessionStorage: Siklus hidup adalah jendela atau tab saat ini, setelah jendela atau tab ditutup, maka semua data yang tersimpan melalui sessionStorage akan dikosongkan, disarankan untuk menggunakan sessionStroage untuk pertimbangan keamanan.
（
1) Pembatasan kebijakan homolog. Untuk beroperasi di sessionStorage yang sama antara halaman yang berbeda, mereka harus berada di bawah protokol yang sama, nama host yang sama, dan port yang sama. (IE 8 dan 9 menyimpan data hanya berdasarkan nama host yang sama, mengabaikan protokol (HTTP dan HTTPS) dan persyaratan nomor port)
2) Batas satu tab,Di tab satu halaman, alamat URL yang berbeda dapat diakses! Berikut adalah batas satu tab。 operasi sessionStorage dibatasi pada satu tab, dan data sessionStorage dapat dibagikan dengan mengakses halaman yang sama di tab ini.
3) Simpan hanya secara lokal. seesionStorage tidak dikirim ke server bersama dengan permintaan HTTP, data hanya berlaku secara lokal dan menghapus data setelah menutup tab. (Jika Anda menggunakan fungsi tab pemulihan Chrome, data seesionStorage juga akan dipulihkan.)
4) Metode penyimpanan. seesionStorage menggunakan metode kunci dan nilai. nilai harus dari jenis string (masuk non-string, juga akan dikonversi menjadi string saat disimpan.) true dikonversi menjadi "true").
5) Batas batas penyimpanan: Browser yang berbeda memiliki batas penyimpanan yang berbeda, tetapi sebagian besar browser membatasi batas atas kurang dari 5MB.
dapat diakseshttp://dev-test.nemikor.com/web-storage/support-test/Uji batas penyimpanan browser.
）
2. localStorage: Siklus hidup bersifat permanen, yang berarti bahwa kecuali pengguna secara eksplisit menghapus informasi localStorage di UI yang disediakan oleh browser, informasi tersebut akan ada selamanya.
Berbagi Informasi:
Browser yang berbeda tidak dapat berbagi informasi di localStorage atau sessionStorage. Halaman di browser yang sama dapat berbagi localStorage yang sama (halaman milik nama domain dan port yang sama), tetapi informasi sessionStorage tidak dapat dibagikan antara halaman atau tab yang berbeda. Penting untuk dicatat bahwa halaman dan tab hanya jendela tingkat atas, dan jika tab berisi beberapa tag iframe dan mereka termasuk dalam halaman yang sama, mereka dapat berbagi sessionStorage di antara keduanya.
local.storage.ts Kode Sumber:
session.storage.ts Kode sumber
Direferensikan dalam file app.module.ts
digunakan dalam komponen
|
Diposting pada 23/10/2018 10.37.13
|
|
|
|
