国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

詳解Angular中$cacheFactory緩存的使用

2019-11-20 09:12:29
字體:
來源:轉載
供稿:網友

最近在學習使用angular,慢慢從jquery ui轉型到用ng開發,發現了很多不同點,繼續學習吧;

  首先創建一個服務,以便在項目中的controller中引用,服務有幾種存在形式,factory();service();constant();value();provider();其中provider是最基礎的,其他服務都是基于這個寫的,具體區別這里就不展開了,大家可以看看源碼;服務是各個controller之間通話的重要形式,在實際項目中會用的很多,下面是代碼:

angular.module('yourApp').factory('myCache',function($cacheFactory){return $cacheFactory('myData');});

  這里‘myCache'是服務名稱,且是唯一,針對一個特定的緩存對象,存在于瀏覽器中,供控制器引用:

angular.module('yourApp').controller('userCtrl',['$scope','$http','myCache',function($scope,$http,myCache){     //監測是否已經存在緩存數據,如果有就獲取然后該干嘛干嘛去var cache=myCache.get('myData');if(cache){$scope.variable=cache;}else{//從接口獲取數據,put到緩存中var jurl='/data/getdata';$http({url: jurl,method: "GET",data: "{'query':'somevalue'}",headers: { 'Content-Type': 'application/json' }}).success(function (data, status, headers, config) {//something in success          }).error(function (data, status, headers, config) {//something in error});}}])

頁面第一次打開時,會從接口中獲取數據,當頁面發生路由跳轉時,這些數據是一直被緩存的,路由跳轉到有需求的頁面,監測到已經被緩存,就不用向服務器請求數據了,如果是頁面被關閉或者是刷新了頁面,緩存會丟失,重新向、請求數據并緩存;

這是個簡單的示例,在實際項目中的數據會復雜些,比如為了頁面優化減少而將頁面數據集合請求,減少數據請求次數,獲取到數據后分配的route的各個template中,數據結構會復雜些;

目前還沒有緩存比較大的數據的示例,理論上這里的cache是javascript中的一個object對象,所以應用中cache的大小限制或大小對瀏覽器頁面性能的影響,還不是很清楚,繼續深扒,發現了不同點再來續更。

以上所述是小編給大家介紹的詳解Angular中$cacheFactory緩存的使用,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 休宁县| 五大连池市| 冕宁县| 沛县| 灵丘县| 宁蒗| 三台县| 抚远县| 永州市| 湘阴县| 赤城县| 德昌县| 兴宁市| 丹棱县| 长岛县| 东至县| 新巴尔虎左旗| 襄樊市| 朝阳市| 绵阳市| 措美县| 凤台县| 娱乐| 大田县| 巨野县| 安泽县| 铅山县| 汶川县| 姚安县| 文登市| 成都市| 巴南区| 田东县| 资兴市| 禹州市| 营口市| 泉州市| 宝丰县| 扶余县| 永吉县| 银川市|