前端【详解】缓存
HTTP 缓存
https://blog.csdn.net/weixin_41192489/article/details/136446539
CDN 缓存
CDN 全称 Content Delivery Network,即内容分发网络。
用户在浏览网站的时候，CDN会选择一个离用户最近的CDN边缘节点来响应用户的请求
CDN边缘节点的缓存机制与HTTP 缓存相同，可减少 CDN 边缘节点对源服务器的请求。
当浏览器向CDN节点请求数据时，CDN节点会判断缓存数据是否过期，若缓存数据并没有过期，则直接将缓存数据返回给客户端；否则，CDN节点就会向服务器发出回源请求，从服务器拉取最新数据，更新本地缓存，并将最新数据返回给客户端。
DNS 缓存
DNS 全称 Domain Name System , 即域名系统。
通过域名,最终得到该域名对应的IP地址的过程叫做域名解析
www.zuofc.com (域名) - DNS解析 -> 111.222.33.444 (IP地址)
浏览器、操作系统、Local DNS、根域名服务器，都会对DNS结果做一定程度的缓存。
DNS 查询的过程
- 首先搜索浏览器自身的DNS缓存, 如果存在，则域名解析到此完成。
- 如果浏览器自身的缓存里面没有找到对应的条目，那么会尝试读取操作系统的 hosts文件看是否存在对应的映射关系, 如果存在，则域名解析到此完成。
- 如果本地 hosts文件不存在映射关系，则查找本地DNS服务器(ISP服务器,或者自己手动设置的DNS服务器),如果存在,域名到此解析完成。
- 如果本地DNS服务器还没找到的话,它就会向根服务器发出请求,进行递归查询。
各种缓存的对比
| 存储位置 | 存储内容 | |
|---|---|---|
| HTTP 缓存 | 客户端浏览器的内存 / 硬盘 | js，图片，css 等 |
| CDN 缓存 | CDN 边缘节点的内存 / 硬盘 | 静态资源为主 |
| DNS 缓存 | 浏览器 / hosts文件 / 本地DNS服务器 | 映射关系 |
相关文章：
前端【详解】缓存
HTTP 缓存 https://blog.csdn.net/weixin_41192489/article/details/136446539 CDN 缓存 CDN 全称 Content Delivery Network,即内容分发网络。 用户在浏览网站的时候，CDN会选择一个离用户最近的CDN边缘节点来响应用户的请求 CDN边缘节点的缓存机制与HTTP 缓存相同…...
P5821 【LK R-03】密码串匹配
[题目通道](【L&K R-03】密码串匹配 - 洛谷) 一道神题。 如果没有修改操作，翻转A数组或B数组后就是裸的FFT了 如果每次操作都暴力修改FFT时间复杂度显然爆炸 如果每次操作都不修改，记下修改序列，询问时加上修改序列的贡献，…...
httpx，一个网络请求的 Python 新宠儿
大家好！我是爱摸鱼的小鸿，关注我，收看每期的编程干货。 一个简单的库，也许能够开启我们的智慧之门， 一个普通的方法，也许能在危急时刻挽救我们于水深火热， 一个新颖的思维方式，也许能…...
计算机网络408考研 2014
1 计算机网络408考研2014年真题解析_哔哩哔哩_bilibili 1 111 1 11 1...
JavaScript 资源大全中文版
目录 JavaScript资源大全中文版 包管理器加载器组件管理器打包工具测试框架QA工具MVC 框架和库基于 Node 的 CMS 框架模板引擎文章和帖子数据可视化 时间轴电子表格 编辑器文档工具 文件函数式编程响应式编程数据结构日期字符串数字存储颜色国际化和本地化控制流路由安全性日志…...
如何获取能直接在浏览器打开的播放地址？
背景：需要在浏览器上直接打开设备的画面，但又不想二次开发 本文介绍一种极简的取流方式，不需要掌握前端开发知识，按照本文档拼接就能得到设备的播放地址 一、准备工作 1.将设备接入到萤石账号下。萤石设备接入指南：h…...
如何用 LangChain 实现一个Zero Shot智能决策器（附源码）
写在前面 最近一直在研究Agent和Tool的使用，今天给大家带来一篇何枝大佬（知乎何枝）的文章《如何用LangChain实现一个Zero Shot智能决策器》，并附上源码。 知乎：https://zhuanlan.zhihu.com/p/627333499LangChain是当…...
读完这本书，我终于搞懂了Transformer、BERT和GPT！【附PDF】
前言 《Transformer、BERT和GPT: 包括ChatGPT和提示工程》 是一本深入浅出地介绍自然语言处理领域前沿技术的专著，全书一共379页PDF，是截止到目前比较系统介绍NLP和GPT融合领域的书籍。 全书共十章，内容丰富，结构清晰，…...
仿RabbitMq简易消息队列基础篇（Muduo库的使用）
TOC Muduo库简介 Muduo由陈硕⼤佬开发，是⼀个基于⾮阻塞IO和事件驱动的C⾼并发TCP⽹络编程库。他是一款基于主从Reactor模型的网络库，其使用的线程模型是one loop per thread, 所谓 one loop per thread 指的是： 一个线程只能有一个事件循…...
.net SqlSugarHelper
NuGet安装： SqlSugarCore using SqlSugar; using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace Namespace {public class SqlSugarHelper{public string _connectionString Custom…...
“AI能不能代替某某职业”，到底谁在破防？
前几天，公司在午间分享时谈到一个有趣的辩题：“AI能不能代替产品经理”，不仅双方辩手打了个你来我往，就连下面的吃瓜群众也进入红温状态。 “AI能不能代替xx”已经成为一个普遍的话题，在某乎上随手一刷就是不同的职业…...
智慧图书馆：构建高效视频智能管理方案，提升图书馆个性化服务
一、背景分析 随着信息技术的飞速发展，智慧图书馆作为现代公共文化服务的重要载体，正逐步从传统的纸质阅读空间向数字化、智能化方向转型。其中，视频智能管理方案作为智慧图书馆安全管理体系的重要组成部分，不仅能够有效提升图书…...
React快速开发框架
本框架主要用于快速搭建项目 使用的基本库：webpackreactreact-routertypescript ps：有不足之处请多多包涵，提出意见或者建议 目的： 前端开发大多数时间是基于市面上比较流行的成品框架开始进行开发，途中遇到的问题大…...
【前端】记录各种控制台警告/bug
一、Element Plus 1、控制台警告：“Runtime directive used on component with non-element root node. The directives will not function as intended.” 错误原因：在 Vue 组件上使用了运行时指令（指那些在运行时动态绑定到 DOM 元素上的指…...
猫咪掉毛严重怎么办？铲屎官家庭必备清理工具——宠物空气净化器
“毛，毛，毛，还是毛！”铲屎官们每天都离不开和猫毛斗智斗勇，家里的每个角落都成了“战场”，掉毛的严重程度超乎想象。有时也在后悔当初怎么不养只无毛猫，而是把毛孩子接了回来，世上没…...
顺序表的实现——数据结构
线性表 文章目录 线性表线性表的定义和基本操作线性表的定义线性表的基本操作 线性表的顺序表示顺序表的定义顺序表的实现——静态分配顺序表的实现——动态分配顺序表的特点 线性表的定义和基本操作 线性表的定义 线性表（Linear List）的定义 线性…...
【模块化】CommonJS，AMD规范，CMD规范，ES6模块化
1. CommonJS Node.js基于CommonJS规范应运而生 1.1 commonjs规范语法导出模块 module.exports { a, b }1.2 commonjs规范语法引入模块 const mod require(./导出模块name)2. AMD 规范 RequireJS 是AMD规范的实现。是js文件和模块的加载器。 在没有单页应用（angu…...
3.js - 顶点着色器、片元着色器的联系
1、定义与功能 顶点着色器 顶点着色器，是图形渲染管线中的第一个可编程阶段，它的主要任务是，处理从CPU发送到GPU的顶点数据，包括：1、顶点位置的变换（如：模型空间 -> 世界空间 -> 视图控件…...
kotlin简介
Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，被称之为 Android 世界的Swift，由 JetBrains 设计开发并开源。 Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。 在Google I/O 2017…...
Mintegral出海系列：解锁全球应用商店新增长路径
在全球化竞争的浪潮中，面对打法各异的应用和游戏品类，以及全球数百个环境不同的国家和地区，开发者们正面临着前所未有的挑战。Mintegral「出海ing」系列专题内容，助力出海开发者选准赛道探索新的增长路径。 据近期数据显示&#x…...
国防科技大学计算机基础课程笔记02信息编码
1.机内码和国标码 国标码就是我们非常熟悉的这个GB2312,但是因为都是16进制，因此这个了16进制的数据既可以翻译成为这个机器码，也可以翻译成为这个国标码，所以这个时候很容易会出现这个歧义的情况； 因此，我们的这个国…...
Vue记事本应用实现教程
文章目录 1. 项目介绍2. 开发环境准备3. 设计应用界面4. 创建Vue实例和数据模型5. 实现记事本功能5.1 添加新记事项5.2 删除记事项5.3 清空所有记事 6. 添加样式7. 功能扩展：显示创建时间8. 功能扩展：记事项搜索9. 完整代码10. Vue知识点解析10.1 数据绑…...
7.4.分块查找
一.分块查找的算法思想： 1.实例： 以上述图片的顺序表为例， 该顺序表的数据元素从整体来看是乱序的，但如果把这些数据元素分成一块一块的小区间， 第一个区间[0,1]索引上的数据元素都是小于等于10的， 第二…...
C++_核心编程_多态案例二-制作饮品
#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为：煮水 - 冲泡 - 倒入杯中 - 加入辅料 利用多态技术实现本案例，提供抽象制作饮品基类，提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...
ES6从入门到精通：前言
ES6简介 ES6（ECMAScript 2015）是JavaScript语言的重大更新，引入了许多新特性，包括语法糖、新数据类型、模块化支持等，显著提升了开发效率和代码可维护性。 核心知识点概览 变量声明 let 和 const 取代 var…...
Ascend NPU上适配Step-Audio模型
1 概述 1.1 简述 Step-Audio 是业界首个集语音理解与生成控制一体化的产品级开源实时语音对话系统，支持多语言对话（如 中文，英文，日语），语音情感（如 开心，悲伤）&#x…...
Axios请求超时重发机制
Axios 超时重新请求实现方案 在 Axios 中实现超时重新请求可以通过以下几种方式： 1. 使用拦截器实现自动重试 import axios from axios;// 创建axios实例 const instance axios.create();// 设置超时时间 instance.defaults.timeout 5000;// 最大重试次数 cons…...
MySQL 8.0 OCP 英文题库解析（十三）
Oracle 为庆祝 MySQL 30 周年，截止到 2025.07.31 之前。所有人均可以免费考取原价245美元的MySQL OCP 认证。 从今天开始，将英文题库免费公布出来，并进行解析，帮助大家在一个月之内轻松通过OCP认证。 本期公布试题111~120 试题1…...
Java面试专项一-准备篇
一、企业简历筛选规则 一般企业的简历筛选流程：首先由HR先筛选一部分简历后，在将简历给到对应的项目负责人后再进行下一步的操作。 HR如何筛选简历 例如：Boss直聘（招聘方平台） 直接按照条件进行筛选 例如：…...
uniapp 开发ios， xcode 提交app store connect 和 testflight内测
uniapp 中配置 配置manifest 文档：manifest.json 应用配置 | uni-app官网 hbuilderx中本地打包 下载IOS最新SDK 开发环境 | uni小程序SDK hbulderx 版本号：4.66 对应的sdk版本 4.66 两者必须一致 本地打包的资源导入到SDK 导入资源 | uni小程序SDK …...