更新時間:2021年05月18日14時29分 來源:傳智教育 瀏覽次數(shù):
H5的瀏覽器存儲有以下6種,我們分別來介紹。
1、cookie
這個存儲用了很久了,而且也是以前大多網(wǎng)站十分喜歡的存儲站點(diǎn)。但是也很容易被清除。同時cookie會在每一次通信過程中傳向服務(wù)端。同時cookie有一個很好的地方就是,它本身有一個過期時間屬性,可以用來標(biāo)注一個變量的有效期。而cookie一旦過期就會被自動刪除掉。
2、localStorage、sessionStorage
·localStorage: 持久存儲,只要用戶不主動刪除就會一直存在。
·sessionStorage:面向session的瀏覽器存儲,因此只存在于一個頁面的生命周期內(nèi),關(guān)閉即清除兩者均采用鍵值對的形式存儲數(shù)據(jù)。
3、indexedDB
內(nèi)嵌在瀏覽器端的非關(guān)系型數(shù)據(jù)庫,數(shù)據(jù)以鍵值對的形式存儲,兼容性良好indexDB直接操作的存儲對象是ObjectStore,這有點(diǎn)類似其他數(shù)據(jù)庫中table概念。
4、websql
內(nèi)嵌在瀏覽器的關(guān)系型數(shù)據(jù)庫,前端可以像在使用mysql、Oracle一樣的寫sql語句, 并存儲信息。兼容性良好。存儲后可在瀏覽器resource中查看。
5、window變量
生命周期有限,一般大家也不會去使用。但是對于全局變量的臨時存儲來說,還是一個不可多得的好地方。
6、flash cookie
flash cookie現(xiàn)在用的地方比較多。
猜你喜歡:
Doctype的作用,H5 為什么只需要寫DOCTYPE HTML?
北京校區(qū)