用途
该技能面向 Angular、SASS 与 TypeScript 开发，定位为专家级开发指导，目标是创建可扩展且高性能的 Web 应用。它通过一组开发原则、最佳实践与规范，帮助开发者在 Angular 项目中保持一致的代码风格与架构选择。
主要能力
开发原则
- 类型安全：使用接口定义数据模型以获得显式类型；保持严格类型，避免使用 any；利用 TypeScript 类型系统定义具体类型。
- 组件组合：优先使用组件组合而非继承，以增强模块化，便于复用与维护。
- 命名：使用描述性变量名，例如 isUserLoggedIn、userPermissions，通过命名清晰传达意图。
- 文件命名：文件强制使用 kebab-case 命名（如 user-profile.component.ts），并匹配 Angular 的文件后缀约定。
Angular 最佳实践
- 独立组件：在合适场景使用 standalone components，在不依赖 Angular 模块的情况下促进代码复用。
- Signals 状态管理：利用 Angular 的 signals 系统进行高效的响应式编程，提升状态处理与渲染性能。
- 服务注入：使用 inject 函数直接注入服务，减少样板代码。
- 模板实践：在模板中对 observables 使用 async 管道；为特性模块启用懒加载；使用 NgOptimizedImage 实现高效图片加载；对非必要组件实现可延迟视图（deferrable views）。
文件结构
- 组件文件：*.component.ts
- 服务文件：*.service.ts
- 模块文件：*.module.ts
- 指令文件：*.directive.ts
- 管道文件：*.pipe.ts
- 测试文件：*.spec.ts
编码标准
- 字符串字面量使用单引号
- 使用 2 空格缩进
- 常量和不可变变量优先使用 const
- 字符串插值使用模板字面量
性能优化
- 在 ngFor 中使用 trackBy 函数优化列表渲染
- 对计算量大的操作应用纯管道（pure pipes）
- 避免直接操作 DOM
- 利用 Angular 的 signals 系统减少不必要的重渲染
安全实践
- 依靠 Angular 内置的清理（sanitization）机制防止 XSS
- 避免使用 innerHTML
- 使用 Angular 受信任的清理方法对动态内容进行清理
测试
- 单元测试遵循 Arrange-Act-Assert 模式
- 确保服务、组件和工具类具有高测试覆盖率
使用方式
资料未提供具体的安装命令、调用方式或配置步骤，暂未提供。
适用场景
适用于使用 Angular、SASS 与 TypeScript 进行 Web 应用开发的场景，尤其是需要可扩展架构、高性能渲染、严格类型约束与统一代码规范的团队或个人项目。
限制
资料未说明该技能的运行环境、依赖版本、平台支持范围或收费方式，暂未提供。