HTML 5 Web 儲存 與 應用快取

2022-05-21 01:56:18 字數 861 閱讀 2401

頁面快取: html、js、css等,這些快取資源是由於瀏覽器的行為而產生; 

資料快取

----------dom storage(web storage):   local storage; session storage; 儲存一些簡單的用key/value對即可解決的資料。

html5 提供了兩種在客戶端儲存資料的新方法:

之前,這些都是由 cookie 完成的。但是 cookie 不適合大量資料的儲存(cookie存貯大小是在4kb左右),因為它們由每個對伺服器的請求來傳遞,這使得 cookie 速度很慢而且效率也不高。不推薦cookie存貯重要敏感的資料,不同頁面傳值可以通過cookie操作;cookie伴隨http請求,自動傳送伺服器,brower關閉,cookie消失;

cookie:同域共享,跨域不行;同域要訪問其他頁面cookie、還要保證cookie設定頁面跟所在頁面在同一檔案目錄結構,平級;

原生js操作cookie:document.cookie="key=value; key=value"   

jquery: $.cookie("key","value",)    ------ path:設定cookie訪問路徑,『/』 整站檔案都可訪問cookie,path設定該路徑下的所有檔案都能訪問cookie,還可以設定cookie有效期:expires,值是個date例項  ;max-age:最大期限(多少秒之後過期) 秒做單位;

跨域(兩個**共享主機)訪問cookie   用 domain設定,使得domain設定的目錄以下的所有目錄都能訪問cookie

secure:指定cookie傳送時機

什麼是 HTML5 Web 儲存

使用html5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是 cookie。但是web 儲存需要更加的安全與快速.這些資料不會被儲存在伺服器上,但是這些資料只用於使用者請求 資料上.它也可以儲存大量的資料,而不影響 的效能.資料以 鍵 值 對存在,web網頁的資料只允許該網頁訪問使用。l...

前端基礎(三十三 HTML5 web儲存)

在使用html5提供的web儲存前,我們都是通過cookie來完成,但是cookie 不適合大量資料的儲存,因為它們由每個對伺服器的請求來傳遞,這使得 cookie 速度慢且效率低。而在html5中,資料不是由每個伺服器請求傳遞的,而是在只有使用時傳遞。這一特性使在不影響 效能的條件下儲存大量資料成...

html5 web本地儲存將取代我們的cookie

在html5中為我們提供了一種本地快取機制,它將取代我們的cookie,並且它是不會隨瀏覽器發會我們的伺服器端的。我們可以採用js在客戶端自由的操作本地快取。html5中快取主要有localstorage,和sessionstorage。他們的用法一致。區別在於他們的時間限制不同。localstor...