Web 本地儲存和Vue本地儲存例項

2022-10-09 08:03:07 字數 1127 閱讀 3459

資料的設定和讀取比較方便。

容量較大,sessionstorage大約為5mb,localstorage大約為20mb。

只能儲存字串,若想要儲存json物件,則可以使用window.json.stringify()或者parse()進行序列化和反序列化編碼

sessionstorage的儲存週期只有一次會話(關閉瀏覽器就會消失)

localstorage的儲存週期是永久的(關閉瀏覽器資料還在),除非使用者手動清除瀏覽器快取檔案

window.localstorage.setitem('鍵','值')

window.sessionstorage.setitem('鍵','值')

方法/屬性

描述

key(n)

該方法用於返回儲存物件中第n個key的名稱

setitem(key, value)

該方法接收乙個鍵名和值作為引數,將會把鍵值對新增到儲存中,如果鍵名存在,則更新其對應的值

getitem(key)

該方法接收乙個鍵名作為引數,返回鍵名對應的值

removeitem(key)

該方法刪除鍵名為key的儲存內容

clear()

該方法清空所有儲存內容

length

該屬性返回storage儲存物件中包含的item的數量

設定資料

獲取資料

刪除資料

} }

x總數:}

clear

data: ,

methods: ,

//單擊刪除按鈕觸發事件,清除指定下標陣列的值

del: function (index) ,

//單擊清空按鈕,清除陣列arr裡所有是值

delall: function ()

},//監聽事件

watch:

}})

web本地儲存

localstorage sessionstorage localstorage 長期儲存 資料依然會一直存在 手動清除 1.儲存資料到本地 sessionstorage.setitem email gengwenx yeah.net localstorage.setitem email gengw...

web本地儲存

隨著網際網路的快速發展,基於網頁的應用越來越普遍,同時也變的越來越複雜,為了滿足各種各樣的需求,會經常性在本地儲存大量的資料,傳統方式我們以 document.cookie來進行儲存的,但是由於其儲存大小只有4k左右,並且解析也相當的複雜,每一次傳送請求都會攜帶上cookie,會造成頻寬的浪費,給開...

web 本地儲存

說明 對瀏覽器來說,使用 web storage 儲存鍵值對比儲存 cookie 方式更直觀,而且容量更大,它包含兩種 localstorage 和 sessionstorage localstorage 長期儲存 與 sessionstorage 一樣,但是瀏覽器關閉後,資料依然會一直存在 api...