?? ????? ???????? ??? ??? ??? ?? ?????. ??? ????? ???? ??? ??? ??(HTTP ??) ??? ???? ??? ???? ?? ? ??? ??? ????.

? ????? ???? ???? ??? ?? ?? ??? ???? http-front-cache ????? ???????. ??? ????????

http-front-cache?? ??????

http-front-cache? ??? ??? ??? ????? ???? ???????. ??? ? ????? ???? ???? ?? ?? ??? ???? ?? ?????.

1. ??? ???? ?? ??? ? ???.
2. ????? ??? ??? ?????? ? ???.
3. ???? ?? ?? ?????? ? ???.
4. ??? ????? ?? ?? ?????? ? ???(?? ?? ???? ??? ???? ????).

????? http-front-cache? ? ?? ??? ??? ?????.

cacheFactory: ???? ???? ?? ???(??? ???? ??)? ???? ?? ??? ?? ??? ?????. ?? ?? ?? ????? ???? localStorage, sessionStorage, IndexedDB, cookie, ??? ?? ?? ??? ?? ??? ??? ? ????.

cacheOnSessionStorage: cacheOnSessionStorage? cacheFactory? ??? sessionStorage? ???? ???? ?? ???? ?? ?? ??? ?????. cacheFactory ??? ?????. cacheOnSessionStorage? sessionStorage? ??????? ?? ????? ???? ?? ??? ??? ? ???? ??? ???????.

??

http-front-cache? ????? npm? ?? ??? ? ????.

npm i @openish-u/http-front-cache

???? http-front-cache

?? ???? ? ??? ??? ?? ????? ????. http-front-cache:

1) cacheOnSessionStorage

import { cacheOnSessionStorage } from 'utility-http-front-cache';

type Params = string;
type Result = { data: string[] };

const fetchData: ServiceFunction = async (param: string) => {
  const response = await fetch(`https://dev.to/api/articles?${param}`);
  return response.json();
};

const cachedFetchData = cacheOnSessionStorage(fetchData, 5 * 60 * 1000); // 緩存 5 分鐘

// 使用
cachedFetchData('exampleParam').then((result) => {
  console.log(result); // result 是 fetchData 返回的數(shù)據(jù)
});

// 導(dǎo)出 cachedFetchData 并根據(jù)需要使用

? ???? API?? ???? ???? ??? ??fetchData? ?????. ?? ?? cacheOnSessionStorage? ???? ? ??? ??? 5? ?? ?????. cachedFetchData? ???? ???? ??? ?? ?? ??? ?????.

? ??? ??? ????? ???? ??? ???? ?? ????? ?? ??? ?? ?? ?? ???. ???? ??? ???? ? ?? ????????

2) ??? ?? ??? ?? ?? http-front-cache

npm i @openish-u/http-front-cache

? ???? getItem, setItem ? removeItem ???? ???? ??? ?? ???? ?????. ?? ?? cacheFactory? ???? ??? ?? ???? ???? ?? ??? ????. ??? ???? ??? ?? ????. XP

?? ?? ???? lf. ? ??? ??? ??? ????. ?

??

http-front-cache? ??? ??? ??? ???? ? ??????? ??? ????? ? ??? ?? ??? ???????.

??? ??? ?? ????? ????? GitHub?? ?? ??? ?????.

?? ??? ??????

? ??? http-front-cache? ???? ????? ? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!