news 2026/6/10 16:53:18

在js或css后加版本号不让浏览器缓存

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
在js或css后加版本号不让浏览器缓存

客户端会缓存css或js文件,改变版本号,客户端浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下

代码如下:

<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>

<link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ />

使用参数有两种可能:

第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于

代码如下:

<script type=”text/javascript” src=”jb51.js”></script>

<link rel=’stylesheet’ href=’base.css’ type=’text/css’ />

但浏览器会认为他是 该文件的某个版本!

第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。大家可能有时候发现修改了样式或者js,刷新的时候不变,就是客户端缓存了css或者js文件,因此加上参数还是有好处的!

第二种情况最多,也可能两种同时存在。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 13:45:05

零基础教程:用Seafile搭建个人网盘只需3步

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 生成一个极简版的Seafile单机部署方案&#xff0c;要求&#xff1a;1.使用Docker-compose配置 2.包含Nginx反向代理设置 3.自动SSL证书申请 4.基础用户管理界面 5.手机端访问优化。…

作者头像 李华
网站建设 2026/6/10 9:31:14

python快速入门

正则匹配\w [A-Za-z0-9_] 但是不能匹配特殊符号如&,空格\W 匹配非单词非数字非下划线 ,比如能匹配到&,空格\d [0-9]\D [^0-9] #在中括号的^表示非\s 匹配 空白字符 比如 \t \n. 匹配 除了换行符的所有符号import rea python 111java666phpr re.findall([a-z]{3,…

作者头像 李华
网站建设 2026/6/9 13:08:30

高效RAG系统的核心要素——以Kotaemon为例的技术演进分析

高效RAG系统的核心要素——以Kotaemon为例的技术演进分析 在企业级AI应用逐渐从“能说”走向“说得准”的今天&#xff0c;一个突出的问题日益显现&#xff1a;大语言模型虽然具备强大的生成能力&#xff0c;但其知识受限于训练数据&#xff0c;容易产生幻觉、无法追溯来源、难…

作者头像 李华
网站建设 2026/6/10 14:05:32

虚拟线程入门:5个简单示例带你快速上手

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个面向初学者的虚拟线程学习项目&#xff0c;包含5个渐进式示例&#xff1a;1. 基础虚拟线程创建 2. 虚拟线程与睡眠 3. 虚拟线程异常处理 4. 虚拟线程同步 5. 简单线程池实现…

作者头像 李华
网站建设 2026/6/10 10:28:10

传统搜索 vs AI搜索:效率提升10倍的秘密

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 设计一个AI驱动的搜索工具&#xff0c;用户输入‘findsomething’后&#xff0c;工具能够自动理解用户意图&#xff0c;从多个数据源&#xff08;如数据库、API、网页&#xff09;中…

作者头像 李华
网站建设 2026/6/10 15:39:35

快速验证创意:Keil5下载与原型开发技巧

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个快速原型开发工具&#xff0c;支持以下功能&#xff1a;1. 自动下载和配置Keil5开发环境&#xff1b;2. 根据用户输入的硬件需求生成对应的STM32项目框架&#xff1b;3. 提…

作者头像 李华