SuperAPI AI 工具集

angular-best-practices-legacy

编程与开发

查看项目

更新于 10-15 21:09

技能介绍

用途:为 Angular 12-16 应用提供性能优化规则集,适用于维护旧代码库、使用 NgModule 架构、*ngIf/*ngFor 模板语法、RxJS 状态管理、基于类的 HTTP 拦截器,以及代码性能审查与自动重构、代码生成。

主要能力:包含 30+ 条规则,分 8 类并按影响优先级排列。变更检测(CRITICAL):BehaviorSubject 配合 OnPush、OnPush 策略、分离/重挂变更检测器、在 NgZone 外运行非 UI 代码。打包与懒加载(CRITICAL):功能 NgModule、SCAM 模式、loadChildren 懒加载、预加载、避免 barrel 文件。RxJS(HIGH):async 管道、takeUntil 清理、shareReplay、高效操作符、switchMap 与 exhaustMap 选择、避免嵌套订阅。模板(HIGH):trackBy、纯管道、NgOptimizedImage、避免模板函数调用、虚拟滚动。依赖注入(MEDIUM-HIGH):providedIn: 'root'、InjectionToken、工厂提供者。HTTP 与缓存(MEDIUM):类拦截器、TransferState。表单(MEDIUM):响应式表单、类型化 FormGroup。通用性能(LOW-MEDIUM):内存泄漏防护、Web Workers、Smart/Dumb 组件模式。

使用方式:按规则文件查阅详细说明与代码示例,如 rules/change-rxjs-state.md、rules/bundle-ngmodule.md、rules/rxjs-takeuntil.md;每个规则文件含原因说明、错误示例、正确示例与补充参考。完整指南见 AGENTS.md。

限制:仅针对 Angular 12-16 旧版架构,不适用于新版独立组件等现代写法;资料未提供安装命令、收费方式与具体平台信息。