成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript學(xué)習(xí)篇--本地存儲(chǔ)

hss01248 / 1860人閱讀

摘要：本地存儲(chǔ)的方案?jìng)鹘y(tǒng)把信息存儲(chǔ)到客戶端的瀏覽器中但是項(xiàng)目服務(wù)器端也是可以獲取的把信息存儲(chǔ)到服務(wù)器上的服務(wù)器存儲(chǔ)永久存儲(chǔ)在客服端的本地。

在客戶端運(yùn)行的js是不能操作用戶電腦磁盤中的文件的（這是為了保護(hù)客戶端運(yùn)行的安全）。

1、js中的本地存儲(chǔ)：

使用js向?yàn)g覽器的某一個(gè)位置中存儲(chǔ)一些內(nèi)容，瀏覽器即使關(guān)閉了，存儲(chǔ)的信息也不會(huì)銷毀，當(dāng)在重新打開瀏覽器的時(shí)候我們依然可以獲取到上一次存儲(chǔ)的信息。

本地存儲(chǔ)的方案：

傳統(tǒng)：

cookie：把信息存儲(chǔ)到客戶端的瀏覽器中（但是項(xiàng)目服務(wù)器端也是可以獲取cookie的）

session：把信息存儲(chǔ)到服務(wù)器上的（服務(wù)器存儲(chǔ)）

HTML5：webstorage

localstorage：永久存儲(chǔ)在客服端的本地。

sessionstorage：信息的會(huì)話存儲(chǔ)，會(huì)話窗口存在信息也存在，會(huì)話窗口關(guān)閉信息也就消失了。

2、cookie localstorage sessionstorage

->webStorage

setltem([key],[value]):像客服端的本地存儲(chǔ)一條記錄，存儲(chǔ)的[value]需要是字符串格式的，如果編寫的不是字符串，瀏覽器會(huì)默認(rèn)的轉(zhuǎn)化為字符串然后在進(jìn)行存儲(chǔ)；同源下存儲(chǔ)的[key]是不會(huì)重復(fù)的，如果之前有的話，是把存儲(chǔ)的信息值進(jìn)行修改。如果存儲(chǔ)的value是一個(gè)對(duì)象，需要先使用JSON.stringify()進(jìn)行轉(zhuǎn)化。

getltem([key]):獲取之前存儲(chǔ)的值；

removeltem([key]):移除KEY對(duì)應(yīng)的存儲(chǔ)記錄

clear():把當(dāng)前源下的所有的存儲(chǔ)記錄都移除掉

localStorage.length:獲取存儲(chǔ)的記錄條數(shù)

localStorage.key(0):獲取索引為0這一項(xiàng)的KEY是什么。

localStorage.setltem("age",7);

localStorage.getltem("age");

localStorage.removeltem("age");

localStorage.clear();

localStorage和sessionStorage的區(qū)別

localStorage屬于永久存儲(chǔ)在本地，不管是刷新頁(yè)面還是關(guān)掉頁(yè)面或者關(guān)閉瀏覽器，存儲(chǔ)的內(nèi)容都不會(huì)消失，只有我們自己手動(dòng)的去刪除才會(huì)消失（不管是殺毒軟件還是瀏覽器自帶的清除歷史記錄功能都不能把localStorage存儲(chǔ)的內(nèi)容清除掉）

sessionStorage屬于臨時(shí)的會(huì)話存儲(chǔ)，只要當(dāng)前的頁(yè)面不關(guān)閉，信息就可以存儲(chǔ)下來，但是頁(yè)面一旦關(guān)閉，存儲(chǔ)的信息就會(huì)自動(dòng)清除（F5刷新頁(yè)面只是把當(dāng)前的DOM結(jié)構(gòu)等進(jìn)行重新的渲染，會(huì)話并沒有關(guān)閉）

cookie

document.cookie = "age = 7"

cookie和localStorage的區(qū)別

1）、cookie

cookie存儲(chǔ)內(nèi)容的大小是有限制的，一般同源下只能存儲(chǔ)4kb的內(nèi)容；localStorage存儲(chǔ)的內(nèi)容也有大小限制，一般同源下只能存儲(chǔ)5MB

cookie存儲(chǔ)的內(nèi)容是有過期時(shí)間的，而localStorage是永久存儲(chǔ)到本地，使用殺毒軟件或者瀏覽器自帶的清除垃圾的功能都有可能把存儲(chǔ)的cookie給刪除掉

用戶可能處于安全的角度禁用cookie（無痕瀏覽器），但是不能禁止localStorage

真實(shí)的項(xiàng)目中的本地存儲(chǔ)都使用哪些東西？

記住用戶名密碼或者自動(dòng)登錄；用戶的部分信息，當(dāng)用戶登錄成功后我們會(huì)把用戶的一些信息記錄到本地的cookie中，這樣在項(xiàng)目中的任何頁(yè)面都可以知道當(dāng)前登錄的用戶是哪一個(gè)了；購(gòu)物車..（存儲(chǔ)少量信息或者是需要瀏覽器兼容的都需要使用cookie來進(jìn)行存儲(chǔ)）

