Maison interface Web js tutoriel Comment vider le cache du navigateur dans AngularJs

Comment vider le cache du navigateur dans AngularJs

Jun 23, 2018 pm 05:31 PM
angularjs 浏览器缓存

Cet article présente principalement la méthode de vidage du cache du navigateur dans angulaireJs. L'éditeur pense que c'est plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un coup d'œil

Chapitre sur le cache

Un cache est un composant qui peut stocker des données de manière transparente afin de pouvoir répondre aux demandes plus rapidement à l'avenir. L'obtention répétée de ressources peut entraîner une duplication des données et prendre du temps. Par conséquent, la mise en cache convient à certaines données peu variables. Plus le cache peut traiter de requêtes, plus les performances globales du système peuvent être améliorées.

Cache du navigateur, nous en avons parfois besoin, car il peut améliorer les performances du site Web et la vitesse du navigateur, ainsi que les performances du site Web. Mais parfois, nous devons vider le cache, car le cache peut causer des problèmes et des données erronées peuvent apparaître. Par exemple, les sites Web boursiers sont mis à jour en temps réel. Ces sites Web n'ont pas besoin d'être mis en cache. Certains sites Web sont rarement mis à jour, il est donc préférable d'avoir un cache.

Ce qui suit est la méthode traditionnelle pour vider le navigateur

méthode méta

//不缓存 
<META HTTP-EQUIV="pragma" CONTENT="no-cache">  
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">  
<META HTTP-EQUIV="expires" CONTENT="0">
Copier après la connexion

Vider le cache temporaire du formulaire

<body onLoad="javascript:document.yourFormName.reset()">
Copier après la connexion

Ajax vider le cache

$.ajax({ 
   url:&#39;www.haorooms.com&#39;, 
   dataType:&#39;json&#39;, 
   data:{}, 
   cache:false,  
   ifModified :true , 
 
   success:function(response){ 
     //操作 
   } 
   async:false 
 });
Copier après la connexion

Utiliser des nombres aléatoires Les nombres aléatoires sont également un très bon moyen d'éviter la mise en cache !

Ajouter "?ran=" + Math.random(); //Bien sûr, le paramètre exécuté ici peut être choisi arbitrairement

Utiliser une heure aléatoire, la même qu'un nombre aléatoire.

Ajoutez "?timestamp=" + new Date().getTime(); après le paramètre URL ;

Utilisez le backend php pour nettoyer

Ajouter un en-tête("Cache-Control: no-cache, must-revalidate"); et ainsi de suite côté serveur (comme en php)

Ce qui suit est une introduction à la méthode de nettoyage du navigateur. dans le projet angulaireJs Bien sûr, ce qui précède est la méthode traditionnelle. La méthode est également applicable, mais pour angulaireJs, les éléments suivants doivent être ajoutés :

1. Vider le cache du modèle<. 🎜>

.run(function($rootScope, $templateCache) {  
      $rootScope.$on(&#39;$routeChangeStart&#39;, function(event, next, current) {  
        if (typeof(current) !== &#39;undefined&#39;){  
          $templateCache.remove(current.templateUrl);  
        }  
      });  
    });
Copier après la connexion

2. html Ajouter des paramètres aléatoires

