tag localstorage

標籤
貢獻23
76
02:33 AM · Oct 27 ,2025
linong 頭像 jackysummer 頭像 zpfei 頭像 songhuijin 頭像 flyhome 頭像 mataotao 頭像 sctec 頭像 xc_xiang 頭像 zhifou_5cf8bb7bcc249 頭像 invalidnull 頭像 susuhhhhhh 頭像 chenxiang_594a1cea112c2 頭像

@localstorage / 博客 RSS 訂閱

chenxiang_594a1cea112c2 頭像

阿古達木 - ExpiredStorage-給localstroage增加超時功能 源碼解讀

https://www.npmjs.com/package... 這個庫拓展了localStroage。在設置item的時候，會另外再設置一個key用來存儲過期時間。當在取數據的時候判斷是否過期並且remove元素。 用法 expiredStorage = new ExpiredStorage(); // 60秒後過期 expiredStorage.setItem("test", "fo

localstorage , 前端 , Javascript

收藏 評論

infinilabs 頭像

極限實驗室 - 如何讓 localStorage 數據實現實時響應

重大事項 📣 ：重大事項提前通知！快來圍觀，不容錯過！ 極限科技 一直致力於為開發者和企業提供優質的開源工具，提升整個技術生態的活力。除了維護國內最流行的分詞器 analysis-ik 和 analysis-pinyin，也在不斷推動更多高質量開源產品的誕生。 在極限科技成立三週年之際，公司宣佈以下產品和工具已全面開源： INFINI Framework INFINI Gateway I

react , localstorage , Web

收藏 評論

liuyuxuan6666 頭像

LYX6666 - 解決lodash由於依賴錯誤導致無法啓動的問題

目錄 問題描述 嘗試的解決辦法 真正的解決辦法 結論 一、 問題描述 一個很久沒接觸的老項目，前兩天想看一下里面一個功能，結果前端起不來了。 先上報錯： Error: node_modules/@types/lodash/common/object.d.ts:1026:46 - error TS1005: '?' expected. 1026 : K extend

node.js , localstorage , typescript , npm , 前端

收藏 評論

whoami_5dba847482280 頭像

whoami - JWT存在cookie還是localstorage?

建議存放在Cookie。 JWT存放在localstorage 為了應對XSS攻擊，我們通常需要對用户輸入進行過濾或者轉義編碼，避免攻擊者輸入有害的腳本。然而現代web應用出於一些特定的目的（例如cdn）經常會插入外部的腳本，這些腳本可能遭到破壞。而localstorage沒有類似cookie http-only的手段無法阻止js直接訪問數據，XSS攻擊的威脅較大。 同樣，

localstorage , cookie , Jwt

收藏 評論

refanbanzhang 頭像

熱飯班長 - 當從localStorage中獲取數據時，如何做異常處理？

提出問題 下面的代碼在有初始值的情況下，能夠工作的很好，但是當localStorage中存在非法的數據時就會拋出異常，如果你的程序沒有做好異常處理，就會崩潰。 const todosStr = localStorage.getItem('todos') const todos = JSON.parse(todosStr) 分析問題 能夠拋出異常的位置在JSON.parse，當JSON.parse解

localstorage , 前端 , Javascript

收藏 評論

shine_zhu 頭像

軒軒 - 本地存儲封裝

前言 在項目中使用本地存儲(LocalStorage/SessionStorage)的場景有很多，如果有較多頻次的使用，則可以考慮簡單封裝一下。 封裝便利： 統一管理：如果視頻頻次將多，考慮將本地存儲全放到某一個文件夾中，避免後期混亂幾不好維護等問題； 序列化：存儲的時候轉字符串，使用的時候轉回來，通過公共方法處理即可，不用當使用的時候再逐個處理； 類型推斷：在實例化時傳入類型，在傳入和獲

localstorage , typescript , Javascript

收藏 評論

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：瀏覽器本地存儲 Web Storage

寫在前面 瀏覽器本地存儲包括兩個對象：sessionStorage 和 localStorage，它們都是 Storage 的實例對象。 window.localStorage instanceof Storage; // true Web Storage 的基本使用 查-訪問數據：getItem() 方法。 增改-添加、修改數據：setItem() 方法。 刪-刪除數據：removeItem()

面試小抄 , sessionstorage , localstorage , 前端 , Javascript

收藏 評論

beckyyyy 頭像

beckyyyy - cookie、session、web storage

