Clear the cache of css, javascript, and background images in the browser

Clear the cache of css, javascript, and background images in the browser
In the actual project development process, the page is uploaded to the server. To reduce the load on the server and reduce the load on the server, the browser caches images, css, and js to the Local Machine for the next visit to the website. This not only reduces the pressure on the server, but also reduces the number of user downloads and provides a better user experience. However, when you upgrade the version or make some css, js, and other adjustments, the cache will make the user unable to display the updated style, which is another headache. Unless you manually upgrade the cache, almost all users do not manually clear the cache for normal access to this website, because the user does not know whether it is a cache problem. In the final analysis, the user thinks that your page is faulty and cannot be accessed normally. In order to properly use the cache and avoid such problems, we can think about it. What if we solve this problem? If the style is changed, what is the name of the style file? The answer is yes. verification will not be performed here. However, it is too troublesome to manually change the file name every time. Can you change the file name without having? The answer is yes. We can add a version number after the introduced file name, which is different from the previous version number (generally the update date ). The Code is as follows: <link rel = "stylesheet" type = "text/css" href = "reset.css? V = 20140829 "> <script type =" text/javascript "src =" core. js? V = 20140829 "> </script> you can see that my CSS file name and JS file name are followed by" v = 20140829 ". In this way, you can cache the file name without changing the file name, it can be updated in real time. However, "v = 20140829" is generally used to writing and can be changed to others. The last part is the image. Generally, images with the img tag will not be duplicated, because they are all file names generated in the background. For images with fixed file names, the method is the same as above. As the style name is changed for the background image, the resolution path of the image is updated and synchronized, so the background image is also updated.