技能 @delon/util - Utility Functions Library
🔧
@delon/util - Utility Functions Library
安全
使用工具函數進行數據操作
複雜的數據操作任務需要多個輔助函數。此技能提供可直接使用的工具函數，用於 Angular 專案中的陣列操作、字串格式化、日期計算和數字格式化。
支持: Claude Codex Code(CC)
1
下载技能 ZIP
2
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
3
开启并开始使用
测试它
正在使用“@delon/util - Utility Functions Library”。 將貨幣值 1234567.89 格式化為 USD，並展示如何以不同精度進行格式化
预期结果:
- USD 格式化後: $1,234,567.89
- 精度 0: $1,234,568
- 自訂單位: ¥1,234,567.89
安全审计
安全v3 • 1/10/2026
Pure documentation skill with no executable code. Contains only SKILL.md file with TypeScript examples for the @delon/util library.
1
已扫描文件
469
分析行数
0
发现项
3
审计总数
未发现安全问题
审计者: claude 查看审计历史 →
质量评分
38
架构
100
可维护性
81
内容
21
社区
100
安全
52
规范符合性
你能构建什么
元件中的數據轉換
使用工具函數在 Angular 範本中轉換和格式化數據以進行顯示
表單數據處理
安全地複製和合併表單數據與預設值，而不修改原始資料
API 回應處理
使用深拷貝和分組工具處理和標準化 API 回應
试试这些提示
深拷貝物件
使用 deepCopy 建立此物件的獨立副本。展示如何使副本的變更不會影響原始物件。
格式化字串
使用 format 函數建立包含模板變數的訊息。展示帶索引和具名參數的使用方式。
計算日期範圍
使用 getTimeDistance 取得本週的開始和結束日期。展示如何計算帶偏移量的相對日期。
分組和排序數據
使用 groupBy 和 orderBy 組織此清單項目。按狀態欄位分組並按優先順序排序。
最佳实践
- 修改狀態物件時使用 deepCopy 保持不可變性
- 將分組和排序包裝在 computed 訊號中以實現響應式
- 匯入特定工具函數以啟用 tree-shaking
避免
- 變更原始物件而非使用 deepCopy
- 頻繁對大型物件呼叫 deepCopy
- 在伺服器端渲染上下文使用瀏覽器工具函數
常见问题
支援哪些 Angular 版本？
支援 Angular 16 及以上版本，包括獨立元件和訊號支援。
套件大小影響如何？
個別匯入可啟用 tree-shaking。大多數工具函數壓縮後小於 1KB。
如何安裝套件？
執行 npm install @delon/util@20.1.0 並從 @delon/util/[category] 匯入工具函數。
deepCopy 是否安全？
是的。deepCopy 建立完整的獨立克隆。原始物件保持不變。
為什麼 copyToClipboard 是 async？
剪貼簿 API 需要使用者權限。async 函數能正確處理權限請求。
與 lodash 相比有何優勢？
更小的套件大小和 Angular 特定優化。常用案例的相容 API。