詳解web存儲(chǔ)中的storage

web存儲(chǔ)之storage

        近期工作中使用的數(shù)據(jù)存儲(chǔ)比較多，在工作之余寫(xiě)一篇關(guān)于存儲(chǔ)的博客來(lái)加深自己的印象，希望大家多多批評(píng)指正。

一、 web存儲(chǔ)分為兩種，sessionStorage、localStorage；

二、 web存儲(chǔ)的特性；

1.設(shè)置、讀取方便

2.容量較大，sessionStorage約5M、localStorage約20M

3.可以直接存儲(chǔ)字符串，對(duì)象存儲(chǔ)依靠JSON.stringify() 編碼后存儲(chǔ)

4.window.sessionStorage 

1）生命周期為關(guān)閉瀏覽器窗口
2）在同一個(gè)窗口下數(shù)據(jù)可以共享

5.window.localStorage

1)永久生效，除非手動(dòng)刪除
2)可以實(shí)現(xiàn)在同瀏覽器多窗口共享

三、 web存儲(chǔ)的兼容性；    

四、 web存儲(chǔ)的字符串操作api（sessionStorage 和 localStorage 操作api相同）

 獲得本地的存儲(chǔ)            

window.localStorage.getItem( ‘a(chǎn)ge' )

 在本地存儲(chǔ)一個(gè)鍵值對(duì)  

 window.localStorage.setItem( key，value )

 刪除本地存儲(chǔ)的一個(gè)值 

window.localStorage.removeItem( key )

 清空本地存儲(chǔ)                

window.localStorage.clear()

 獲取本地存儲(chǔ)的key值   

 window.localStorage.key( index ) 

五、 web存儲(chǔ)的對(duì)象操作api

1、在本地存儲(chǔ)一個(gè)對(duì)象

window.localStorage.setItem ('socketArr',JSON.stringify( { key:1 } ) );

 2、獲得本地的存儲(chǔ)的對(duì)象 

JSON.parse(localStorage.getItem ('socketArr') );

 如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！