如何通过JS前端性能优化有效解决内存泄漏和页面崩溃问题？

本文共计1132个文字，预计阅读时间需要5分钟。

目录+发生了什么事？+怎么了？+这是怎么了？+死去的页面突然攻击我？+陷入困境+垂死病中惊坐起+不能善小而不为+修改参考+发生了什么事？+一个与往常一样的上午，当我沉醉在业务需求中时，“

目录

• 发生什么事了？
• 咋了？这是咋了？
• 死去的页面突然攻击我？
• 陷入僵局
• 垂死病中惊坐起
• 勿以善小而不为
• 修改参考

发生什么事了？

一个与往常一样的上午，当我沉浸在业务需求中不可自拔时，突然被拉入到一个事故大群。一脸懵逼的我还以为和之前的每次线上bug一样仅仅是个小问题时，殊不知是我简单了...

看着群里的聊天记录，瞬间一种不好的预感涌上心头。不会是哪个页面写了死循环了吧？

咋了？这是咋了？

死去的页面突然攻击我？

因为项目本身过于庞大，且用户反馈不特定页面崩溃，这使得问题定位难度较大。

经过团队的讨论认为可能是该用户的组织架构接口数据量过大，当数据到达页面后需要经过递归处理，导致内存不足，且通过调试发现并非初次调用该接口就会导致崩溃，而是需要多次调用才会出现该问题。

而且在调试的过程中还发现因数据量过大，该接口需要长达 30s 的时间才能返回。而这么长的时间用户可能已经离开这个页面了。