关于angularJs清除浏览器缓存的方法

  

<强>缓存篇

  

一个缓存就是一个组件,它可以透明地储存数据,以便以后可以更快地服务于请求。多次重复地获取资源可能会导致数据重复,消耗时间,因此缓存适用于变化性不大的一些数据,缓存能够服务的请求越多,整体系统性能就能提升越多。

  

浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。

  

以下是传统的清除浏览器的方法

  

<强>元方法

     //不缓存   & lt;元HTTP-EQUIV=霸幼ⅰ蹦谌?皀o - cache”比;   & lt;元HTTP-EQUIV=癱ache - control”内容=皀o - cache, must-revalidate”比;   & lt;元HTTP-EQUIV=暗狡凇蹦谌?" 0 "比;之前      

<强>清理形式的临时缓存
  

        & lt; body>之前      

<强> ajax清除缓存
  

        . ajax({美元   url:“www.haorooms.com”,   数据类型:json,   数据:{},   缓存:假的,   ifModified:没错,      成功:函数(响应){//操作   }   异步:假   });之前      

用随机数,随机数也是避免缓存的一种很不错的方法。
  

  

URL参数后加上" & # 63;跑=" + math . random ();//当然这里参数跑可以任意取了,

  

用随机时间,和随机数一样。
  

  

在URL参数后加上" & # 63;时间戳=" +新日期().getTime ();,,

  

<强>用php后端清理
  

  

在服务端加标题(“cache - control: no - cache, must-revalidate”);等等(如php中),

  

下面介绍关于angularJs项目中清除浏览器的方法,当然以上传统的方法也是可以适用的,但对于angularJs来说还需添加以下几项:

  

<强>一、清除模板缓存

        .run(函数(rootScope, templateCache美元){   rootScope美元。美元($ routeChangeStart,函数(事件,接下来,当前){   如果(typeof(当前)!==ㄒ濉?{   美元templateCache.remove (current.templateUrl);   }   });   });之前      

<强>二、html添加随机参数

        .state(“内容”,{   url:“/?   视图:{   “bodyInfo”: {templateUrl:‘角度/bodyInfo.html& # 63; + +新日期(),   控制器:“bodyInfoCtrl”},   “头”:{templateUrl:‘角度/header.html& # 63; + +新日期(),   控制器:“headerCtrl”   },   “页脚”:{templateUrl:‘角度/footer.html& # 63; + +新日期(),   控制器:“footerCtrl”   }   }   })            & lt;链接rel="样式表" href=" https://www.yisu.com/zixun/stylesheets/main.css?version=1.0.3 " rel=巴獠縩ofollow”比;之前      

<强>三、清除路线缓存

        . config ([‘stateProvider美元’,‘urlRouterProvider美元’,‘locationProvider美元’,‘httpProvider美元’,函数($ stateProvider urlRouterProvider美元locationProvider美元,美元httpProvider) {//urlRouterProvider美元。当(“”、“/home”);   美元urlRouterProvider.otherwise (“/?;   如果(! $ httpProvider.defaults.headers.get) {   美元httpProvider.defaults.headers.get={};   }   $ httpProvider.defaults.headers.common [“X-Requested-With”]=癤MLHttpRequest”;   $ httpProvider.defaults.headers.get [' cache - control ']=皀o - cache”;   $ httpProvider.defaults.headers.get[“杂注”]=皀o - cache”;之前      

好了……就这么多了
  

  

如果还有其他方法欢迎指点迷津!
  

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

关于angularJs清除浏览器缓存的方法