<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        一種angular的方法級的緩存注解(裝飾器)

        來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 19:43:34
        文檔

        一種angular的方法級的緩存注解(裝飾器)

        一種angular的方法級的緩存注解(裝飾器):本篇文章主要介紹了一種angular的方法級的緩存注解(裝飾器),現(xiàn)在分享給大家,也給大家做個參考。使用es6中裝裝飾器能做很多事情,今天分享一種在angular使用裝飾器進行方法調(diào)用緩存的功能。應用場景是這樣的,在前端工作中,會有一些經(jīng)常使用的方法經(jīng)常被
        推薦度:
        導讀一種angular的方法級的緩存注解(裝飾器):本篇文章主要介紹了一種angular的方法級的緩存注解(裝飾器),現(xiàn)在分享給大家,也給大家做個參考。使用es6中裝裝飾器能做很多事情,今天分享一種在angular使用裝飾器進行方法調(diào)用緩存的功能。應用場景是這樣的,在前端工作中,會有一些經(jīng)常使用的方法經(jīng)常被

        本篇文章主要介紹了一種angular的方法級的緩存注解(裝飾器),現(xiàn)在分享給大家,也給大家做個參考。

        使用es6中裝裝飾器能做很多事情,今天分享一種在angular使用裝飾器進行方法調(diào)用緩存的功能。

        應用場景是這樣的,在前端工作中,會有一些經(jīng)常使用的方法經(jīng)常被調(diào)用,但是這些方法每次調(diào)用都會占用很多的資源,比如網(wǎng)絡請求,數(shù)據(jù)統(tǒng)計功能,這些方法一般會隨著函數(shù)調(diào)用傳參的不同返回的結(jié)果不同。

        因為使用過spring中的cache功能,感覺es中如果有spring cacheable注解就好了,在spring中注解使用如下:

        @Cacheable(value="'accountCache_'+#userName")// 緩存名叫 accountCache_USERNAME 
        public Account getAccountByName(String userName) { 
        // @@@@
        return acount; 
        }

        spring中的緩存時間是在配置文件中配置的,但是在前端一般我們需要針對不同的函數(shù)設置不同的緩存時間
        因此 需要每次指定相應的緩存時間

        @cacheable(111)
        getSecondLeftMenu(topMenuId: number){
        return 1111;
        }

        于是我搞了一個支持 返回是Promise對象的緩存注解

        export function cacheable(timeout:number) {
         return function (target: any, key: string, descriptor: any) {
         const originalMethod = descriptor.value;
         descriptor.value = function (...args: any[]) {
        //把傳入的參數(shù)和被調(diào)的函數(shù)名一起組成存儲的主鍵
         const paramStr = args.map(a => JSON.stringify(a)).join();
         const keyStr=key+"start$$"+(paramStr||"")+"-$$end";
         let resultStr=localStorage.getItem(keyStr);
         if (!!resultStr) {
         let resultValue=JSON.parse(resultStr);
         let now=new Date() as any;
        //把緩存時的時間和當前的時間進行對比,如果沒有超時,則直接返回
         let old2=(new Date(resultValue.date)) as any;
         let delt=now - old2;
         if (delt<(timeout*1000)) {
         return Promise.resolve(resultValue.value);
         }
         }
        //超時時,調(diào)用原方法,并記錄返回結(jié)果,這里我們的返回均是promise對象
         var result = originalMethod.apply(this, args);
         result.then(data=>{
         let dd={
         date:new Date(),
         value:data
         }
         localStorage.setItem(keyStr,JSON.stringify(dd))
         return Promise.resolve(data);
         },data=>{
         return Promise.reject(data);
         })
         return result;
         }
         return descriptor;
         }
        }

        上面是我整理給大家的,希望今后會對大家有幫助。

        相關文章:

        Vue項目中如何引入icon圖標

        JavaScript中的E-mail 地址格式驗證

        javascript性能優(yōu)化之分時函數(shù)的介紹

        聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        一種angular的方法級的緩存注解(裝飾器)

        一種angular的方法級的緩存注解(裝飾器):本篇文章主要介紹了一種angular的方法級的緩存注解(裝飾器),現(xiàn)在分享給大家,也給大家做個參考。使用es6中裝裝飾器能做很多事情,今天分享一種在angular使用裝飾器進行方法調(diào)用緩存的功能。應用場景是這樣的,在前端工作中,會有一些經(jīng)常使用的方法經(jīng)常被
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 久久久久免费看成人影片| 九九99热免费最新版| 日本zzzzwww大片免费| 久久亚洲国产伦理| 99热这里有免费国产精品| 亚洲AV综合色区无码一区| 无码人妻一区二区三区免费| 久久精品九九亚洲精品| 精品亚洲AV无码一区二区 | 成人影片麻豆国产影片免费观看| 久久久久亚洲AV无码网站| 最近免费中文字幕大全免费| 99人中文字幕亚洲区| 免费在线看v网址| 亚洲综合精品第一页| 国产精品酒店视频免费看| 亚洲天堂在线播放| 120秒男女动态视频免费| 亚洲av永久无码精品秋霞电影影院| 久久精品国产影库免费看| 亚洲国产综合精品一区在线播放| 免费看一级高潮毛片| 亚洲AV无码国产精品麻豆天美| 国产精品视频免费观看| 亚洲伊人tv综合网色| 在线jlzzjlzz免费播放| 一级毛片免费不卡| 久久久久亚洲精品日久生情| 国产免费看JIZZ视频| 特黄特色的大片观看免费视频| 亚洲AV日韩AV永久无码久久| 成人在线免费观看| 国产精品永久免费视频| 亚洲精品视频免费看| 免费一级做a爰片久久毛片潮喷| 在线视频亚洲一区| 国产亚洲综合一区柠檬导航| 男女超爽刺激视频免费播放| 一个人看的hd免费视频| 91亚洲自偷在线观看国产馆| 亚洲精品成人网久久久久久|