前端常见的三种缓存方式

一、http缓存

A、强缓存：Expires,Cache-Control

B、协商缓存:Etag/If-None-Match、Last-Modified/If-Modified-Since

执行流程：1、强缓存未失效，从缓存中读取数据，cache-control优先级高于Expires。2、强缓存已失效，执行协商缓存，Etag的优先级高于last-Modified。3、缓存未失效从缓存中读取数据返回304状态码。4）缓存已失效返回资源和200状态码。

二、浏览器缓存

1、本地小容量缓存

Cookie：会在在同源的http请求中携带，不能超过4K，参与和服务器交互。

LocalStorage：只要不手动清除就会一直存，限制最多5M。

SessionStorage：仅在当前窗口关闭前有效，限制最多5M。

2、本地大容量缓存

websql

IndexDB

三、应用程序存储

1、PWA

前端常见的三种缓存方式相关推荐

安川伺服总线通讯方式_plc通讯方式有哪三种?plc常见的三种通讯方式
原标题:plc通讯方式有哪三种?plc常见的三种通讯方式 PLC = Programmable Logic Controller,可编程逻辑控制器,一种数字运算操作的电子系统,专为在工业环境应用而设计 ...
学习笔记 --- 编码过程中常见的三种异步方式
实际的编码过程中, 凡是涉及到网络通信的代码, 异步都是决不可缺少的. 那么什么是异步呢? 异步就是子线程, 异步通过开辟子线程来实现, 所以一提到异步就应该想到子线程. 即使不涉及网络通信, 异步也 ...
浅析步进电机常见的三种驱动方式
步进电机是一种作为控制用的特种电机, 它的旋转是以固定的角度(称为"步距角")一步一步运行的, 其特点是没有积累误差( 为100%), 所以广泛应用于各种开环控制. 步进电机的运 ...
C++ vector容器中常见的三种遍历方式
1.迭代器 for (std::vector<int>::iterator it = vecTest.begin(); it != vecTest.end(); ++it){tempNum ...
外部导入方式添加背景图_web前端基础：CSS的三种导入方式说明
随着html的成长,为了满足页面设计者的要求,HTML添加了很多显示功能.但是随着这些功能的增加,HTML变得越来越杂乱,而且HTML页面也越来越臃肿.于是css便诞生了. Web前端基础教程,Web ...
动词常见三种变形方式总结
动词常见三种变形方式总结一.动词原形讲解:标日书上写的一类动词二类动词三类动词分别对应下面的内容. 一类动词:五段动词二类动词:一段动词三类动词:サ变动词:カ变动词 ① 五段动词:(一类动词) ...
java aot,Java三种编译方式：前端编译 JIT编译 AOT编译
java程序代码需要编译后才能在虚拟机中运行,编译涉及到非常多的知识层面:编译原理.语言规范.虚拟机规范.本地机器码优化等:了解编译过程有利于了解整个Java运行机制,不仅可以使得我们编写出更优秀的代 ...
Django 数据库查询优化，choices参数(数据库字段设计常见)，MVC和MTV模型，多对多三种创建方式...
数据库查询优化 orm语句的特点:惰性查询如果仅仅只是书写了orm语句,在后面没有用到该语句所查询出来的参数,那么orm会自动识别,并不执行举例: res = models.Book.object ...
重温数据结构：二叉树的常见方法及三种遍历方式 Java 实现
读完本文你将了解到: 什么是二叉树 Binary Tree 两种特殊的二叉树满二叉树完全二叉树满二叉树和完全二叉树的对比图二叉树的实现用递归节点实现法左右链表示法表示一个二叉树节点 ...

前端常见的三种缓存方式

前端常见的三种缓存方式相关推荐

最新文章

热门文章