前端面試指南 JS 9 web API 儲存

2021-10-09 07:22:11 字數 1919 閱讀 3198

請描述一下 cookies,sessionstorage 和 localstorage 的區別?

cookie 是**為了標示使用者身份而儲存在使用者本地終端(client side)上的資料(通常經過加密)

cookie 資料始終在同源的 http 請求中攜帶(即使不需要),記會在瀏覽器和伺服器間來回傳遞。

sessionstorage 和 localstorage 不會自動把資料發給伺服器,僅在本地儲存。

儲存大小:

cookie 資料大小不能超過 4k。

sessionstorage 和 localstorage 雖然也有儲存大小的限制,但比 cookie 大得多,可以達到 5m 或更大。

有效期(生命週期):

localstorage: 儲存持久資料,瀏覽器關閉後資料不丟失除非主動刪除資料;

sessionstorage: 資料在當前瀏覽器視窗關閉後自動刪除。

cookie: 設定的 cookie 過期時間之前一直有效,即使視窗或瀏覽器關閉

共享:sessionstorage 不能共享,

2. localstorage 在同源文件之間共享,

cookie 在同源且符合path規則的文件之間共享

cookie

本身用於瀏覽器和server通訊,被"借用」到本地儲存來。

方法

document.cookie=

'a=100'

document.cookie=

'b=200'

document.cookie // "a=100; b=200"

缺點

儲存大小,最大4kb。

http 請求時需要傳送到服務端,增加請求資料量。

只能用 document.cookie =』…』 來修改,太過簡陋。

localstorage 和 sessionstorage

特點html5專門為儲存而設計,最大可存5m.

api簡單易用 setitem、 getitem

localstorage.

setitem

('a'

,100

)localstorage.

getitem

('a'

)// "100"

sessionstorage.

setitem

('b'

,200

)sessionstorage.

getitem

('b'

)// "200"

不會隨著 http 請求被傳送出去

區別localstorage 資料會永久儲存,除非**或手動刪除。

sessionstorage 資料只存在於當前會話,瀏覽器關閉則清空。

一般用 localstorage 會更多些

cookie、localstorage、sessionstorage區別

容量api易用性

是否跟隨http請求傳送出去

cookie、localstorage、 sessionstorage、session

cookie 和 localstorage

主要區別是 cookie 會被傳送到伺服器,而 localstorage 不會

cookie 一般最大 4k,localstorage 可以用 5mb 甚至 10mb(各瀏覽器不同)

localstorage 和 sessionstorage

localstorage 一般不會自動過期(除非使用者手動清除),而 sessionstorage 在回話結束時過期(如關閉瀏覽器)

cookie 和 session

cookie 存在瀏覽器的檔案裡,session 存在伺服器的檔案裡

session 是基於 cookie 實現的,具體做法就是把 sessionid 存在 cookie 裡

前端面試準備(js)

1 1 使用字串函式 或者寫做 function reversestring2 str 1 2 使用for迴圈 function reversestring3 str return newarray 1 3 使用遞迴 function reversestring4 str else 2 1 使用sp...

Js前端面試題

1.判斷js型別的方法 1 typof 2 可以判斷出 string boolean undefiend number 3 但是判斷typeof null 時值為object 判斷物件陣列的時候也是object object.prototype.tostring.call 可以判斷出所有型別 arr...

前端面試題 Js

1.原型 原型鏈 建構函式 例項 繼承 原型 proto 原型物件 prototype 用作建構函式中有prototype 原型物件 例項中有 proto 2.有幾種方式可以實現繼承 原型繼承,構造繼承,例項繼承,拷貝繼承,組合繼承,寄生組合繼承,class繼承 3.用原型實現繼承有什麼缺點,如何解...