2）、localStorage

在pc端我們可以用其存儲(chǔ)某一個(gè)js或者css中的源代碼；還可以把一些不需要經(jīng)常更新的數(shù)據(jù)存儲(chǔ)到本地，存儲(chǔ)的時(shí)候可以設(shè)置一個(gè)存儲(chǔ)的事件，以后重新刷新頁(yè)面，看一下時(shí)間有沒有超過預(yù)定的時(shí)間，如果已經(jīng)過時(shí)了，我們從新獲取最新數(shù)據(jù)，沒超過我們還是繼續(xù)使用本地?cái)?shù)據(jù)。

本地存儲(chǔ)都是明文存儲(chǔ)

對(duì)于重要的信息我們一般不要存儲(chǔ)到本地，如果非要存儲(chǔ)的話我們需要把存儲(chǔ)的信息進(jìn)行加密

可逆轉(zhuǎn)加密：加密完成還可以解密回來

不可逆轉(zhuǎn)加密：MD5

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91439.html

相關(guān)文章

  • 前端相關(guān)大雜燴

    摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址：Learning React.js is easier than you think 原文作...

    fuyi501 評(píng)論0 收藏0

  • Day 19: EmberJS 入門指南

    摘要：在文件夾內(nèi)創(chuàng)建，內(nèi)容如下創(chuàng)建，內(nèi)容如下使用安裝依賴在的頭部加入調(diào)用命令，同時(shí)在你的默認(rèn)瀏覽器中打開。最后，我們更新下，給每個(gè)報(bào)道添加鏈接修改完畢地后，可以在瀏覽器中直接看到結(jié)果。 編者注：我們發(fā)現(xiàn)了有趣的系列文章《30天學(xué)習(xí)30種新技術(shù)》，正在翻譯，一天一篇更新，年終禮包。下面是第19天的內(nèi)容。 到目前為止，我們這一系列文章涉及了Bower、AngularJS、GruntJS、P...

    awesome23 評(píng)論0 收藏0

  • 騰訊前端求職直播課——筆試篇

    摘要：主講人黎騰年加入騰訊，技術(shù)面試官引入面試是一個(gè)讓面試官認(rèn)識(shí)你的過程，盡全力展現(xiàn)的你就好，正常發(fā)揮沒通過再接再厲，失常發(fā)揮沒通過實(shí)為遺憾要求要求找準(zhǔn)定位，重視基礎(chǔ)前端發(fā)展日新月異，打牢基礎(chǔ)原生，才能以不變應(yīng)萬變?nèi)缧阅?，安全要求用更遠(yuǎn)的視角去看 主講人：黎騰(Litten)：13年加入騰訊， 技術(shù)面試官 1.引入 面試是一個(gè)讓面試官認(rèn)識(shí)你的過程，盡全力展現(xiàn)100%的你就好，正常發(fā)揮沒通過...

    Sunxb 評(píng)論0 收藏0

  • 騰訊前端求職直播課——筆試篇

    摘要：主講人黎騰年加入騰訊，技術(shù)面試官引入面試是一個(gè)讓面試官認(rèn)識(shí)你的過程，盡全力展現(xiàn)的你就好，正常發(fā)揮沒通過再接再厲，失常發(fā)揮沒通過實(shí)為遺憾要求要求找準(zhǔn)定位，重視基礎(chǔ)前端發(fā)展日新月異，打牢基礎(chǔ)原生，才能以不變應(yīng)萬變?nèi)缧阅?，安全要求用更遠(yuǎn)的視角去看 主講人：黎騰(Litten)：13年加入騰訊， 技術(shù)面試官 1.引入 面試是一個(gè)讓面試官認(rèn)識(shí)你的過程，盡全力展現(xiàn)100%的你就好，正常發(fā)揮沒通過...

    cnTomato 評(píng)論0 收藏0

  • 騰訊前端求職直播課——筆試篇

    摘要：主講人黎騰年加入騰訊，技術(shù)面試官引入面試是一個(gè)讓面試官認(rèn)識(shí)你的過程，盡全力展現(xiàn)的你就好，正常發(fā)揮沒通過再接再厲，失常發(fā)揮沒通過實(shí)為遺憾要求要求找準(zhǔn)定位，重視基礎(chǔ)前端發(fā)展日新月異，打牢基礎(chǔ)原生，才能以不變應(yīng)萬變?nèi)缧阅埽踩笥酶h(yuǎn)的視角去看 主講人：黎騰(Litten)：13年加入騰訊， 技術(shù)面試官 1.引入 面試是一個(gè)讓面試官認(rèn)識(shí)你的過程，盡全力展現(xiàn)100%的你就好，正常發(fā)揮沒通過...

    yintaolaowanzi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<