ホームページ >ウェブフロントエンド >jsチュートリアル >angularJsでブラウザキャッシュをクリアする方法
angularJsでブラウザキャッシュをクリアする方法
- 亚连オリジナル
- 2018-06-23 17:31:471739ブラウズ
この記事では、angularJs でブラウザのキャッシュをクリアする方法を主に紹介します。編集者が非常に優れていると考えたので、参考として共有します。エディターをフォローして見てみましょう
キャッシュの章
キャッシュは、将来リクエストをより速く処理できるようにデータを透過的に保存できるコンポーネントです。繰り返しリソースを取得すると、データの重複が発生し、時間がかかる場合があります。したがって、キャッシュは変動の少ない一部のデータに適しており、キャッシュで処理できるリクエストが増えるほど、システム全体のパフォーマンスが向上します。
ブラウザキャッシュ。Webサイトのパフォーマンスとブラウザの速度を向上させ、Webサイトのパフォーマンスを向上させることができるため、必要になることがあります。ただし、キャッシュによって問題が発生したり、誤ったデータが表示されたりする可能性があるため、キャッシュをクリアする必要がある場合があります。たとえば、ストック Web サイトはリアルタイムで更新されますが、Web サイトによってはほとんど更新されないため、キャッシュが必要です。
以下はブラウザをクリアする伝統的な方法です
メタメソッド
//不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">
フォームの一時キャッシュを削除します
<body onLoad="javascript:document.yourFormName.reset()">
ajaxクリアキャッシュ
$.ajax({
url:'www.haorooms.com',
dataType:'json',
data:{},
cache:false,
ifModified :true ,
success:function(response){
//操作
}
async:false
});乱数を使用します。乱数もまたキャッシュを回避する方法 とても良い方法です！
Add "?ran=" + Math.random(); //もちろん、ここで実行されるパラメータは任意に選択できます
乱数と同じランダム時間を使用します。
"?timestamp= + new Date().getTime(); を追加します。
php バックエンドを使用してクリーンアップします。
header("Cache-Control: no-cache, should -revalidate") を追加します。 (php など)
以下では、angularJs プロジェクトでブラウザをクリアする方法を紹介します。 もちろん、上記の従来の方法も適用できますが、angularJs の場合は、次の項目を追加する必要があります。
1 . テンプレートのキャッシュをクリアする
.run(function($rootScope, $templateCache) {
$rootScope.$on('$routeChangeStart', function(event, next, current) {
if (typeof(current) !== 'undefined'){
$templateCache.remove(current.templateUrl);
}
});
});2. htmlにランダムなパラメータを追加する
.state("content", {
url: "/",
views:{
"bodyInfo":{templateUrl: 'tpls/bodyInfo.html?'+ +new Date(),
controller:'bodyInfoCtrl'},
"header":{templateUrl: 'tpls/header.html?'+ +new Date(),
controller:'headerCtrl'
},
"footer":{templateUrl: 'tpls/footer.html?'+ +new Date(),
controller:'footerCtrl'
}
}
})以上です 他にも方法があれば教えてください。アドバイス！
上記は私があなたのためにまとめたものです。
関連記事:
Vue.jsでコンポーネント間の循環参照を実装する方法nodejsでの最大コールスタックエラーの超過を解決する方法
Vue+SpringBootでブログ管理プラットフォームを実装する方法
以上がangularJsでブラウザキャッシュをクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。