Cookie LocalStorage SessionStorage對比

Cookie LocalStorage SessionStorage對比


三者異同

操作

localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等

set方法:

setStore (name, content) {

? ? if (!name) return

? ? if (typeof content !== 'string') {

? ? ? content = JSON.stringify(content)

? ? }

? ? window.localStorage.setItem(name, content)

? }

get方法:

?getStore (name) {

? ? if (!name) return

? ? return JSON.parse(window.localStorage.getItem(name))

? }

remove方法:

?removeStore (name) {

? ? if (!name) return

? ? window.localStorage.removeItem(name)

? }

cookie操作

由于js原生cookie接口不友好,建議使用js-cookie

$ npm install js-cookie --save

import Cookies from 'js-cookie'

Cookies.set('name', 'value', { expires: 365 });

Cookies.get('name');

Cookies.remove('name');

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 北京2018年4月1日上午,NBA常規賽勇士客戰國王的比賽中,發生了令人痛心不已的一幕。比賽進行到第三節還有41...
    Curry_宇閱讀 1,254評論 1 1
  • 前端開發面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,562評論 0 25
  • Web Storage規范 是HTML5的一部分 目的:克服由cookie帶來的一些限制,當數據需要被嚴格的控制在...
    放風箏的小小馬閱讀 2,269評論 0 6
  • 1.一些開放性題目 1.自我介紹:除了基本個人信息以外,面試官更想聽的是你與眾不同的地方和你的優勢。 2.項目介紹...
    55lover閱讀 657評論 0 6
  • 青衫落拓的少年 偏傾我此生妄念 自別后,不盡相思……不盡愁……
    溪怡閱讀 590評論 1 22