delon-util
データ操作にユーティリティ関数を使用する
複雑なデータ操作タスクには複数のヘルパー関数が必要です。このスキルは、Angularプロジェクトで配列操作、文字列フォーマット、日付計算、数値フォーマットに使用できるすぐに使えるユーティリティを提供します。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "delon-util". Format the currency value 1234567.89 as USD and show how to format with different precision levels
النتيجة المتوقعة:
- USD formatted: $1,234,567.89
- With precision 0: $1,234,568
- With custom unit: ¥1,234,567.89
استخدام "delon-util". Get date range for this week and show how to calculate a date range for last week
النتيجة المتوقعة:
- This week: [Date, Date]
- Last week with offset -1: [Date, Date]
استخدام "delon-util". Group tasks by status and sort by priority
النتيجة المتوقعة:
- { pending: [...], in_progress: [...], completed: [...] }
- Each group sorted by priority field
التدقيق الأمني
آمنThis skill contains only documentation with TypeScript code examples for the @delon/util Angular library. All 65 static findings are false positives caused by the scanner misidentifying documentation text and code examples as security issues. No executable code, network calls, or credential access exists in this skill.
عوامل الخطر
🌐 الوصول إلى الشبكة (1)
📁 الوصول إلى نظام الملفات (1)
⚙️ الأوامر الخارجية (46)
درجة الجودة
ماذا يمكنك بناءه
コンポーネント内のデータ変換
ユーティリティ関数を使用して、Angularテンプレートで表示するデータを変換・フォーマットする
フォームデータ処理
フォームデータをデフォルト値を使用して安全にクローン・マージし、元のデータを変更しない
API応答処理
深いコピーとグループ化ユーティリティを使用してAPI応答を処理・正規化する
جرّب هذه الموجهات
deepCopyを使用してこのオブジェクトの独立したコピーを作成します。コピーへの変更が元のオブジェクトに影響しないことを示してください。
format関数を使用してテンプレート変数を含むメッセージを作成します。インデックス付きパラメータと名前付きパラメータの両方をデモしてください。
getTimeDistanceを使用して今週の開始日と終了日を取得します。オフセットを使用した相対日付の計算方法を示してください。
groupByとorderByを使用してこのアイテムリストを整理します。statusフィールドでグループ化し、priorityでソートしてください。
أفضل الممارسات
- 状態オブジェクトを変更する際には不変性のためにdeepCopyを使用する
- リアクティビティのためにグループ化とソートをcomputedシグナルでラップする
- ツリーシェイキングを有効にするために特定のユーティリティをインポートする
تجنب
- deepCopyを使用せずに元のオブジェクトをミューテーションする
- 非常大的なオブジェクトに対して頻繁にdeepCopyを呼び出す
- サーバーサイドレンダリングのコンテキストでブラウザユーティリティを使用する