前端学习：浏览器缓存方式有哪些（cookie、localstorage、sessionstorage）

Dorable_Wander

已于 2022-12-10 02:05:03 修改

阅读量1.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：浏览器 HTML CSS JavaScript 文章标签：前端缓存 edge chrome 经验分享

于 2022-12-09 00:45:33 首次发布

本文链接：https://blog.youkuaiyun.com/XSL_HR/article/details/128245716

浏览器缓存的问题在后台项目中会经常出现，本期文章会总体介绍 浏览器缓存的几种方式和通常缓存的方式 。👇👇👇

浏览器缓存方式	概要
http缓存	基于HTTP协议的浏览器文件级缓存机制
websql	只有较新的chrome浏览器支持，并以一个独立规范形式出现
indexDB	一个为了能够在客户端存储可观数量的结构化数据，并且在这些数据上使用索引进行高性能检索的 API
Cookie	一般网站为了辨别用户身份、进行 session跟踪而储存在用户本地终端上的数据（通常经过加密）
Localstorage	html5的一种新的本地缓存方案（目前用的比较多），一般用来存储ajax返回的数据，加快下次页面打开时的渲染速度，浏览器关闭不会全部删除
Sessionstorage	和localstorage类似，但是浏览器关闭则会全部删除，api和localstorage相同（实际项目中使用较少）
application cache</