delon-cache-caching-strategies
Implementar cache no Angular com @delon/cache
Aplicações Angular frequentemente fazem chamadas redundantes à API que reduzem o desempenho e aumentam a carga no servidor. Esta skill fornece padrões prontos para uso para implementar cache em memória, LocalStorage e SessionStorage com expiração TTL e interceptadores HTTP.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「delon-cache-caching-strategies」を使用しています。 Como configurar @delon/cache no meu app Angular?
期待される結果:
- Importar provideDelonCache na configuração do app
- Definir mode como 'promise' ou 'none'
- Configurar TTL padrão em milissegundos (ex: 3600000 para 1 hora)
- Opcionalmente definir request_method, prefix e meta_key
「delon-cache-caching-strategies」を使用しています。 Como fazer cache de requisições HTTP GET no Angular?
期待される結果:
- Criar um interceptador HTTP que verifica o cache antes das requisições
- Gerar chave de cache a partir da URL e parâmetros
- Retornar resposta em cache se disponível
- Armazenar HttpResponse no cache após requisição bem-sucedida
セキュリティ監査
安全Pure documentation skill containing only markdown and TypeScript code examples for Angular caching. The static scanner produced false positives by applying executable code patterns to documentation. The previous Claude audit confirmed zero findings. No scripts, network calls, filesystem access, or credential handling exists. Behavior matches stated purpose.
リスク要因
🌐 ネットワークアクセス (7)
📁 ファイルシステムへのアクセス (1)
⚙️ 外部コマンド (40)
品質スコア
作れるもの
Reduzir chamadas à API
Fazer cache de dados acessados frequentemente para reduzir requisições de rede e melhorar a responsividade da aplicação.
Persistir sessões de usuário
Armazenar preferências do usuário e dados de sessão entre sessões do navegador usando LocalStorage.
Otimizar busca de dados
Implementar interceptadores HTTP para fazer cache de respostas GET e reduzir a carga no servidor.
これらのプロンプトを試す
Como configurar @delon/cache na configuração do meu app Angular com expiração TTL?
Quando devo usar memory cache versus LocalStorage versus SessionStorage no Angular?
Criar um interceptador HTTP usando @delon/cache para fazer cache de requisições GET com expiração de 5 minutos.
Mostre-me como implementar os padrões cache-aside e read-through com o método getOrSet.
ベストプラクティス
- Use chaves de cache descritivas e hierárquicas como 'users:123' ou 'tasks:blueprint:abc'
- Defina valores de TTL baseados na volatilidade dos dados: menor para dados dinâmicos, maior para dados estáticos
- Sempre invalide o cache quando os dados subjacentes mudarem para evitar leituras obsoletas
回避
- Fazer cache de todos os dados sem considerar requisitos de atualização
- Usar chaves de cache genéricas que causam colisões entre tipos de dados
- Definir TTL infinito sem expiração causando sobrecarga de memória