一、寫在前面
前端的存儲(chǔ)方式也是重中之重，下面來(lái)總結(jié)一下前端存儲(chǔ)方式的種類。
二、總結(jié)
主要存在四種：cookie,localStorage,sessionStorage,indexedDB。
2.1、cookies：
在HTML5標(biāo)準(zhǔn)前本地儲(chǔ)存的主要?式，優(yōu)點(diǎn)是兼容性好，請(qǐng)求頭?帶cookie?便，缺點(diǎn)是??只有4k，?動(dòng)請(qǐng)求頭加?cookie浪費(fèi)流量，每個(gè)domain限制20個(gè)cookie，使?起來(lái)麻煩需要??封裝。
2.2、localStorage：HTML5加?的以鍵值對(duì)(Key-Value)為標(biāo)準(zhǔn)的?式，優(yōu)點(diǎn)是操作?便，永久性儲(chǔ)存（除??動(dòng)刪除），??為5M，兼容IE8+
2.3、sessionStorage：與localStorage基本類似，區(qū)別是sessionStorage當(dāng)??關(guān)閉后會(huì)被清理，?且與cookie、localStorage不同，他不能在所有同源窗?中共享，是會(huì)話級(jí)別的儲(chǔ)存?式。
2.4、IndexedDB：是被正式納?HTML5標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)儲(chǔ)存?案，它是NoSQL數(shù)據(jù)庫(kù)，?鍵值對(duì)進(jìn)?儲(chǔ)存，可以進(jìn)?快速讀取操作，?常適合web場(chǎng)景，同時(shí)?JavaScript進(jìn)?操作會(huì)?常?便。