Add ?v= version number after js or css to prevent browser caching

Copy code

The code is as follows:

<span style="font-size:14px;">css and js with parameters (such as .css?v= and .js?v= or .css?version= and .js?version= )
<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' />

There are two possibilities for using parameters:

First, the script does not exist, but is dynamically generated by the server, so it has a version number to distinguish it. That is, the above code is equivalent to the file

Copy code

The code is as follows:

But the browser will think it is a certain version of the file!

Second, the client will cache these css or js files. Therefore, every time the js or css file is upgraded and the version number is changed, the client browser will re-download the new js or css file, which serves the purpose of refreshing the cache. Sometimes you may find that after you modify the style or js, it remains unchanged when you refresh it. This is because the client has cached the CSS or JS file, so adding parameters is still helpful!
The second situation is the most common, but both may exist at the same time. </span>

<<: Summary of Common Terms in CSS (Cascading Style Sheet)

>>: How to use Flex layout to achieve scrolling of fixed content area in the head

npm Taobao mirror modification explanation

Add ?v= version number after js or css to prevent browser caching

npm Taobao mirror modification explanation

Detailed example of MySQL subquery

Detailed explanation of basic syntax and data types of JavaScript

Several commonly used methods for centering CSS boxes (summary)

How to use Docker container to access host network

Detailed explanation of how to use the vue3 Teleport instant movement function

Detailed explanation of commands to read and write remote files using Vim in Linux system

Teach you about react routing in five minutes

Solution to the problem that Navicat cannot remotely connect to MySql server

Analysis of the reasons why Vue3 uses Proxy to implement data monitoring

Recommend

Detailed explanation of Vue form event data binding

Vue implements weather forecast function

Detailed explanation of MySQL 8.0 atomic DDL syntax

HTML small tag usage tips

Detailed explanation of the best configuration for Nginx to improve security and performance

CSS inheritance method

Vue globally introduces scss (mixin)

JavaScript data type conversion example (converting other types to strings, numeric types, and Boolean types)

Detailed Tutorial on Using xargs Command on Linux

Web Design TabIndex Element

Problems with index and FROM_UNIXTIME in mysql

CentOS installation mysql5.7 detailed tutorial

Solution to 1067 when Mysql starts in Windows

5 ways to migrate Docker containers to other servers

HTML+CSS to achieve surround reflection loading effect