css、javascript、およびブラウザでのバックグラウンドマップのキャッシュをクリア

実際のプロジェクト開発の過程で、ページはサーバーにアップロードされました.サーバの圧力を減らし、ユーザーがロードを少なくするために、ブラウザは画像、css、jsをローカルにキャッシュし、次回のWebサイトへのアクセス時に使用します.これにより、サーバの圧力が減少するだけでなく、ユーザーのダウンロード回数も減少し、より良いユーザー体験を得ることができます.
しかし、バージョンのアップグレードやcss、jsなどの調整を行うと、キャッシュによって更新後のスタイルが表示されなくなり、頭が痛くなります.ユーザーが手動でキャッシュをアップグレードしない限り、ほとんどのユーザーはこのサイトに正常にアクセスするために手動でキャッシュをクリアすることはありません.ユーザーはキャッシュの問題かどうか分からないからです.結局、ユーザーはあなたのページに問題があり、正常にアクセスできないと思っています.
キャッシュを正常に使用し、このような問題を回避するために、この問題を解決すればどうなるか考えてみましょう.
スタイルを変更して正常にアクセスできない場合、スタイルのファイル名を変更しますか?答えは可能です.ここでは検証しません.しかし、毎回手動でファイル名を変更するのは明らかに面倒で、ファイル名を変更しないことができますか?答えは肯定的だ.導入したファイル名の後にバージョン番号を追加することができます.以前のバージョンとは異なるバージョン番号(一般的に更新日)です.コードは次のとおりです.

<link rel="stylesheet" type="text/css" href="reset.css?v=20140829">
<script type="text/javascript" src="core.js?v=20140829">script>

私のCSSファイル名とJSファイル名の後ろに「v=20140829」が付いているのが見えます.これにより、ファイル名を変えずにキャッシュできるようになり、リアルタイムで更新できます.「v=20140829」は一般的に書かれているだけで、他のものに変更することができます.
最後に画像です.一般的にimgラベルの画像は、バックグラウンドで生成されたファイル名であるため、名前を変更しません.固定されたファイル名の画像であれば、方法は同じです.また、背景図では、スタイル名が変更されたため、画像の解析経路が自然に更新同期されるため、背景図も更新される.