Differences between localStorage, sessionStorage and cookies

Published at 2024-05-14 19:25:04Viewed 292 times

Common article

Please reprint with source link

We can store tokens and user information in localStorage, sessionStorage, or cookies. They are all ways of browser that store data locally. In browser, open the developer mode, and click Application. Then you can view the messages stored in the localStorage, sessionStorage, and cookies on the website.

Developer mode

Here are some differences between LocalStorage, SessionStorage, and Cookies:

Data in LocalStorage have no lifecycle which means it will never expire, and need to be manually deleted. It is merely stored locally in your computer and will not be sent to the backend server. LocalStorage occupies less space.
SessionStorage is similar to LocalStorage, but data in SessionStorage have a lifecycle. In other words, it will expire and be automatically deleted after you close the browser which closes any session. SessionStorage occupies less space.
Cookies also have a lifecycle, and are automatically deleted upon expiration. However, they will be sent to the backend server whenever the browser sends requests. Moreover, cookies occupy much more space.

Comments

There is no comment, let's add the first one.

弦圈热门内容

Python pip安装SSL证书错误

问题描述：正常使用pip install xxx安装会弹出错误，导致下载失败。必须增加trust host字段，才能下载成功：pip --trusted-host pypi.python.org install在cmd运行python -c "import ssl; print(ssl.get_default_verify_paths())"在默认路径里没有找到ca证书，而在Lib\site-packages\certifi文件夹中，却发现了cacert.pem文件。故而认为原因是ca证书丢失或者寻找ca证书路径出错，因此尝试修改pip的默认ca证书路径。pip.ini文件中有大量的pip配置信息，因此需要先找到该文件。在cmd通过pip -v config list发现，在多个路径中，都没有找到pip.ini文件。且了解到，pip会有一个默认的pip.conf文件（其实就是pip.ini），因此断定默认pip.ini配置文件丢失。解决办法：在python根目录中，新建pip.ini，在里面写上[global] index-url = https://mirrors.aliyun.co ...

Python generates random strings

There are two ways to generates random strings. The first one is to list all letters and numbers, and use random package.import random base_str ='ABCDEFGHIGKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789' p = random.sample(base_str, 5) print(p) >>>['S','P','G','Z','A'] The second method is to use string package directly.import string value = ''.join(random.sample(string.ascii_letters + string.digits, 8)) print(value) >>>PpvgJLmS

How to setup PrismJS and Autoloader plugin with Nuxt 3?

In previous the article Mathjax loads slow. How to load local JS file with Nuxt?, we explain how to render math equations in Nuxt.js using local CDN. With local CDN, we could easily load many Javascript libraries without slowing down our page loading.PrismJS is a light Javascript library that highlights the code blocks on your pages. In the ordinary way that setup PrismJS (see How to do syntax highlighting for code blocks in Nuxt?), you need to import the file of almost every language that you n ...

Python实现语音朗读

Python实现tts功能，有以下几种方法：（1）可以使用pyttsx3库安装：pip install pyttsx3以下是示例：import pyttsx3 engine = pyttsx3.init() engine.say('开车不规范，亲人两行泪，I love China') engine.runAndWait()（2）使用win32com库该库为调用Windows自带的语音功能，不能调音量和语速。只需安装pywin32就可以运行pip install pywin32以下为示例：import win32com.client speaker = win32com.client.Dispatch("SAPI.SpVoice") speaker.Speak("hello")（3）可以使用百度的baidu-aip库安装：pip install baidu-aip该库是付费的，质量和效果会更好，支持试用。

cover

An introduction to different branches of mathematics

The note is mainly a sketch of basic knowledge concerning general topology, differential geometry, functional analysis, algebraic geometry, etc., starting from a discussion of Euclidean spaces. However, there maybe some mistakes in the note, so use at your own risk. For simplicity, some details are omitted and can be found in the references provided. Further materials concerning algebraic geometry, especially arithmetic algebraic geometry, can be referred to another note written by the author, N ...

