前端学习：浏览器缓存方式有哪些
迪丽瓦拉
2024-03-29 05:46:22
0次
浏览器缓存有哪些
浏览器缓存的问题在后台项目中会经常出现，本期文章会总体介绍 浏览器缓存的几种方式 和 通常缓存的方式 。👇👇👇
| 浏览器缓存方式 | 概要 |
|---|---|
| http缓存 | 基于HTTP协议的浏览器文件级缓存机制 |
| websql | 只有较新的chrome浏览器支持，并以一个独立规范形式出现 |
| indexDB | 一个为了能够在客户端存储可观数量的结构化数据，并且在这些数据上使用索引进行高性能检索的 API |
| Cookie | 一般网站为了辨别用户身份、进行 session跟踪而储存在用户本地终端上的数据 （通常经过加密） |
| Localstorage | html5的一种新的本地缓存方案（目前用的比较多），一般用来存储ajax返回的数据，加快下次页面打开时的渲染速度，浏览器关闭不会全部删除 |
| Sessionstorage | 和localstorage类似，但是浏览器关闭则会全部删除，api和localstorage相同（实际项目中使用较少） |
| application cache | 将大部分图片资源、js、css等静态资源放在manifest文件配置中 |
| cacheStorage | 在ServiceWorker的规范中定义的，可以保存每个serverWorker申明的cache对象 |
| flash缓存 | （基本不用） 主要基于flash有读写浏览器端本地目录的功能 |
ps：通常缓存已高亮，后续会围绕这三种通常缓存方法不定期更新~
觉得这篇文章有用的小伙伴们
可以点赞➕收藏➕关注哦~🔥🔥🔥