使用OnPush等更改检测策略从服务强制进行更改检测
是指在前端开发中，通过设置更改检测策略来提高性能和减少不必要的更改检测。
OnPush是Angular框架中的一种变化检测策略，它基于不可变性原则，只有当输入属性发生变化或者组件自身的引用发生变化时，才会触发组件的变化检测。这种策略可以减少不必要的变化检测，提高应用的性能。
使用OnPush等更改检测策略可以带来以下优势：
- 提高性能：由于只有在必要的情况下才会触发变化检测，减少了不必要的计算和渲染，从而提高了应用的性能。
- 减少资源消耗：减少了不必要的变化检测，可以减少CPU和内存的使用，降低了应用的资源消耗。
- 更好的用户体验：通过提高性能和减少资源消耗，可以提供更流畅、更快速的用户体验。
在实际应用中，使用OnPush等更改检测策略适用于以下场景：
- 数据变化频率较低：当组件的输入属性变化较少时，可以使用OnPush策略来减少不必要的变化检测。
- 大型应用：对于大型应用，使用OnPush策略可以有效地提高性能，减少资源消耗。
- 需要优化性能的场景：对于需要优化性能的场景，使用OnPush策略可以提供更好的用户体验。
腾讯云提供了一系列与云计算相关的产品，其中与前端开发和性能优化相关的产品包括：
- 腾讯云CDN：提供全球加速、内容分发、缓存加速等功能，可以加速静态资源的传输和访问，提高应用的性能。 产品链接：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，可以满足前端应用的计算资源需求。 产品链接：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高可用、高性能的云数据库服务，可以存储和管理前端应用的数据。 产品链接：https://cloud.tencent.com/product/cdb_mysql
请注意，以上产品仅为示例，实际选择产品时需要根据具体需求进行评估和选择。
相关·内容
我们的Angular2应用程序使用翻译服务来提供翻译，如下所示 return this.translateService.getResourceValue(resKey);该服务从加载了每个组件的API调用中获得异步转换。但是有些页面有"ChangeDetectionStrategy.OnPush“。当翻译数据发生变化时，这些页面不会触发变化检测。没有这个设置，一切都能正常工作。我的
浏览 10提问于2017-02-01得票数 1
回答已采纳
如果我使用changeDetection: ChangeDetectionStrategy.OnPush，在ngOnChanges生命周期钩子上，我还需要验证currentValue是否存在？或者这足以验证输入是否已更改？我可以给你一个例子，让你更好地理解我在说什么：
正如我前面提到的，我使用的是changeDetection: ChangeDetectionStrategy.OnPush，这是我的输入@Input()
浏览 2提问于2019-07-24得票数 0
我正在开发一个应用程序，这个应用程序已经使用angular的默认更改检测进行了开发，我们面临着速度缓慢的问题。我尝试使用onPush更改检测，它带来了大量的启动性能，但它需要大量的更改。因此，我尝试使用ChangeDetectorRef的detach()将我的组件从单击按钮时的更改检测中分离出来，并在处理完成后重新附加它，以便可以执行角度更改<e
浏览 15提问于2019-10-10得票数 0
使用Angular OnPush策略，只有当@Input()变量被ref更改时，才会触发更改检测。然而，当使用Ngrx时，我们订阅商店的选择器，并且Angular的OnPush策略检测这些订阅中的更改，即使它们没有被传递到输入变量中。 我的问题是，这是如何工作的？如何使用OnPush策略从角度检测Ngrx存储中
浏览 12提问于2019-10-07得票数 1
myOutputName = new EventEmitter();
this.myOutputName.emit('some vlaue'); 变更检测是在从A开始的所有节点中运行，还是从C开始，并且只影响F和G？
浏览 0提问于2016-04-08得票数 3
1回答
角慢视性能
、、
从逻辑上讲，进入网站我被导向仪表板，此时，当打开列表页面时，它是缓慢的。我使用的是延迟加载，并且没有任何.subscribe正在打开，我要么应用了异步管道，要么在ngOnDestroy方法中强制取消订阅。
浏览 1提问于2019-09-17得票数 2
回答已采纳
1回答
我正试图完全理解使用Angular2 final进行更改检测。
对柱塞的快速解释：
关于将更改检测策略设置为默认的子级中的
浏览 3提问于2016-10-30得票数 8
回答已采纳
我想知道这是不是标准行为，还是我做错了什么。基本上，我已经分配了一个函数，该函数将一个观察值返回给ngStyle，每次鼠标移动时都会触发该函数。
[ngStyle] = "{'background': getImageForDocument(document) | async}">
getImageForDocument(document, m
浏览 16提问于2019-08-02得票数 0
回答已采纳
1回答
引起我一些问题的原因是如何为var设置一个值，如在我的模板代码中，我使用了 }这样做时，用于切换的控件上的{{hideAgent}将显示正确的值，窗体底部或文本框内的值在显示页面时不会只更改初始值集
浏览 2提问于2022-09-03得票数 0
1回答
我正在尝试使用angular ，当我使用ChangeDetectionStrategy.OnPush时，我面临着一个变化检测问题。我在上读到过这个，据我所知，动态添加的组件是从其父更改检测树中分离出来的，onPush将无法工作(只有在默认情况下)。我想知道是否有办法仍然使用ChangeDetectionStrategy.OnPush。有没有办法将组件分配给特定的树？目前，我将所有相关组件从o
浏览 2提问于2017-07-31得票数 2
使用Angular 4.3和以下。}) @Input() value = true;App组件使用标准的ComponentFactoryResolver + ViewContainerRef策略创建Dynamic组件。这两个组件都有OnPush更改检测策略。当调用App.toggle()方法时，它切换App.value，将这个新值传播到Dynamic.value，并强制在动态组件的更改</
浏览 20提问于2017-08-31得票数 2
回答已采纳
我正在努力理解ChangeDetectionStrategy.OnPush是如何工作的。在 上，人们认为，当组件具有OnPush策略时，组件只依赖于输入，并且不会发生更改检测，因为组件的子树是传递给子组件的对象，具有相同的引用。但是为什
浏览 5提问于2017-10-09得票数 2
回答已采纳
1回答
我在理解角度OnPush检测策略方面有问题。当我执行一些异步操作(比如从TS中打开覆盖，这样就不会导致使用OnPush策略检测组件上的更改)，然后我点击任何地方，或者调用其他检测事件(不是在我的组件上)，它就会改变(覆盖打开)。我在一个页面上有太多这样的组件(当我有15-20个部件时，性能会变得非常糟糕)，所以我需要禁用检测，我怎么能做到呢？我尝试使用detach()方法，但在组件上发生简单事件之后
浏览 0提问于2018-09-09得票数 0
回答已采纳
我不明白为什么子组件的更改检测在这个场景中运行：因为父程序实现了OnPush策略，所以当它侦听从子节点发出的事件时，它会触发更改检测。在接收到事件时，它不会更改“抽签”，因此不会更新子组件的@ not ()。然而，也实现OnPush策略
浏览 3提问于2017-06-17得票数 2
回答已采纳
我有一个角为6.0.8的分量，它只包含一个iframe。<iframe [src]="url">ngOnInit() {}浏览器将再次请求iframe中的url，这不是我想要的。
如何防止这种
浏览 1提问于2018-11-16得票数 6
回答已采纳
在我的模板中，我使用async管道更新视图，并从BehaviorSubject中获取最新的值。这行为正确吗？为什么async管道不更新第二个发出的值？/example.component.html',})
export class Example
浏览 1提问于2020-08-12得票数 2
回答已采纳
正如标题所示:我正在从事一个非常大的项目，在少数组件中，我使用了ChangeDetectionStrategy.OnPush来避免糟糕的性能。我想知道，在需要的时候，将每个组件都放在这个策略中，并使用ChangeDetectionRef.detectChanges()以编程方式更新组件，这是否“好”呢？highlightLineElements]="lineElements" </my-
浏览 0提问于2018-11-22得票数 10
回答已采纳
参考资料：Amit提出的使用OnPush变化检测的建议得到了实施。我在用户服务中构建了一个回调，以通知使用它的任何组件对私有用户列表的更改。我仍然对这种方法感到不满意，因为更改检测方案影响整个组件，而不是元素。在我看来，如果不创建性能陷坑或打破设计模式，或者重新配置整个组件来观察该行为，角就无法有效地将函数的结果绑定到元素上。
浏览 4提问于2018-01-08得票数 1
回答已采纳
1回答
没有错误，只有一个无限循环(服务器似乎在等待可观察到的问题得到解决)。但是，使用手动取消订阅工作。ngOnInit(): void { }当我们删除组件中所有OnPush检测策略的使用时，即使在结构指令中使用异步，也可以使用SSR模式。因此，这似乎表明，在结构指令中使用<em
浏览 5提问于2020-06-07得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
