什么是DOM存储
DOM存储是HTML5引入的一个客户端数据存储机制。
我们最早的时候HTML存储是采用Cookie存储, 而DOM存储是HTML5引入的一个更好用的存储。
在H5页面的代码中,我们只需要存键值对就可以了:
与Cookie对比的优势为:
维度 | DOM存储 | Cookie |
容量 | 5~10MB | 4KB |
网络传输 | 数据不随HTTP请求发送,节省带宽 | 每次请求自动携带,增加流量消耗 |
编程便捷性 | 直接通过JS API操作,无需解析字符串 | 需手动处理字符串格式 |
安全性 | 数据仅存客户端,减少敏感信息泄露风险 | 易被中间人攻击截获 |