国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題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關(guān)鍵字專題關(guān)鍵字專題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
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

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

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

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

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

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

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

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

因?yàn)槭褂眠^spring中的cache功能,感覺es中如果有spring cacheable注解就好了,在spring中注解使用如下:

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

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

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

于是我搞了一個(gè)支持 返回是Promise對(duì)象的緩存注解

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ù)名一起組成存儲(chǔ)的主鍵
 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;
//把緩存時(shí)的時(shí)間和當(dāng)前的時(shí)間進(jìn)行對(duì)比,如果沒有超時(shí),則直接返回
 let old2=(new Date(resultValue.date)) as any;
 let delt=now - old2;
 if (delt<(timeout*1000)) {
 return Promise.resolve(resultValue.value);
 }
 }
//超時(shí)時(shí),調(diào)用原方法,并記錄返回結(jié)果,這里我們的返回均是promise對(duì)象
 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;
 }
}

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

相關(guān)文章:

Vue項(xiàng)目中如何引入icon圖標(biāo)

JavaScript中的E-mail 地址格式驗(yàn)證

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

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

文檔

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

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

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产精品电影一区二区三区 | 九九51精品国产免费看 | 国产精品自拍第一页 | 国产456| 日韩精品1区| 成人免费一区二区三区 | 久久精品国产一区二区 | 成a人片亚洲日本久久 | 日韩第一页在线 | 国产精品免费观看视频播放 | 国产成人区 | 欧美精品日韩 | 国产一区二区在线免费观看 | 看全色黄大色黄女片爽毛片 | 五月天婷婷久久 | 欧美日韩国产在线成人网 | 日韩v欧美 | 日本大黄在线观看 | 国产毛片一级 | 久久精品视频一区 | 日韩高清在线高清免费 | 萌白酱喷水 | 亚洲视频久久 | 欧美 日韩 亚洲另类专区 | 亚洲精品视频在线观看免费 | 国产高清不卡一区二区三区 | 视频一区久久 | 亚洲 国产 日韩 欧美 | 国产乱淫a∨片免费视频 | 国产日韩欧美视频在线观看 | 国产视频一 | 高清亚洲 | 精品欧美一区二区在线观看 | 另类专区另类专区亚洲 | 亚洲色图欧美色 | 青青国产成人久久91 | 国产一级特黄aaaa大片野外 | 亚洲伊人精品 | 亚洲欧美一区二区三区九九九 | 日韩在线激情 | 国产成人精品.一二区 |