Differences between localStorage, sessionStorage and cookies

We can store tokens and user information in localStorage, sessionStorage, or cookies. They are all ways of browser that store data locally. In browser, open the developer mode, and click Application. Then you can view the messages stored in the localStorage, sessionStorage, and cookies on the website.Here are some differences between LocalStorage, SessionStorage, and Cookies:Data in LocalStorage have no lifecycle which means it will never expire, and need to be manually deleted. It is merely sto ...

Nginx is installed but command not found

Problem. I installed nginx on my Debian 12 server following the steps in the official documentation Installing NGINX Open Source | NGINX Documentation. At first, everything is OK😇. Running sudo nginx -v returns the correct version of nginx.However, recently, when I ran the same command, it returned command not found:sudo nginx sudo: nginx: command not found nginx bash: nginx: command not foundEither sudo nginx or nginx gives the same result😣.Solution. To solve this problem, first you need to de ...

Some chunks are larger than 500 KiB after minification

When your vue/nuxt project is large, running npm run build  may output the error : WARN 15:32:15 (!) Some chunks are larger than 500 KiB after minification. Consider: - Using dynamic import() to code-split the application - Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks ...

Mathematical analysis notes

1. Mean value theoremsTheorem 1.1. ($\color{red}{\textrm{Rolle's Theorem}}$) Let $f$ be a function that satisfies the following conditions:$f$ is ${\color{Cyan}{\textrm{continuous}}}$ on the ${\color{orange}{\textrm{closed}}}$ interval $[a,b]$.$f$ is ${\color{Cyan}{\textrm{differentiable}}}$ on the ${\color{orange}{\textrm{open}}}$ interval $(a,b)$.$f(a) = f(b)$Then there exists $\zeta\in(a,b)$ such that $f'(\zeta) = 0$.Theorem 1.2. ($\color{red}{\textrm{The Mean Value Theorem}}$) Let $f$ be a f ...

The Application of AI Spark Big Model in Natural Language Processing (NLP)

IntroductionText analysis is one of the most basic and essential processes in Natural Language Processing (NLP), and it entails extracting valuable insights and information from text data (Cecchini, 2023). With the increasing complexity and volume of text data, it is crucial to focus on the efficiency and scalability of the methods. Cecchini (2023) defines AI Spark NLP as a high-performance Python library based on Apache Spark that provides a complete solution for text data processing. Apache Sp ...

pyttsx3运行错误

接上文Python实现语音朗读，运行示例代码时import pyttsx3 engine = pyttsx3.init() engine.say('开车不规范，亲人两行泪，I love China') engine.runAndWait()弹出以下错误：经过检查，pywin32等库都已经安装好了。尝试使用win32com库替代pyttsx3，结果仍然报错，报错内容为win32 api。之后又尝试了几种办法，仍然都是跟win32有关的报错。因为之前pip安装总是SSL报错，刚开始以为是SSL报错导致安装出错。但是修复SSL报错问题后（见Python pip安装SSL证书错误），该问题仍然没解决。最后经过了解，可能是pywin32版本过高所导致。一般需要将pywin32版本控制在305以下，可以使用225或者226这样的低版本。于是使用pip下载对应版本pip install pypiwin32 pip install pywin32 == 225然而，下载时发现已经没有225版本可以下载。因此另寻办法。最终，发现是pywin32安装的版本有问题，导致包虽然有了，但是却无法识别，导致出现N ...

npm run dev Error: The specified module @css-inline could not be found

I'm using Windows 10, my Node.js version is v20.11.1, and my Nuxt version is 3.11.1. After reseting my Window 10 system,  the following error occurred when I add Nuxt SEO module in nuxt.config.ts and enter npm run dev in my nuxt project.Error: The specified module could not be found. \\?\D:\path\node_modules\@css-inline\css-inline-win32-x64-msvc\css-inline.win32-x64-msvc.nodeThe error did not occur when I remove Nuxt SEO module. Moreover, running npm idid not solve the error.Finally, I solv ...