首页 > 网站 > WEB开发 > 正文

HTML5存储方式介绍

2024-04-27 15:03:53

字体：大中小

来源：转载

供稿：网友

HTML5存储方式介绍及小案例

给大家介绍三种HTML5的浏览器端存储方式，以及每种方式具体的实现原理，操作规范以及它们各自的优缺点和适用场景，同时也介绍了一些非主流的存储方式。以便我们可以更好的在今后的业务中灵活运用html5的存储，从而优化业务。

H5之前如何实现存储

html5之前使用两种存储方式，分别是cookies和userdata。

cookies

1.http请求头会带着 2.存储大小受限，大概只有4k的容量 3.住Domian污染

UserData

1.只有IE支持 2.xml文件 所以h5存储就解决了这样几个问题 1.4k的存储大小问题 2.解决请求头常带存储信息的问题 3.解决了关系型存储问题 4.跨浏览器问题

H5的几种常见的存储方式

1.本地存储（localstorage && sessionstorage） 2.离线缓存（application cache） 3.IndexdDB 和 Web SQL

localstorage && sessionstorage

1.API（localstorage && sessionstorage） 2.存储形式（key –》value） 3.永不失效，除非手动删除 4.每个域名5M 注意事项 1.使用前判断浏览器是否支持 2.写入数据时，需要异常处理，避免容量超出 3.敏感信息避免存入localstorage 4.key的唯一性 使用限制 1.存储更新策略，过期控制 2.子域名之间不能共享存储数据 3.超出存储大小之后如何存储（LRU,FIFO） 4.server端如何获取

上一篇：better-scroll插件初使用

下一篇：js基础

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注