cookie
概念
cookie是瀏覽器存盤資料的一種方式,是本地存盤,一般會自動隨著瀏覽器每次請求發送到服務器端,最初是用來存盤web中的狀態資訊,也就是說用于瀏覽器和服務端之間的通信,在html5之前借用來做本地存盤,
利用 Cookie 跟蹤統計用戶訪問該網站的習慣,比如什么時間訪問,訪問了哪些頁面,在每個網頁的停留時間等,

演示
1.一開始document.cookie是啥也沒有,我們需要追加資料
2.我們可以通過document.cookie = '字串'來寫入cookie
3.讀取的是一個由名值對構成的字串,每個名值對之間由“; ”(一個分號和一個空格)隔開
4.如果名相同,值不同,則會覆寫前者

我們可以通過瀏覽器來查看寫入的資訊

我們也可以查看Network來查看給服務端發送的資訊

缺點
其實cookie用來做本地存盤,有點像古人所說的“狗拿耗子,多管閑事”
1.每個 Cookie 的存盤容量很小,最多只有 4KB 左右
2.http請求時需要發送到服務器端,增加請求的資料量
3.只能用document.cookie = "xxx" 來修改
localStorage/sessionStorage
這兩種存盤方式不同與cookie,它們就是為存盤而生的
優點
1.HTML5專門為存盤而設計的,最大可存5M
2.API簡單易用 例如:setItem、getItem
3.不會隨著http請求發送出去

我們可以通過瀏覽器來查看寫入的資訊

sessionSorage的API也一樣


注意事項:
存盤的鍵和值只能是字串型別,不是字串型別,也會先轉化成字串型別再存進去
sessionSorage和localSorage的區別:
sessionSorage是會話存盤,瀏覽器關閉則會清空
localSorage的資料是永久存盤的,除非代碼或手動洗掉
今天寫的內容不多,主要是提供給初學者了解瀏覽器的存盤相關知識,如果需要學習更多豐富API操作和屬性,可以去瀏覽一下其他優秀博主的博客,
今天你學廢了嗎?

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/374806.html
標籤:其他
下一篇:cgb2110-day09