cookie與session的區別 首先，使用cookie和session的目的都是為了跟蹤記錄用户狀態，因為http協議是無狀態的協議，而某些場景服務端需要記錄用户的狀態，如購物車，需要來識別具體的用户，服務端就為特定的用户創建特定的session，用於標識並跟蹤用户； 其次，cookie和session都是會話技術，session保存在服務端，cookie保存在客户端，服務端無法知道請求對應哪

sessionstorage , localstorage , cookie , 前端 , Javascript

收藏 評論

gracetangyi 頭像

Grace糖衣 - 瀏覽器存儲

瀏覽器存儲 瀏覽器存儲包括兩種方式，分別是 sessionStorage、localStorage 對於每個源（origin）sessionStorage 和 localStorage 使用不同的 Storage 對象——獨立運行和控制 關於兼容性：部分瀏覽器不可用 sessionStorage 為每一個給定的源維持一個獨立的存儲區域，該存儲區域在頁面會話期間可用 只要瀏覽器處於

localstorage , 前端

收藏 評論

zhuyunbo 頭像

很白的小白 - 瀏覽器存儲及JavaScript重寫LocalStorage方法實現瀏覽器本地存儲設置時間問題

最近遇到了用户登錄信息本地存儲的問題，所以需要對瀏覽器的localStorage的存儲時間進行設置，因此重寫localStorage方法並在此記錄。 瀏覽器幾個存儲總結： localStorage保存的數據（大小5M左右），以“鍵值對”的形式長期存在。也就是説，每一項數據都有一個鍵名和對應的值，所有的數據都是以文本格式保存。保存的數據沒有過期時間，直到手動去除。 sessionStorage

瀏覽器 , localstorage , 前端 , Javascript

收藏 評論

kylebing 頭像

KyleBing - Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層

Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層 閲讀此文你需要已經瞭解並掌握的： 已經會使用常規地圖的生成方式 已經瞭解如何載入 Loca 插件 如果不瞭解，可以查看我之前的文章： 高德地圖 Vue 中 加載 數據可視化 Loca 的方式 如何使用高德地圖 API 做一個路線規劃應用，展示自定義路線 高德地圖 API Loca 3D動畫的説

vue.js , 高德地圖 , localstorage , 地圖 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 三種瀏覽器存儲方案，你還擔心數據無處放嗎

webStorage 基本概念 webStorage提供了兩種存儲方式，localStorage和sessionStorage。 localStorage是持久化存儲，不主動刪除存儲的內容會永久存在 sessionStorage為會話級存儲，關閉瀏覽器則銷燬 具體的區別在於 關閉網頁後重新打開，localStorage會保留，sessionStorage不會被保留 在頁面內實現跳轉，

sessionstorage , indexeddb , localstorage , cookie , Javascript

收藏 評論

linong 頭像

linong - 前端培訓-中級階段（22）- localStorage/sessionStorage本地存儲（2019-10-24期）

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本着提升技術水平，打牢基礎知識的中心思想，我們開課啦（每週四）。 Storage Storage 提供了訪問特定域名下的會話級別或永久級別的存儲功能，例如，可以添加、修改或刪除存儲的數據項。 鍵值對是以字符串的形式存儲。且是同

sessionstorage , localstorage , 前端 , html5 , Javascript

收藏 評論

susuhhhhhh 頭像

用户bPcSPjP - 微信小程序實現歷史搜索功能（h5同理）

