• 浏览器的存储?不同点?


    一、cookie

    由服务器生成,客户端进行维护和存储,通过cookie可以让服务端知到请求时来自那个客户端,并对客户端状态进行维护。set-cookie

    cookie的工作并非本地存储,而是状态维持。

    应用场景:自动登录、购物车功能等

    缺点:存储量只有4KB,4KB容量限制是对cookie中的name=value的value来说的,并不是所有的cookie。

    可以设置过期时间:Expeires

    二、webStorage

    1.localStorage:本地存储,适用于存储内容稳定的资源,如电商网站的图片。

    特点:长期存储  ,5MB容量,不与服务端通信

    localStorage.setItem('key','value')   保存数据

    localStorage.getItem('key','value')   获取数据

    localStorage.removeItem('key','value')   移除保存的数据

    localStorage.clear('key','value')   清空所有数据

    2.sessionStorage用于浏览器的一次会话,当会话结束,数据清空。

    特点:会话级别的存储,5MB大小容量,不与服务端通信。

    方法同上;

    总结:以上三种存储主要是存储大小不同,生命周期不同,作用域不同(local是同端口下,session是同窗口)

  • 相关阅读:
    css3动画栈效果_1
    页面滚动时出现固定导航
    jquery定位到指定元素
    seajs之学习2
    seajs之学习1
    变态ie6之要求css与页面编码一致引发的问题
    ASP.NET学习笔记一
    C++学习笔记三(类和对象)
    C++学习笔记二
    unity3D学习笔记一
  • 原文地址:https://www.cnblogs.com/babilong/p/13502091.html
Copyright © 2020-2023  润新知