【Html5离线存储】
Cookie存储的特点
1.cookie由服务器创建,第一次响应后,记录在浏览器
2.每次请求,cookie都会发动到服务器
3.每次响应,cookie都会推送到浏览器
4.在浏览器读取cookie比较繁琐
5.cookie容量小,只有4kb
Storage存储 : sessionStorage / localStorage
1.数据生命周期:
sessionStorage数据创建到浏览器页签关闭
localStorage数据创建到用户手动清除,或者使用clear(), removeItem(key)删除
2.数据共享:
sessionStorage 条件:同一个浏览器页签
localStorage条件:相同域名(协议,域名,端口)的不同网址
3.数据使用场景:
频繁操作且安全性不高的数据
4.可存储的数据格式:
.
数字,字符串,如果实JSON对象,需要使用 JSON.stringify(JSON对象)把其转换成字符串再存储。 获取后再调用JSON.parse(JSON的字符串)转成JSON对象再使用。
Storage存储常用方法及属性
setItem(key, value)增加一条数据
getItem(key)根据key值获取一条数据
removeItem(key)根据指定的key删除一条数据
clear()清除所有数据
key(num)获取指定索引位的key值
length数据项个数
推荐阅读
- JavaScript|JavaScript之DOM增删改查(重点)
- html5|各行业工资单出炉 IT类连续多年霸占“榜首”位置
- Shopify如何选品中文教程 – 评估所选品的产品和利基市场的准则上
- Shopify如何选品中文教程 – 评估所选品的产品和利基市场的准则下
- webpack配置|基于webpack3.x的多页面配置(HtmlWebpackPlugin学习篇二 ——动态配置)
- Shopify如何选品中文教程 – 最后一课
- &#x(unicode编码后的汉字)JS转换方法
- 微信小程序页面性能|如何解决微信小程序加载慢的问题()
- WEB前端|用HTML5canvas绘制一个圆环形的进度表示
- (15)HTML5-分辨率检测