76-本地存储

数据的分类

• 临时数据：数据保存在内存中，一旦退出程序，数据则被销毁
• 持久数据：数据存在硬盘中，即使退出了程序，数据也一直存在

持久数据存储方案（面试题）

• cookie：早期本地存储的一种方式 （document.cookie）

  • 特点：

    • 内存比较小，大概4kb左右

      • 单位换算：8bit = 1byte 1024byte = 1kb 1024kb = 1mb

    • 数据会一直被发送到服务器中去

    • 数据保存是有一个有效期

• 本地存储：H5提供的新特新，将前端数据储存到浏览器端

  • 特点：

    • 内容至少5mb
    • 数据不会主动发送到服务器
    • 可以实现数据的永久保存

本地存储分类

• 窗口本地存储（会话级存储）：基于浏览器窗口进行进行存储，只要浏览器的窗口被关闭，则数据被清除
• 永久本地存储：基于浏览器进行数据存储，只要不主动清除数据，那么数据则会被永久保存

名字	作用
setItem("键名","属性值")	存储数据到本地
getItem("键名")	取出对应属性值
removeItem("键名")	删除对应键值对
clear()	一键清空

• sessionStorage：窗口存储前缀
• localStorage：永久本地存储前缀

存储数据类型

• 注意：本地存储中只能保留字符串类型，其他数据类型存储时会使用.String()
• 字符串
• JSON

json

• 概念：js的对象简谱（javascript Object Notation），是一种轻量级的数据交换格式

  • js转json：JSON.stringify(转换数据)

  • json转js：JSON.parse(转换数据)

    JSON.stringify(转换数据)
    
    JSON.parse(转换数据)