頁面快取: 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...