SessionStorage和loacalStorage區別

一、SessionStorage

1.生命周期

SessionStorage中存儲的數據在當前會話期間有效,即當頁面關閉時數據將被清除。

2.作用域

SessionStorage中的數據僅在當前標簽頁或窗口中有效,不同標簽頁或窗口之間無法共享數據。

3.存儲容量

SessionStorage的存儲容量通常比localStorage小,因為它只在當前會話期間有效。

// 使用SessionStorage
// 存儲數據
sessionStorage.setItem('username', 'Alice');
// 獲取數據
const username = sessionStorage.getItem('username');
console.log(username); // 輸出:Alice
// 刪除數據
sessionStorage.removeItem('username');

二、localStorage

1.生命周期

localStorage中存儲的數據沒有過期時間,除非手動清除或瀏覽器緩存被清除,否則數據將一直保留。

2.作用域

localStorage中的數據在同一域名下的所有頁面之間都是共享的,不同頁面間可以共享數據。

3.存儲容量

localStorage的存儲容量相對較大,一般為5MB左右,可以存儲較多的數據。

// 使用localStorage
// 存儲數據
localStorage.setItem('theme', 'light');
// 獲取數據
const theme = localStorage.getItem('theme');
console.log(theme); // 輸出:light
// 刪除數據
localStorage.removeItem('theme');

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/41656.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/41656.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/41656.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

java面試-java基礎(上)

文章目錄 一、什么是Java?特點?二、什么是JVM、JDK、JRE?三、java跨平臺實現原理四、java數據類型有哪些?五、char能不能存一個中文漢字?六、存在數字i加1小于i或者i減1小于i?七、什么是自動類型轉換與強制類型轉換?八、什么是裝/拆箱&am…

數學不好能搞人工智能嗎?

很遺憾,不能。 人工智能(AI)實際上是一個將數學、算法理論和工程實踐緊密結合的領域。AI 扒開來看就是算法,也就是數學、概率論、統計學、各種數學理論的體現。 新的時代,程序員想要跨入 AI 之門,只要稍微…

13 - Python網絡編程入門

網絡編程入門 計算機網絡基礎 計算機網絡是獨立自主的計算機互聯而成的系統的總稱,組建計算機網絡最主要的目的是實現多臺計算機之間的通信和資源共享。今天計算機網絡中的設備和計算機網絡的用戶已經多得不可計數,而計算機網絡也可以稱得上是一個“復…

Springweb詳解

Springweb詳解 一.springweb介紹 1.1 SpringWEB 特點 ? SpringWEB 是 spring 家族原生產品,與 IOC 容器等基礎設施無縫對接. ? 基于原生的 Servlet,提供了一個前端控制器 DispatcherServlet ,開發者 無須額外開發控制器對象. ? 可以自…

【SQL】聚簇索引與?聚簇索引的區別

聚簇索引(Clustered Index)和非聚簇索引(Non-Clustered Index)是數據庫索引的兩種主要類型,它們在數據存儲和訪問方式上有顯著區別。 聚簇索引 數據存儲順序:聚簇索引將數據行按照索引鍵的順序進行存儲。…

VSCode打開其它IDE項目注釋顯示亂碼的解決方法

問題描述:VSCode打開Visual Studio(或其它IDE)工程,注釋亂碼,如下圖所示: 解決方法:點擊VSCode右下角的UTF-8,根據提示點擊“通過編碼重新打開”,再選擇GB2312&#xff0…

R語言數據分析案例42-基于時間序列模型對股票預測分析和研究

一、研究背景和意義 隨著全球經濟的不斷發展和數字化轉型的加速推進,科技公司在全球市場中扮演著日益重要的角色。其中,中國的阿里巴巴集團作為全球最大的電子商務公司之一,其業務范圍覆蓋電子商務、云計算、金融科技等多個領域。由于其在中…

AI革命:RAG技術引領未來智能

AI革命:RAG技術引領未來智能 在人工智能的浪潮中,一種名為RAG(Retrieval-Augmented Generation)的技術正在悄然改變我們的世界。這種技術通過整合外部知識庫,極大地增強了大型語言模型(LLM)的性能,為智能助手、聊天機器人等應用帶來了革命性的提升。 1 突破性的RAG技…

【問題記錄】Jenkins Pipeline讀取變量的各種方法

