SuperAPI AI 工具集

angular-best-practices

前端与建站

查看项目

更新于 10-15 21:49

技能介绍

用途:为 Angular 应用提供按优先级排列的性能优化规则,适用于编写新组件或页面、实现数据获取模式、审查性能问题、重构现有代码、优化打包体积与加载时间、配置 SSR/水合等场景。

主要能力按优先级分为八类:变更检测(CRITICAL,Signals、OnPush、Zoneless)、异步瀑布(CRITICAL,RxJS 模式、SSR 预加载)、打包优化(CRITICAL,懒加载、tree shaking)、渲染性能(HIGH,@defer、trackBy、虚拟滚动)、服务端渲染(HIGH,水合、预渲染)、模板优化(MEDIUM,控制流、管道)、状态管理(MEDIUM,Signal 模式、选择器)、内存管理(LOW-MEDIUM,清理、订阅)。

必要用法示例:OnPush 配合 Signals;Zoneless 通过 bootstrapApplication(AppComponent, { providers: [provideZonelessChangeDetection()] }) 启用;用 forkJoin 并行请求、switchMap 展平依赖调用;路由懒加载用 loadChildren/loadComponent;重组件用 @defer (on viewport);@for 必须带 track;大列表用 cdk-virtual-scroll-viewport;纯管道与 computed() 替代模板方法;SSR 用 provideClientHydration(withIncrementalHydration(), withEventReplay()) 与 TransferState;订阅用 takeUntilDestroyed。

限制:仅当任务明确匹配上述范围时使用;输出不能替代针对具体环境的验证、测试或专家审查;若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。资料未提供收费、价格、平台支持等具体信息。