스킬 delon-util
🔧

delon-util

안전 🌐 네트워크 접근📁 파일 시스템 액세스⚙️ 외부 명령어

使用工具函數進行資料操作

複雜的資料操作任務需要多個輔助函數。此技能提供可直接使用的工具，用於 Angular 專案中的陣列操作、文字格式化、日期計算和數字格式化。

지원: Claude Codex Code(CC)
📊 69 적절함
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"delon-util" 사용 중입니다. 將貨幣值 1234567.89 格式化為 USD，並展示如何以不同精度進行格式化

예상 결과:

  • USD 格式化結果: $1,234,567.89
  • 精度 0: $1,234,568
  • 自訂單位: ¥1,234,567.89

"delon-util" 사용 중입니다. 取得本週的日期範圍，並展示如何計算上週的日期範圍

예상 결과:

  • 本週: [日期, 日期]
  • 偏移量 -1 的上週: [日期, 日期]

"delon-util" 사용 중입니다. 按狀態分組任務並按優先權排序

예상 결과:

  • { pending: [...], in_progress: [...], completed: [...] }
  • 每個群組按優先權欄位排序

품질 점수

38
아키텍처
100
유지보수성
85
콘텐츠
22
커뮤니티
100
보안
83
사양 준수

만들 수 있는 것

元件中的資料轉換

使用工具函數在 Angular 模板中轉換和格式化顯示的資料

表單資料處理

安全地複製和合併表單資料與預設值，而不修改原始資料

API 回應處理

使用深拷貝和分組工具處理和標準�� API 回應

이 프롬프트를 사용해 보세요

深拷貝物件 
使用 deepCopy 建立此物件的獨立副本。展示如何使副本的變更不影響原始物件。
格式化字串 
使用 format 函數建立包含模板變數的訊息。展示索引和命名參數兩種方式。
計算日期範圍 
使用 getTimeDistance 取得本週的開始和結束日期。展示如何計算帶有偏移量的相對日期。
分組和排序資料 
使用 groupBy 和 orderBy 組織此清單項目。按狀態欄位分組並按優先權排序。

모범 사례

  • 修改狀態物件時使用 deepCopy 保持不可變性
  • 將分組和排序包裝在 computed 訊號中以實現響應式
  • 導入特定工具以啟用樹狀搖晃優化

피하기

  • 變異原始物件而非使用 deepCopy
  • 頻繁對大型物件呼叫 deepCopy
  • 在伺服器端渲染上下文使用瀏覽器工具

자주 묻는 질문

支援哪些 Angular 版本？
支援 Angular 16 及更高版本，包括獨立元件和訊號支援。
套件大小影響是多少？
單獨導入可啟用樹狀搖晃。大多數工具經過 gzip 壓縮後小於 1KB。
如何安裝套件？
執行 npm install @delon/util@20.1.0 並從 @delon/util/[類別] 導入工具。
deepCopy 是否安全？
可以。deepCopy 建立完整的獨立克隆。原始物件保持不變。
為什麼 copyToClipboard 是非同步的？
剪貼簿 API 需要使用者權限。這個非同步函數能正確處理權限請求。
與 lodash 相比有何優勢？
更小的套件大小和 Angular 特定優化。常用場景的相容 API。

개발자 세부 정보

작성자

7Spade

라이선스

MIT

리포지토리

https://github.com/7Spade/ng-dragon/tree/main/.github/skills/delon-util

참조

main

파일 구조

📄 SKILL.md