前端學習筆記 本地儲存

2021-10-16 13:13:17 字數 1392 閱讀 8817

cookie算是比較早的技術,最初是為了記錄http的狀態,提高訪問速度。

cookie是伺服器"種植"在客戶端的key-value形式文字檔案,但同時客戶端也能操作cookie。

特點: 大小:cookie的大小限制在4k。每個網域名稱下cookie的個數限制在20個。

在客戶端請求伺服器端和伺服器響應時,cookie始終被攜帶在http請求中,即使不需要

(造成流量浪費)。這也是限制cookie大小的原因。

客戶端可以通過document.cookie操作cookie,並不安全。

cookie可以設定過期時間、路徑、域和httponly等字段。如果設定了過期時間,cookie會儲存在硬碟裡,直到到了設定的過期時間才會失效。若未設定過期時間,在瀏覽器視窗關閉時,cookie就失效了。路徑和域兩個字段限制了cookie的作用範圍。httponly設定為true,則js不能通過document.cookie操作cookie。

它也是採用key-value的形式儲存資料,但是它與cookie有很大的區別

特點: 對比著來,localstorage能儲存更大的資料,標準瀏覽器是5mb。

localstorage儲存在客戶端,不隨著請求傳送給伺服器,避免了流量的浪費。

客戶端可以通過:setitem、getitem方法訪問localstorage。

並且,localstorage沒有過期時間,如果不手動清除,資料就永遠不會過期,一直儲存在瀏覽器當中。

儲存的資訊在同一域中是共享的。

特點:

與localstorage不同的是,sessionstorage並不持久化,在視窗關閉那一刻,sessionstorage會被清除。

儲存的資訊是會話級別的,同域也是不能共享的。關閉當前標籤頁,sessionstorage即失效。

上面提到了cookie,順帶提一下session。

客戶端第一次訪問伺服器,伺服器種植乙個cookie,儲存唯一的sessionid。

後面客戶端再次訪問,會讀取此sessionid,能在服務端讀取到此id儲存的會話物件。

特點: session是基於cookie的,由於session在客戶端不可被修改,相對於cookie來說安全,所以可存放一些重要資料。

資料儲存在伺服器端,客戶端通過sessionid,讀取到相對應的資料。

儲存在本地:

常用的儲存方式:cookie、localstorage、sessionstorage

不常用的儲存方式:web sql database、indexeddb

儲存在伺服器:

session

鏈結1

鏈結2

前端學習之本地儲存與cookie

今天主要的學習內容是cookie與本地儲存的知識,在html5中,本地儲存是乙個window的屬性,包括localstorage和sessionstorage,從名字應該可以很清楚的辨認二者的區別,前者是一直存在本地的,後者只是伴隨著session,視窗一旦關閉就沒了。二者用法完全相同,這裡以loc...

前端本地儲存的方法

本地儲存有三種方法localstorage sessionstorage cookie cookie存值大小4kb,使用時得封裝,預設儲存時間7天 localstorage存值5mb,儲存時間永久 sessionstorage為會話級別,頁面關閉以後會銷毀 存 let ls localstorage...

Ios本地儲存(筆記)

乙個應用程式包含以下三個檔案 nsbundle 包 nsbundle資料夾 用來儲存建立工程時候,或者是開發時候所新增的檔案和 也就是工程中左面所有多東西 在 執行的過程中,裡面的所有東西是全都不能修改。documents資料夾 儲存的是在整個應用程式生命週期內一直存在的內容 5g以內 libray...