.state("content", { 
        url: "/", 
        views:{ 
          "bodyInfo":{templateUrl: &#39;tpls/bodyInfo.html?&#39;+ +new Date(), 
            controller:&#39;bodyInfoCtrl&#39;}, 
          "header":{templateUrl: &#39;tpls/header.html?&#39;+ +new Date(), 
            controller:&#39;headerCtrl&#39; 
          }, 
          "footer":{templateUrl: &#39;tpls/footer.html?&#39;+ +new Date(), 
            controller:&#39;footerCtrl&#39; 
          } 
        } 
      })
Copier après la connexion
<link rel="stylesheet" href="stylesheets/main.css?version=1.0.3" rel="external nofollow" >
Copier après la connexion

3. 🎜>D'accord...c'est tout S'il existe d'autres méthodes, n'hésitez pas à nous donner des conseils !

.config([&#39;$stateProvider&#39;, &#39;$urlRouterProvider&#39;,&#39;$locationProvider&#39;,&#39;$httpProvider&#39;,function($stateProvider, $urlRouterProvider,$locationProvider,$httpProvider) { 
//     $urlRouterProvider.when("", "/home"); 
      $urlRouterProvider.otherwise(&#39;/&#39;); 
       if (!$httpProvider.defaults.headers.get) { 
       $httpProvider.defaults.headers.get = {}; 
      } 
      $httpProvider.defaults.headers.common["X-Requested-With"] = &#39;XMLHttpRequest&#39;; 
      $httpProvider.defaults.headers.get[&#39;Cache-Control&#39;] = &#39;no-cache&#39;; 
      $httpProvider.defaults.headers.get[&#39;Pragma&#39;] = &#39;no-cache&#39;;
Copier après la connexion
J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Comment implémenter des références circulaires entre les composants dans Vue.js

Il existe des exemples de composants asynchrones dans Vue

Comment résoudre l'erreur maximale de pile d'appels dans nodejs

Comment implémenter une plateforme de gestion de blog dans Vue+SpringBoot

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment afficher toutes les entrées DNS mises en cache sur Windows 11 Comment afficher toutes les entrées DNS mises en cache sur Windows 11 May 21, 2023 pm 01:01 PM

Le système d'exploitation Windows utilise un cache pour stocker les entrées DNS. Le DNS (Domain Name System) est la technologie de base d'Internet utilisée pour les communications. Plus précisément l'adresse IP utilisée pour rechercher les noms de domaine. Lorsqu'un utilisateur saisit un nom de domaine dans son navigateur, l'une des premières tâches effectuées lors du chargement d'un site est de trouver son adresse IP. Ce processus nécessite l'accès à un serveur DNS. En règle générale, les serveurs DNS du fournisseur d'accès Internet sont utilisés automatiquement, mais les administrateurs peuvent passer à d'autres serveurs DNS car ils peuvent être plus rapides ou offrir une meilleure confidentialité. Changer de fournisseur DNS peut également aider à contourner la censure sur Internet si le DNS est utilisé pour bloquer l'accès à certains sites. Windows utilise une solution DNS

Comment vider le cache sous Windows 11 : Tutoriel détaillé avec images Comment vider le cache sous Windows 11 : Tutoriel détaillé avec images Apr 24, 2023 pm 09:37 PM

Qu’est-ce que le cache ? Un cache (prononcé ka·shay) est un composant matériel ou logiciel spécialisé à haute vitesse utilisé pour stocker des données et des instructions fréquemment demandées, qui à leur tour peuvent être utilisées pour charger plus rapidement des sites Web, des applications, des services et d'autres aspects du système. . La mise en cache rend les données les plus fréquemment consultées facilement disponibles. Les fichiers cache ne sont pas identiques à la mémoire cache. Les fichiers cache font référence aux fichiers fréquemment nécessaires tels que les fichiers PNG, les icônes, les logos, les shaders, etc., qui peuvent être requis par plusieurs programmes. Ces fichiers sont stockés dans votre espace disque physique, généralement cachés. La mémoire cache, quant à elle, est un type de mémoire plus rapide que la mémoire principale et/ou la RAM. Il réduit considérablement le temps d'accès aux données car il est plus proche du CPU et plus rapide que la RAM.

Comment vider rapidement le cache sous Windows 11 Comment vider rapidement le cache sous Windows 11 Apr 13, 2023 pm 05:46 PM

Pour ceux d'entre vous qui ne connaissent pas le terme, vider le cache signifie simplement le vider, et cet article vous montrera comment le faire facilement sous Windows 11. Si vous vous demandez encore ce que sont les fichiers cache, sachez que ce n’est pas aussi technique qu’il y paraît. En ce qui concerne les ordinateurs, les caches sont des fichiers (ou des fichiers) non permanents qui pourraient être à nouveau nécessaires à l'avenir. Par conséquent, le cache reste caché jusqu'à ce que ce moment arrive, protégeant ainsi le contenu. La mise en cache des fichiers est importante, mais elle occupe également un espace précieux. Cela peut poser un problème si votre SSD a une capacité limitée. Il y a cependant de bonnes nouvelles. Par conséquent, dans la plupart des cas, les fichiers cache peuvent être effacés en toute sécurité pour libérer de l'espace disque. Important de vider le cache de Windows 11

Comment vider le cache Safari pour optimiser les performances Mac et iPhone ? Comment vider le cache Safari pour optimiser les performances Mac et iPhone ? Apr 22, 2023 pm 07:49 PM

Le cache de Safari accélère la navigation, mais il peut être bogué, ralentir votre Mac, iPhone ou iPad et occuper beaucoup d'espace de stockage. Voici comment et quand l'effacer. Comme tous les navigateurs Web, Safari stocke les données sur votre Mac, iPhone et iPad dans le but exprès d'accélérer votre vie en ligne. Vous disposez peut-être du type de vitesse Internet que vous considérez comme acquis à Apple Park, mais même dans ce cas, il est préférable d'utiliser cette vitesse là où vous en avez besoin. Ainsi, lorsque vous revisitez un site Web, Safari fera de son mieux pour vous permettre de télécharger uniquement le contenu modifié. Même si un site d'actualités est mis à jour à longueur de journée, la mise en page de base, le mobilier de la page

Les 5 derniers tutoriels Angularjs en 2022, de l'entrée à la maîtrise Les 5 derniers tutoriels Angularjs en 2022, de l'entrée à la maîtrise Jun 15, 2017 pm 05:50 PM

Javascript est un langage tout à fait unique. Il est unique en termes d'organisation du code, de paradigme de programmation du code et de théorie orientée objet. La question de savoir si Javascript est un langage orienté objet a été débattue depuis un certain temps. Il y a évidemment une réponse depuis longtemps. Cependant, même si Javascript est dominant depuis vingt ans, si vous souhaitez comprendre les frameworks populaires tels que jQuery, Angularjs et même React, il suffit de regarder le « Black Horse Cloud Classroom JavaScript Advanced Framework ». Tutoriel vidéo de conception".

Comment vider le cache du navigateur Comment vider le cache du navigateur Jan 09, 2024 pm 05:33 PM

Méthodes pour vider le cache du navigateur : 1. Nettoyer manuellement ; 2. Utiliser les paramètres du navigateur pour nettoyer ; 3. Utiliser des outils tiers pour nettoyer ; 5. Supprimer manuellement les fichiers de cache ; , désactivez le cache du navigateur ; 8. Supprimez manuellement les cookies et les fichiers associés. Introduction détaillée : 1. Nettoyage manuel, ouvrez le navigateur, appuyez sur les touches Ctrl+Maj+Suppr du clavier, dans la boîte de dialogue contextuelle, sélectionnez l'option "Effacer les données de navigation", puis sélectionnez la plage horaire à effacer, etc. .

iPhone et iPad : comment vider le cache, l'historique et les cookies iPhone et iPad : comment vider le cache, l'historique et les cookies Apr 14, 2023 pm 03:37 PM

Comment vider le cache sur iPhone et iPad dans Safari et d'autres applications. Ouvrez Safari. Ouvrez les paramètres. Faites glisser votre doigt vers le bas et appuyez sur Safari. Faites à nouveau glisser votre doigt vers le bas et appuyez sur Effacer l'historique et les données du site Web. Appuyez à nouveau pour confirmer. Alternativement, si vous souhaitez effacer un individu sans effacer l'intégralité de Safari. cache, sélectionnez Avancé > Données du site Web > Modifier tout en bas des paramètres Safari (ou faites glisser votre doigt de droite à gauche pour supprimer des éléments individuels). Gardez à l'esprit que les données de sites Web supprimées de votre iPhone ou iPad seront supprimées des autres appareils Apple sur lesquels vous êtes connecté au même compte iCloud s'ils sont synchronisés avec Safari. Effacer je

Utilisez PHP et AngularJS pour créer un site Web réactif afin d'offrir une expérience utilisateur de haute qualité Utilisez PHP et AngularJS pour créer un site Web réactif afin d'offrir une expérience utilisateur de haute qualité Jun 27, 2023 pm 07:37 PM

À l’ère de l’information d’aujourd’hui, les sites Web sont devenus un outil important permettant aux individus d’obtenir des informations et de communiquer. Un site Web réactif peut s’adapter à divers appareils et offrir aux utilisateurs une expérience de haute qualité, ce qui est devenu un point chaud dans le développement de sites Web modernes. Cet article expliquera comment utiliser PHP et AngularJS pour créer un site Web réactif afin d'offrir une expérience utilisateur de haute qualité. Introduction à PHP PHP est un langage de programmation open source côté serveur idéal pour le développement Web. PHP présente de nombreux avantages, tels que la facilité d'apprentissage, la multiplateforme, la riche bibliothèque d'outils et l'efficacité du développement.

See all articles