客戶端儲存

瀏覽器儲存在開發中經常用到，比如在多頁面應用的模型中，會將使用者的頁面歷史記錄儲存在本地，頁面前進時，在本地新增一條歷史記錄，頁面返回時，刪除最後一條歷史記錄，再訪問最後一條歷史記錄（盒端的返回規則並不像標準瀏覽器這麼規範，也沒有後退按鈕，不同廠家的盒子，系統對返回處理邏輯不同，一般自己處理頁面的返回）；應用內裝置相關類資訊（卡號，地區碼，裝置id，mac序列）只需首次進入應用時從裝置上的介面獲取去一次，然後快取本地；應用內重複使用的資料，只需跑一次平台介面，如果資料不多，也可以快取本地；頁面跳轉後當前頁面的焦點記憶。。。。。

1.1瀏覽器儲存是以網域名稱（站點）為單位進行資料儲存的。

1.2不同站點的頁面無法互相讀取對方儲存的資料

b.進到新聞再獲取改字段的值，站點已改變，「op_express_delivery_history」該字段的值為null

1.3同一站點的不同頁面之間可以互相共享儲存資料

1.4、儲存的值僅僅支援字串型別的資料（雖然草案標準指出既支援物件陣列日期等等，但是暫未支援）

2、web儲存

2.1 localstorage

a.localstorage儲存儲存有效期的儲存期限是永久性的，如果使用者不手動清除瀏覽器本地快取，那麼localstroage儲存的資料將一直保留在使用者的裝置上

b.localstorage的作用域是文件源（協議，主機名，埠）級別的

c.以名/值對的方式進行儲存

d.不同生產商的瀏覽器儲存資料也不共享

e.儲存：localstorage.setitem("name","jack")

獲取：localstorage.getitem("name")

移除：localstorage.remove("name")

清除：localstorage.clear()

2.2sessionstorage

a.sessionstorage的有效期和儲存資料的指令碼所在的最頂層視窗或者瀏覽器標籤頁是一樣的。視窗和標籤頁被關閉了，通過sessionstorage儲存的資料也就被刪除了。

b.sessionstorage的作用域不僅受文件源，瀏覽器廠商，還受頂級視窗限制。

c.儲存api同localstorage

3.cookie

3.1、有效期很短暫，只能持續在瀏覽器的會話之間，使用者關閉瀏覽器，cookie儲存的資料就會丟失，或者設定cookie的有效期，等過了這個設定期限，瀏覽器就會刪除cookie儲存的資料

3.2、只能儲存極少的資料，每次請求乙個位址，都會將cookie傳到伺服器

3.3、儲存：

document.cookie="name="+encodeuricomponent("jack")+「;max-age=120」；

獲取：var value=documnet.cookie;

var list = value.split(";");

遍歷每個cookie，記得解碼

客戶端儲存

客戶端儲存

客戶端儲存

客戶端儲存

相關推薦