Similarities and differences of sessionstorage, localstorage and cookies

type	Valid range of data	Storage size	Storage location
sessionStorage	It is valid when the current tab is not closed ( Be careful ：chrome89 after , Under normal circumstances, multiple tabs cannot share data )	Maximum 5M	Only stored on the client
localStorage	Always working , Unless removed by hand	5M	Only stored on the client
Cookie	If the expiration time is not set , So as long as the browser is not closed , If the expiration time is set , Is valid before the expiration time	4KB	Every request carries , If there is too much data stored , May cause performance problems

Tool library to simplify operations

js-cookie

Related articles

Chrome to update 89 After version ,sessionStorage The loss of a Label jump lost sessionStorage

The tool library has been used for a long time , You can also operate natively Cookie Do you ？

【cookie】 Set up cookie Expiration time Timeout time ,Cookie Set up expires

Cookie Getting started to getting started （js-cookie plug-in unit ）