LocalStorage VS SessionStorage VS Cookie
Nov 13, 2024 am 01:07 AMCookies | LocalStorage | SessionStorage | |
---|---|---|---|
Capacity | 4kb | 5-10 MBs (Browser Dependent) | 5 MBs |
Accessibility | All windows | All windows | Private to tab |
Expiration | Manually Set | Never expires | On tab close |
Passed in request | Yes | No | No |
Storage | Browser and Server | Browser Only | Browser Only |
Permohonan
Seperti yang anda boleh lihat perbezaan utama dari jadual di atas. Berikut ialah aplikasi setiap jenis storan:
- LocalStorage - Biasanya data tidak pernah tamat tempoh dan mesti menyimpan data tidak sensitif seperti pilihan pengguna, keadaan aplikasi dll.
- SessionStorage - Data adalah peribadi pada tab dan tamat tempoh sebaik sahaja anda menutup tetingkap atau tab. Sesuai untuk menyimpan data sementara yang hanya perlu berterusan semasa pengguna menavigasi satu tab (cth., data borang sebelum penyerahan).
- Kuki - Kapasiti storan sangat kurang dan data mungkin diperlukan oleh pelayan seperti token pengesahan atau pilihan pengguna.
Sintaks
Kuki?
// below snippet will set username as key ? // Johndoe as value ? // will set expiry date for the cookie which is 31 Dec 2024 // path (cookie available to entire website) // if no path specified then cookie will be available to that particular site which created that cookie // you can delete the cookie by setting? the date that already expired (any previous date) document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2024 23:59:59 GMT; path=/";
Salin selepas log masuk
kuki membaca
console.log(document.cookie) // Outputs all cookies? as a string
Salin selepas log masuk
Storan Sesi?
sessionStorage.setItem('sessionData', 'temporaryValue'); let sessionData = sessionStorage.getItem('sessionData'); console.log(sessionData); // Outputs: temporaryValue
Salin selepas log masuk
mengeluarkan dan membersihkan
sessionStorage.removeItem('sessionData'); // it will only remove particular key sessionStorage.clear(); // clean the whole storage
Salin selepas log masuk
Storan Tempatan?
Kebanyakan jenis storan koman dan semua fungsi adalah serupa dengan jenis sesi.
//set item localStorage.setItem('username', 'JohnDoe'); // get itme let username = localStorage.getItem('username'); console.log(username); // Outputs: JohnDoe // remove item with key-value localStorage.removeItem('username'); // reset store localStorage.clear();
Salin selepas log masuk
LinkedIn ? ❤
Atas ialah kandungan terperinci LocalStorage VS SessionStorage VS Cookie. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Panas
Repo: Cara menghidupkan semula rakan sepasukan
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?
3 minggu yang lalu
By DDD
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌

Alat panas Tag

Artikel Panas
Repo: Cara menghidupkan semula rakan sepasukan
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?
3 minggu yang lalu
By DDD
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Ganti aksara rentetan dalam javascript

Tutorial Persediaan API Carian Google Custom

8 plugin susun atur halaman jquery yang menakjubkan
