摘要:最近學(xué)習(xí)了本地存儲(chǔ)幾種方式各自的特點(diǎn)和區(qū)別,遂記錄下來,以加深印象。是服務(wù)器種植在客戶端的形式文本文件。這也是限制大小的原因。保存在客戶端,不隨著請(qǐng)求發(fā)送給服務(wù)器,避免了流量的浪費(fèi)。存儲(chǔ)的信息是會(huì)話級(jí)別的,同域也是不能共享的。
最近學(xué)習(xí)了本地存儲(chǔ)幾種方式各自的特點(diǎn)和區(qū)別,遂記錄下來,以加深印象。
一、cookiecookie算是比較早的技術(shù),最初是為了記錄http的狀態(tài),提高訪問速度。cookie是服務(wù)器"種植"在客戶端的key-value形式文本文件。但同時(shí)客戶端也能操作cookie。
特點(diǎn):
大?。篶ookie的大小限制在4k。每個(gè)域名下cookie的個(gè)數(shù)現(xiàn)在在20個(gè)。
在客戶端請(qǐng)求服務(wù)器端和服務(wù)器響應(yīng)時(shí),cookie始終被攜帶在http請(qǐng)求中,即使不需要(造成流量浪費(fèi))。這也是限制cookie大小的原因。
客戶端可以通過document.cookie操作cookie,并不安全。
cookie可以設(shè)置過期時(shí)間、路徑、域和httpOnly等字段。如果設(shè)置了過期時(shí)間,cookie會(huì)保存在硬盤里,知道到了設(shè)定的過期時(shí)間才會(huì)失效。若未設(shè)置過期時(shí)間,在瀏覽器窗口關(guān)閉時(shí),cookie就失效了。路徑和域兩個(gè)字段限制了cookie的作用范圍。httpOnly設(shè)置為true,則js不能通過document.cookie操作cookie。
二、localStorage它也是采用key-value的形式存儲(chǔ)數(shù)據(jù),但是它與cookie有很大的區(qū)別
特點(diǎn):
對(duì)比著來,localStorage能保存更大的數(shù)據(jù),標(biāo)準(zhǔn)瀏覽器是5Mb。
localStorage保存在客戶端,不隨著請(qǐng)求發(fā)送給服務(wù)器,避免了流量的浪費(fèi)。
客戶端可以通過:setItem、getItem方法訪問localStorage。
并且,localStorage沒有過期時(shí)間,如果不手動(dòng)清除,數(shù)據(jù)就永遠(yuǎn)不會(huì)過期,一直保存在瀏覽器當(dāng)中。
存儲(chǔ)的信息在同一域中是共享的。
三、sessionStorage特點(diǎn):
與localStorage不同的是,sessionStorage并不持久化,在窗口關(guān)閉那一刻,sessionStorage會(huì)被清除。
存儲(chǔ)的信息是會(huì)話級(jí)別的,同域也是不能共享的。關(guān)閉當(dāng)前標(biāo)簽頁,sessionStorage即失效。
四、session(附加)上面提到了cookie,順帶提一下session??蛻舳说谝淮卧L問服務(wù)器,服務(wù)器種植一個(gè)cookie,保存唯一的sessionId。后面客戶端再次訪問,會(huì)讀取此sessionId,隨即能在服務(wù)端讀取到此id保存的會(huì)話對(duì)象。
特點(diǎn):
session是基于cookie的,由于session在客戶端不可被修改,相對(duì)于cookie來說安全,所以可存放一些重要數(shù)據(jù)。
數(shù)據(jù)保存在服務(wù)器端,客戶端通過sessionId,讀取到相對(duì)應(yīng)的數(shù)據(jù)。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://hztianpu.com/yun/90475.html
摘要:以下為大家整理了阿里巴巴史上最全的面試題,涉及大量面試知識(shí)點(diǎn)和相關(guān)試題。的內(nèi)存結(jié)構(gòu),和比例。多線程多線程的幾種實(shí)現(xiàn)方式,什么是線程安全。點(diǎn)擊這里有一套答案版的多線程試題。線上系統(tǒng)突然變得異常緩慢,你如何查找問題。 以下為大家整理了阿里巴巴史上最全的 Java 面試題,涉及大量 Java 面試知識(shí)點(diǎn)和相關(guān)試題。 JAVA基礎(chǔ) JAVA中的幾種基本數(shù)據(jù)類型是什么,各自占用多少字節(jié)。 S...
摘要:登錄認(rèn)證幾乎是任何一個(gè)系統(tǒng)的標(biāo)配,系統(tǒng)客戶端等,好多都需要注冊(cè)登錄授權(quán)認(rèn)證。假設(shè)我們開發(fā)了一個(gè)電商平臺(tái),并集成了微信登錄,以這個(gè)場景為例,說一下的工作原理。微信網(wǎng)頁授權(quán)是授權(quán)碼模式的授權(quán)模式。 登錄認(rèn)證幾乎是任何一個(gè)系統(tǒng)的標(biāo)配,web 系統(tǒng)、APP、PC 客戶端等,好多都需要注冊(cè)、登錄、授權(quán)認(rèn)證。 場景說明 以一個(gè)電商系統(tǒng),假設(shè)淘寶為例,如果我們想要下單,首先需要注冊(cè)一個(gè)賬號(hào)。擁有了賬...
摘要:寫在前面月到這天,前端提升營,騰訊大佬們分享個(gè)人經(jīng)驗(yàn),使出各種前端方面的大招。并且減輕服務(wù)器的負(fù)擔(dān),的原則是按需取數(shù)據(jù),可以最大程度的減少冗余請(qǐng)求和響應(yīng)對(duì)服務(wù)器造成的負(fù)擔(dān)。控制表單控件的禁用狀態(tài)。 寫在前面 5月24到30這7天,IMWeb前端提升營,騰訊大佬們分享個(gè)人經(jīng)驗(yàn),使出各種前端方面的大招。從中學(xué)習(xí)了很多前端方面的知識(shí),也get到了前端學(xué)習(xí)的方法論,還有一些算法知識(shí)等等。 現(xiàn)將...
閱讀 2517·2021-10-11 10:57
閱讀 1363·2021-10-09 09:59
閱讀 2083·2019-08-30 15:53
閱讀 3280·2019-08-30 15:53
閱讀 1090·2019-08-30 15:45
閱讀 830·2019-08-30 15:44
閱讀 3518·2019-08-30 14:24
閱讀 1026·2019-08-30 14:21