Η σελίδα στο προσκήνιο δεν χρειάζεται να αποθηκεύει δεδομένα στη βάση δεδομένων, αλλά πρέπει να μεταβιβάζει τα δεδομένα στην επόμενη σελίδα. Εδώ μπαίνει η προσωρινή αποθήκευση δεδομένων. Χρήση προσωρινής μνήμης στο frontend.
Ομοιότητες:
1. Η συνάρτηση είναι η ίδια, το sessionStorage και το localStorage είναι και τα δύο αντικείμενα που χρησιμοποιούνται για την αποθήκευση προσωρινών πληροφοριών στον πελάτη.
2. Τύπος περιεχομένου αποθήκευσης: Και οι δύο αποθηκεύουν δεδομένα τύπου συμβολοσειράς.
3. Λειτουργία αποθήκευσης δεδομένων: κλειδί-τιμή, η χρήση της λειτουργίας είναι η ίδια.
Διαφορές:
Κύκλος ζωής:
1. sessionStorage: Ο κύκλος ζωής είναι το τρέχον παράθυρο ή καρτέλα, μόλις κλείσει το παράθυρο ή η καρτέλα, τότε όλα τα δεδομένα που είναι αποθηκευμένα μέσω του sessionStorage θα αδειάσουν, συνιστάται η χρήση του sessionStroage για λόγους ασφαλείας.
( 1) Ομόλογοι περιορισμοί πολιτικής. Για να λειτουργήσετε στην ίδια συνεδρίαΑποθήκευση μεταξύ διαφορετικών σελίδων, πρέπει να βρίσκονται στο ίδιο πρωτόκολλο, το ίδιο όνομα κεντρικού υπολογιστή και την ίδια θύρα. (Οι IE 8 και 9 αποθηκεύουν δεδομένα με βάση μόνο το ίδιο όνομα κεντρικού υπολογιστή, αγνοώντας τις απαιτήσεις πρωτοκόλλου (HTTP και HTTPS) και αριθμού θύρας)
2) Όριο μίας καρτέλας,Στην καρτέλα μιας σελίδας, μπορείτε να έχετε πρόσβαση σε διαφορετικές διευθύνσεις URL! Εδώ είναι το όριο μιας καρτέλας。 sessionStorage περιορίζονται σε μία μόνο καρτέλα και τα δεδομένα sessionStorage μπορούν να κοινοποιηθούν μεταβαίνοντας στην ίδια σελίδα σε αυτήν την καρτέλα.
3) Αποθηκεύστε μόνο τοπικά. Τα δεδομένα του seesionStorage δεν αποστέλλονται στον διακομιστή μαζί με το αίτημα HTTP, τίθενται σε ισχύ μόνο τοπικά και διαγράφουν τα δεδομένα μετά το κλείσιμο της καρτέλας. (Εάν χρησιμοποιείτε τη λειτουργία καρτέλας ανάκτησης του Chrome, θα αποκατασταθούν επίσης τα δεδομένα του seesionStorage.)
4) Μέθοδος αποθήκευσης. Το seesionStorage χρησιμοποιεί τις μεθόδους κλειδιού και τιμής. Η τιμή πρέπει να είναι τύπου συμβολοσειράς (εισερχόμενη μια μη συμβολοσειρά, θα μετατραπεί επίσης σε συμβολοσειρά όταν αποθηκευτεί.) Η τιμή true μετατρέπεται σε "true").
5) Όριο αποθήκευσης: Διαφορετικά προγράμματα περιήγησης έχουν διαφορετικά όρια αποθήκευσης, αλλά τα περισσότερα προγράμματα περιήγησης περιορίζουν το ανώτατο όριο σε λιγότερο από 5 MB.
προσιτόςhttp://dev-test.nemikor.com/web-storage/support-test/Ελέγξτε το όριο χώρου αποθήκευσης του προγράμματος περιήγησης.
)
2. localStorage: Ο κύκλος ζωής είναι μόνιμος, πράγμα που σημαίνει ότι εκτός εάν ο χρήστης διαγράψει ρητά τις πληροφορίες localStorage στη διεπαφή χρήστη που παρέχεται από το πρόγραμμα περιήγησης, οι πληροφορίες θα υπάρχουν για πάντα.
Κοινή χρήση πληροφοριών:
Διαφορετικά προγράμματα περιήγησης δεν μπορούν να κάνουν κοινή χρήση πληροφοριών στο localStorage ή στο sessionStorage. Οι σελίδες στο ίδιο πρόγραμμα περιήγησης μπορούν να μοιράζονται τον ίδιο localStorage (οι σελίδες ανήκουν στο ίδιο όνομα τομέα και θύρα), αλλά οι πληροφορίες sessionStorage δεν μπορούν να κοινοποιηθούν μεταξύ διαφορετικών σελίδων ή καρτελών. Είναι σημαντικό να σημειωθεί ότι οι σελίδες και οι καρτέλες είναι μόνο παράθυρα ανώτατου επιπέδου και εάν μια καρτέλα περιέχει πολλές ετικέτες iframe και ανήκουν στην ίδια σελίδα, μπορούν να μοιράζονται το sessionStorage μεταξύ τους.
local.storage.ts Πηγαίος κώδικας:
session.storage.ts Πηγαίος κώδικας
Αναφέρεται στο αρχείο app.module.ts
Χρησιμοποιείται σε εξαρτήματα
|