亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

1.簡(jiǎn)單的介紹一下localStorage，sessionStorage，cookie

localStorage:僅在客戶端存儲(chǔ)不參與服務(wù)器通信，存儲(chǔ)大小一般為5M，如果不是人為清除，那么即使是關(guān)閉瀏覽器也會(huì)一直存在。

sessionStorage:僅在客戶端存儲(chǔ)不參與服務(wù)器通信，存儲(chǔ)大小一般為5M，會(huì)話級(jí)存儲(chǔ)，也就是說(shuō)如果關(guān)閉當(dāng)前頁(yè)面或者瀏覽器那么就會(huì)清除。

cookie:客戶端存儲(chǔ)，參與服務(wù)器通信，存儲(chǔ)大小為4k,可設(shè)置生命周期，在設(shè)置的生命周期內(nèi)有效。

2.寫(xiě)法

localStorage.setItem("temp",arr) //存儲(chǔ)

localStorage.getItem("temp") //讀取

localStorage.removeItem("arr"); //刪除

localStorage.clear(); //清空注意：存入的數(shù)據(jù)只能以字符串形式存入

提供轉(zhuǎn)JOSN數(shù)據(jù)方法：

obj = JSON.stringify(obj); //JSON對(duì)象轉(zhuǎn)JSON字符串

obj=JSON.parse(localStorage.getItem("temp2")); //JSON字符串轉(zhuǎn)JSON對(duì)象

-----------------------------------------------------------------------------

sessionStorage.setItem("temp", arr);   // 存儲(chǔ)

sessionStorage.getItem("temp");   //讀取跟localStorage寫(xiě)法一樣

-----------------------------------------------------------------------------

cookie在vue項(xiàng)目中

cnpm install js-cookie --save //安裝

import Cookies from 'js-cookie'  //引入

Cookies.set('title', this.form.title) //存儲(chǔ)

this.title = Cookies.get('title') //讀取原生的cookie自己封裝一個(gè)即可使用

3.需要注意的點(diǎn)

1.不同瀏覽器無(wú)法共享localStorage,

2.相同瀏覽器的不同頁(yè)面間可以共享相同的 localStorage但是前提必須是在同一域名和端口下。如果一個(gè)標(biāo)簽頁(yè)包含多個(gè)iframe標(biāo)簽且他們屬于同源頁(yè)面，那么他們之間是可以共享sessionStorage的。

3.在谷歌無(wú)痕模式下，localStorage、cookie是讀取不到的，但是你可以新增數(shù)據(jù)然后讀取，但是關(guān)閉頁(yè)面后再打開(kāi)還是會(huì)清空。

項(xiàng)目上可能遇到的坑：

我明明設(shè)置了localstorage為什么在新打開(kāi)的頁(yè)面中沒(méi)有獲取到？

我們常常在本地寫(xiě)代碼的時(shí)候可能會(huì)使用的地址是http://localhost:9527,但是我們?cè)陧?xiàng)目中新打開(kāi)一個(gè)項(xiàng)目的頁(yè)面的時(shí)候他打開(kāi)的可能是network地址http://192.168.2.115:9527/所以就會(huì)出現(xiàn)讀取不到localstorage的情況，這時(shí)，我們用network地址打開(kāi)項(xiàng)目就可以獲取到本地存儲(chǔ)的值了。network地址和本地地址域名是不一樣的，所以獲取不到存儲(chǔ)的值。