方法一 輸出docker image鏡像標簽給IMAGE_TAG def IMAGE_TAG sh(script: docker images | grep ${SERVER_NAME} | grep $NAME_SPACE | awk {print $2}|grep ${BUILD_NUMBER}, returnStdout: true) 另外,如果想輸出docker image命令執行結果給IMAGE_TAG def IMAG…

【python】PyQt5可視化開發,如何設計鼠標顯示的形狀?

?? 歡迎大家來到景天科技苑?? 🎈🎈 養成好習慣,先贊后看哦~🎈🎈 🏆 作者簡介:景天科技苑 🏆《頭銜》:大廠架構師,華為云開發者社區專家博主,…

通信施工安全員B類測試題含答案

1.全國人民代表大會常務委員會關于修改<中華人民共和國安全生產法>的決定》由中華人民共和國第十二屆全國人民代表大會常務委員會第十次會議通過&#xff0c;自( )起施行。 A、2002年11月1日 B、2014年8月31日C、2014年12月1日(正確答案) D、2015年1月01日 2.生產經營單…

JMeter:循環控制器While Controller的用法小結

前言 在之前的博文“JMeter案例優化&#xff1a;測試執行結束后&#xff0c;實現tearDown的幾種方式”中&#xff0c;嘗試了JMeter的循環控制器While Controller&#xff0c;發現還有點小復雜&#xff0c;將學習過程記錄下來&#xff0c;免得遺忘。 注&#xff1a;我使用的是…

《C++20設計模式》外觀模式

文章目錄 一、前言二、實現1、UML類圖2、實現 一、前言 一句話總結外觀模式&#xff1a;簡化接口&#xff0c;或者簡化流程。&#x1f642; 相關代碼可以在這里&#xff0c;如有幫助給個star&#xff01;AidenYuanDev/design_patterns_in_modern_Cpp_20 二、實現 原來需要很…

動手學深度學習(Pytorch版)代碼實踐 -循環神經網絡-54~55循環神經網絡的從零開始實現和簡潔實現

54循環神經網絡的從零開始實現 import math import torch from torch import nn from torch.nn import functional as F from d2l import torch as d2l import matplotlib.pyplot as plt import liliPytorch as lp# 讀取H.G.Wells的時光機器數據集 batch_size, num_steps 32, …

多特征線性回歸

目錄 一、多特征符號意義說明&#xff1a;二、多特征模型表示&#xff1a;三、Numpy向量表示、內積計算&#xff1a;1.向量表示&#xff1a;2.內積計算&#xff1a; 四、多元線性回歸梯度下降算法&#xff1a; 一、多特征符號意義說明&#xff1a; x下標j&#xff1a;表示第j個…

怎么做外貿推廣:10個詳細教程和工具

1. 介紹 1.1 什么是外貿推廣 外貿推廣指的是將產品或服務推廣到國際市場的過程。它的主要目的是吸引海外客戶&#xff0c;增加銷售額&#xff0c;并擴大企業的全球影響力。外貿推廣不僅僅是銷售產品&#xff0c;它還包括品牌建設、市場研究和客戶關系管理。 谷歌外貿推廣案例…

機器學習---線性回歸

1、線性回歸 例如&#xff1a;對于一個房子的價格&#xff0c;其影響因素有很多&#xff0c;例如房子的面積、房子的臥室數量、房子的衛生間數量等等都會影響房子的價格。這些影響因子不妨用 x i x_{i} xi?表示&#xff0c;那么房價 y y y可以用如下公式表示&#xff1a; y …

吳恩達機器學習 第三課 week3 強化學習(月球著陸器自動著陸)

目錄 01 學習目標 02 概念 2.1 強化學習 2.2 深度Q學習&#xff08;Deep Q-Learning &#xff09; 03 問題描述 04 算法中的概念及原理 05 月球著陸器自動著陸的算法實現 06 拓展&#xff1a;基于pytorch實現月球著陸器著陸 07 總結 寫在最前&#xff1a;關于強化學習…

python conda查看源,修改源

查看源 conda config --show-sources 修改源 可以直接vim .condarc修改源&#xff0c;

Shell學習——Shell變量

文章目錄 Shell變量使用變量只讀變量刪除變量變量類型字符串變量&#xff1a; 在 Shell中&#xff0c;變量通常被視為字符串。整數變量&#xff1a; 在一些Shell中&#xff0c;你可以使用 declare 或 typeset 命令來聲明整數變量。數組變量&#xff1a; Shell 也支持數組&#…