Js本地存储

一、面向对象的特点

1. 封装
   • 类似于函数，更大层次的封装
     • 函数是一个功能的封装
     • 对象是多个功能的封装
   • 隐藏细节，让使用更简单
2. 继承
   • 更灵活的扩展
3. 多态
   • 动态的扩展

二、 本地存储

1. 本地存储介绍

   • 跨时间页面存储数据

     • cookie，storage
     • 记住账号密码
     • 在商品列表页面点击加入购物车，在购物车页面可以看到刚才点击的商品
     • 登陆之后，关电脑，重新打开电脑，打开网站，还是登陆状态

   • 本地：客户端的硬盘

     • 两个客户端之间，无法互通
     • 还需要依赖浏览器，跨浏览器都拿不到
     • 甚至有些存储，跨网站都拿不到（跨域）

   • 硬盘的哪个位置：

     • 浏览器的缓存中
       • 缓存：
         • 保存浏览器每次打开网站加载的资源
         • 还有一些本地存储的数据
       • 只能存文本，字符
       • 大小限制
       • 没有加密，所以安全性要自己处理

   • 存储：

     • 一般情况下，只有服务器的数据库才可以存储数据

2. localStorage的介绍

   • 只能存字符
   • 有大小限制
   • 没有时间限制：永久
   • 是window的子对象