請描述一下 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.用原型實現繼承有什麼缺點,如何解...