1.實現效果 2.實現原理 將數據存在storage中。 wx.setStorageSync('search_history', JSON.stringify(this.data.list)) 取數組前15條。 if (wx.getStorageSync('search_history') ){ this.setData({ list:JSON.parse(wx.get

小程序 , localstorage , 緩存 , storage , 前端

收藏 評論

invalidnull 頭像

註銷 - 使用瀏覽器的 Local Storage 真的安全嗎？

LocalStorage 是一個 HTML5 網絡存儲對象，用於將數據存儲在客户端——即本地，在用户的計算機上。 本地存儲的數據沒有到期日期，並且會一直存在，直到被刪除。 （相比之下，會話存儲是另一個 HTML5 網絡存儲 API，它會在瀏覽器關閉時刪除存儲的數據。） 本地存儲是純 JavaScript。 同樣，雖然它仍然在用户的設備上生成純文本文檔，但本地存儲也允許存儲多達 5MB 的數據（與

react , vue.js , localstorage , 前端 , Javascript

收藏 評論

zhifou_5cf8bb7bcc249 頭像

知否 - Web 存儲技術

一、背景介紹 第一個Web存儲的技術叫做Cookie，它是網站的身份證。是網站為了辨別用户身份，進行session（服務端的session）跟蹤而存儲在用户本地終端上的數據，也就是説它是存在電腦硬盤上的，一個很小的txt類型的文件。Cookie每次都會跟隨http請求發送到服務端，也就是説每一個http請求都會帶上我們的cookie數據，因此它存在一個安全性的問題。 cookie本身也是有很大的侷

websql , sessionstorage , indexeddb , localstorage , cookie

收藏 評論

xc_xiang 頭像

Alan - LocalStorage

先來幾道面試題 1、a.meituan.com 和 b.meituan.com 這兩個域能夠共享同一個 localStorage 嗎？ 2、在 webview 中打開一個頁面：i.meituan.com/home.html，點擊一個按鈕，調用 js 橋打開一個新的 webview：i.meituan.com/list.html，這兩個分屬不同webview的頁面能共享同一個 loc

sessionstorage , localstorage , cookie

收藏 評論

sctec 頭像

樑柱 - 存儲

cookie、session、token cookie、session產生的背景 HTTP 是無狀態的協議，服務器與瀏覽器為了進行會話跟蹤，必須主動的去維護一個狀態，這個狀態用於告知服務端前後兩個請求是否來自同一瀏覽器。而這個狀態需要通過 cookie 或者 session 去實現。 Cookie 的實現機制 Cookie是由HTTP服務器設置的，保存在瀏覽器中。服務器通過Set-Cookie響

sessionstorage , localstorage , cookie , html5 , session

收藏 評論

mataotao 頭像

風徹 - Session

Session Cookie 和 Session 區別與聯繫 由於HTTP協議是無狀態的協議，所以服務端需要記錄用户的狀態時，就需要用某種機制來識具體的用户，這個機制就是Session。 典型的場景比如購物車，當你點擊下單按鈕時，由於HTTP協議無狀態，所以並不知道是哪個用户操作的，所以服務端要為特定的用户創建了特定的Session，用用於標識這個用户，並且跟蹤用户，這樣才知道購物車

localstorage , cache-control , 前端 , Javascript , session

收藏 評論

flyhome 頭像

bilibili - 前端常見面試-存儲/緩存篇

前面文章專門對前端面試中css常見的考核知識點做了相關的梳理，大家需要的課自行查看上一篇文章：前端常見面試-css篇 對於前端開發者來説，緩存是大家都耳熟能詳的一個知識點，但是經常在面試的過中，稍微深入詢問的時候，就會出現知識點混亂，比如常見的http緩存，本地存儲，cookie的使用。下面分別就這三個方面具體闡述，以此來鞏固大家的知識體系。 一、cookie 1、cookie是什麼？ HT

sessionstorage , localstorage , 面試 , cookie , 本地存儲

收藏 評論

songhuijin 頭像

用户bPbA4lM - cookies , sessionStorage和localStorage

cookies：數據大小不超過4k，cookies過期之前一直有效，會自動傳遞到服務器 sessionStorage：存儲大小相對cookies大得多（5M或更大），關閉瀏覽器窗口後自動刪除，僅存本地 localStorage：存儲大小相對cookies大得多（5M或更大），除非手動刪除，關瀏覽器後不會刪除，僅存本地

sessionstorage , localstorage , cookie

收藏 評論

zpfei 頭像

zpfei - 拷貝網站sessionStorage或者localStorage到另一個網站

複製，將以下代碼在要拷貝的console裏執行 sessionStorage 全拷貝 copy(` const sess = ${JSON.stringify(sessionStorage)}; for (const key in sess) { sessionStorage.setItem(key, sess[key]) } `); localStorage 全拷貝 copy(`

sessionstorage , localstorage , Javascript

收藏 評論

jackysummer 頭像

JackySummer - sessionStorage、localStorage用法總結

在工作中使用sessionStorage存儲數據時，發現sessionStorage無法直接存儲數組和對象，如存入對象則顯示為"[object Object]"，對此作下記錄，重新温習sessionStorage和localStorage html5 中的 web Storage 包括了兩種存儲方式：sessionStorage 和 localStorage 共同點 存儲大小為5MB，都保存在客户

sessionstorage , localstorage

收藏 評論