首页 > 其他分享 >Angular 18+ 高级教程 – Memory leak, unsubscribe, onDestroy

Angular 18+ 高级教程 – Memory leak, unsubscribe, onDestroy

时间:2024-06-17 21:23:33浏览次数:20  
标签:leak interval onDestroy Memory SPA Angular 页面

何谓 Memory Leak?

Angular 是 SPA (Single-page application) 框架,用来开发 SPA。

SPA 最大的特点就是它不刷新页面,不刷新就容易造成 memory leak。

举个例子:

有一个页面 A,我们写了一个 setInterval 执行一些代码 (比如 autoplay 幻灯片)。

当用户离开页面 A 去页面 B 时,传统网站 (非 SPA),会刷新页面,之前那个 interval 就没了。

然而 SPA 网站不同,它不会刷新页面,之前的 interval 会一直持续执行。

我们姑且不论这个现象算不算真正意义上的 memory leak,但这个现象肯定是错误的 (因为这个 interval 是服务 A 页面的,当切换到 B 页面时,这个 interval 继续执行就完全没有意义了)。

本篇,我们就来聊一聊用 Angular 开发 SPA 如何避开上述这种错误的现象。

 

setInterval in Component

 

标签:leak,interval,onDestroy,Memory,SPA,Angular,页面
From: https://www.cnblogs.com/keatkeat/p/18253208

相关文章