原生js 客戶端儲存的種類

2021-09-08 17:08:26 字數 1047 閱讀 6377

客戶端儲存遵循同源策略,不同的站點頁面之間不可以相互讀取對方的資料,但同一站點的不同頁面之間可以共享儲存的資料

客戶端儲存的種類:

1、web儲存

localstorage、sessionstorage

2、cookie

3、userdata(ie)

4、web資料庫(尚未標準化)

索引資料庫api(indexed database api)

5、檔案系統api

用於將檔案通過xhr上傳到伺服器

主要看了localstorage和sessionstorage

區別:1、儲存的有效期。localstorage為永久儲存,除非使用者手動刪除;sessionstorage為會話儲存,頁面關閉之後就消失。

2、作用域:localstorage限定在檔案源的級別,只要是同源的頁面,都可以共享資料;sessionstorage只能再視窗級別共享資料(視窗為頂級視窗,頂級視窗和子視窗之間可以共享sessionstorage的資料)。

api:

setitem(「x」, 1)// 設定

getitem(「x」)// 獲取

remoitem(「x」)// 刪除

clear()// 刪除全部

key(i) // 獲取第i個資料的key

儲存事件:

使用localstorage儲存資料時,在當前頁面儲存,會在其他同源頁面中觸發儲存事件(只有儲存資料真正發生變化時才會被觸發)

註冊儲存事件可以使用addeventlistener或attachevent的方法(絕大多數瀏覽器還可以使用onstorage的方法,但firefox不支援)

事件物件:(ie8不支援)

key // 被設定或移除的項的鍵,如果是呼叫的clear,則該值為null

newvalue // 儲存該項的新值,如果是刪除,則該值為null

oldvalue // 改變之前的值,如果是新項,則該值為null

storagearea // localstorage、sessionstorage等

url // 觸發該儲存事件的文件url

Zookeeper客戶端(二) 原生客戶端

在zookeeper客戶端 一 原生客戶端中我們主要介紹了使用zookeeper客戶端對節點的增刪改查等操作,但是別忘了還有acl許可權控制,這裡我們就再來看一看在zookeeper客戶端中,我們是如何使用acl許可權控制的。首先我們需要先連線我們的服務端,這裡和之前類似,有一點不同的是,這裡我們沒...

客戶端儲存

他們的區別在儲存的有效期和作用域 localstorage儲存是永久性的,作用域是同源文件.同源文件由三個方面確定.埠號,協議,主機名.同樣也受限於瀏覽器廠家,不同瀏覽器廠家之間的localstorage是不能互享的.sessionstorage的儲存性是和頂層標籤是同步的,如果頂層標籤關閉,那麼s...

客戶端儲存

客戶端儲存 由於http協議是無狀態路的協議,其無法記住使用者的狀態,所以就有了客戶端儲存用來記錄使用者的狀態。同樣的客戶端儲存也是遵守同源策略,所以不同站點的頁面是無法讀取對方儲存的資料 有oatuh2.0 用來跨站登入的,即qq互聯這種登入方式。用於進行登入的很大都是用時序圖進行繪製的。儲存。安...