據(jù)我對(duì)cookie誕生背景的了解，cookie是由網(wǎng)景公司創(chuàng)建的，目的就是將用戶的數(shù)據(jù)儲(chǔ)存在客戶端上。伴隨的HTML5的出現(xiàn)，現(xiàn)在又有另外一個(gè)解決數(shù)據(jù)離線儲(chǔ)存的方案，就是HTML5中的Web storage，其中兩個(gè)重要對(duì)象sessionStorage和localStorage可以解決瀏覽器sessions和長(zhǎng)期儲(chǔ)存數(shù)據(jù)的目的，并且兼容性還不錯(cuò)，IE8+以上瀏覽器都支持。
那我們直接學(xué)習(xí)Web storage不就可以了？個(gè)人認(rèn)為，這不是一個(gè)很好的學(xué)習(xí)方法。Web Storage的出現(xiàn)主要還是因?yàn)閏ookie的一些小毛病不能夠滿足前端工程師日常開(kāi)發(fā)而被加入到HTML5中作為新的API的。本質(zhì)上說(shuō)，localStorage和sessionStorage實(shí)現(xiàn)的本質(zhì)與cookie是一樣的。所以在接觸之前，先熟悉并且掌握cookie對(duì)于Web storage的學(xué)習(xí)還有很大的幫助。
這篇文章會(huì)涉及的內(nèi)容與技術(shù)：
module bundler：webpack
javascirpt如何實(shí)現(xiàn)讀取，寫入，刪除Cookie
js-cookie實(shí)現(xiàn)讀取，寫入，刪除Cookie
cookie定義
cookie其實(shí)就是服務(wù)器保存在瀏覽器的一小段文本信息。怎么保存呢？瀏覽器在向服務(wù)器發(fā)送一個(gè)http請(qǐng)求時(shí)，會(huì)在發(fā)送請(qǐng)求的首部字段中添加Cookie字段，并且附上相應(yīng)的key，value。服務(wù)器接收到請(qǐng)求并且正確返回響應(yīng)的時(shí)候，會(huì)在響應(yīng)的頭部字段中添加Set-cookie字段。這時(shí)候就完成了一次數(shù)據(jù)儲(chǔ)存的操作。當(dāng)我們關(guān)閉瀏覽器并且再次打開(kāi)的時(shí)候，相應(yīng)需要存儲(chǔ)的信息就會(huì)在expires指定的期限內(nèi)存儲(chǔ)下來(lái)。
簡(jiǎn)單的說(shuō)，就是：
當(dāng)用戶訪問(wèn)web頁(yè)面時(shí)，他的記錄可以保存在cookie中。
在用戶下一次訪問(wèn)同一頁(yè)面時(shí)，可
