摘要:和雖然也有存儲大小的限制,但比大得多,可以達到或更大支持事件通知機制,可以將數據更新的通知發送給監聽者。有時也用,指某些網站為了辨別用戶身份,進行跟蹤而存儲在本地終端上的數據,通常經過加密。
Web Storage介紹 Web Storage帶來的好處
減少網絡流量:一旦數據保存在本地后,就可以避免再向服務器請求數據,因此減少不必要的數據請求,減少數據在瀏覽器和服務器間不必要地來回傳遞。快速顯示數據
性能好,從本地讀數據比通過網絡從服務器獲得數據快得多,本地數據可以即時獲得。再加上網頁本身也可以有緩存,因此整個頁面和數據都在本地的話,可以立即顯示。
臨時存儲:很多時候數據只需要在用戶瀏覽一組頁面期間使用,關閉窗口后數據就可以丟棄了,這種情況使用sessionStorage非常方便
essionStorage和localStorage不會自動把數據發給服務器,僅在本地保存。sessionStorage和localStorage雖然也有存儲大小的限制,但比cookie大得多,可以達到5M或更大
Web Storage 支持事件通知機制,可以將數據更新的通知發送給監聽者。Web Storage 的 api 接口使用更方便
Web StorageHTML5 提供了兩種在客戶端存儲數據的新方法==localStorage==和==sessionStorage==
localStorage
用于本地存儲一個會話(session)中的數據,這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀
sessionStorage
用于持久化的本地存儲,除非主動刪除數據,否則數據是永遠不會過期的
用途:將value存儲到key字段
用法:.setItem( key, value)
代碼示例:
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");getItem獲取value
用途:獲取指定key本地存儲的值
用法:.getItem(key)
代碼示例:
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");removeItem刪除key
用途:刪除指定key本地存儲的值
用法:.removeItem(key)
代碼示例:
sessionStorage.removeItem("key"); localStorage.removeItem("site");clear清除所有的key/value
用途:清除所有的key/value
用法:.clear()
代碼示例:
sessionStorage.clear(); localStorage.clear();sessionStorage和localStorage的有效期和數據 作用域
作用域不同,sessionStorage不在不同的瀏覽器窗口中共享,即使是同一個頁面;localStorage 在所有同源窗口中都是共享的
有效期數據有效期不同,sessionStorage:僅在當前瀏覽器窗口關閉前有效,自然也就不可能持久保持;localStorage:始終有效,窗口或瀏覽器關閉也一直保存,因此用作持久數據
cookie介紹cookies:
存儲在用戶本地終端上的數據。有時也用cookies,指某些網站為了辨別用戶身份,進行session跟蹤而存儲在本地終端上的數據,通常經過加密。一般應用最典型的案列就是判斷注冊用戶是否已經登過該網站
cookie數據始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務器間來回傳遞;cookie數據還有路徑(path)的概念,可以限制cookie只屬于某個路徑下。存儲大小限制也不同,cookie數據不能超過4k,同時因為每次http請求都會攜帶cookie,所以cookie只適合保存很小的數據,如會話標識
#### cookies 使用
cookies 需要一個簡單是靜態服務器來做開發環境,nodejs、python、php這些都有一句話起一個靜態服務器的工具。
cookies的使用需要自己封裝插件
感興趣的朋友可以用看看這個cookies插件
https://github.com/hxj886600/...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112753.html
摘要:源自阮一峰具體什么意思,請看下面的截圖就一目了然表示對象的的數量實戰網站名網站地址確認網站名查詢機制原意是小甜餅,是服務器保存在瀏覽器的一小段文本信息,屬于其中一種互聯網存儲機制。 目錄 1. Web Storage 2. Cookie機制 3. 二者的聯系與區別 1.Web Storage 1.1 概述 Web Storage是HTML5提供的一種新的瀏覽器端數據儲存機制,它提供兩...
摘要:和雖然也有存儲大小的限制,但比大得多,可以達到或更大支持事件通知機制,可以將數據更新的通知發送給監聽者。有時也用,指某些網站為了辨別用戶身份,進行跟蹤而存儲在本地終端上的數據,通常經過加密。 Web Storage介紹 Web Storage帶來的好處 減少網絡流量:一旦數據保存在本地后,就可以避免再向服務器請求數據,因此減少不必要的數據請求,減少數據在瀏覽器和服務器間不必要地來回傳...
摘要:是客戶端用來存儲數據的它既可以在客戶端設置也可以在服務器端設置。會跟隨任意請求一起發送標準中的包括了兩種存儲方式和用于本地存儲一個會話中的數據,這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。 Cookie cookie是客戶端用來存儲數據的,它既可以在客戶端設置也可以在服務器端設置。cookie會跟隨任意HTTP請求一起發送 Web Storage htm...
閱讀 1176·2021-11-23 10:10
閱讀 1499·2021-09-30 09:47
閱讀 887·2021-09-27 14:02
閱讀 2967·2019-08-30 15:45
閱讀 3019·2019-08-30 14:11
閱讀 3610·2019-08-29 14:05
閱讀 1820·2019-08-29 13:51
閱讀 2206·2019-08-29 11:33