存储

作者: 陈裔松的技术博客 | 来源:发表于2018-12-11 10:06 被阅读0次

    cookie,sessionStorage和localStorage的区别

    cookie

    • 本身用于客户端和服务端通信
    • 但是它有本地存储的功能,于是就被“借用”
    • 使用document.cookie = ...获取和修改即可

    cookie用于存储的缺点:

    • 存储量太小,只有4KB
    • 所有http请求都带着,会影响获取资源的效率
    • API简单,需要封装才能用 document.cookie = ...

    sessionStorage和localStorage

    特点:

    • HTML5专门为存储而设计,最大容量5M
    • API简单易用
      localStorage.setItem(key,value);
      localStorage.getItem(key);

    区别:
    关闭浏览器的时候,sessionStorage会被清空,而localStorage不会。

    注意:
    iOS safari隐藏模式下,localStorage.getItem会报错,建议统一使用try-catch封装。

    相关文章

      网友评论

          本文标题:存储

          本文链接:https://www.haomeiwen.com/subject/qkhshqtx.html