Performance的基础使用

最新推荐文章于 2024-12-03 14:35:41 发布

铁靖之

最新推荐文章于 2024-12-03 14:35:41 发布

阅读量872

点赞数 7

分类专栏：程序员文章标签： java javascript 前端

本文链接：https://blog.csdn.net/2301_77033813/article/details/137461732

版权

296 篇文章 0 订阅

订阅专栏

内存问题的体现

=================================================================

监控内存

==============================================================

界定内存问题的标准

监控内存的几种方式

任务管理器监控内存

===================================================================

如果我们最后一列小括号内的数值一直增大，那就意味着这个内存是有问题的
具体来说是什么问题当前这个工具就显得不是特别好用了，因为它只能帮助我们发现这个地方有没有问题，如果说我们想定位问题时，他就不太好用了
在这个地方我们可以直接通过shift + esc调出任务管理器
找到我们想要去监控的具体脚本，也就是说web页面
选中之后如果说没有JS这一列我们可以直接右键然后勾选
调整完后我们只需要关注两列
第一列为当前DOM节点占用的内存，一般情况也是不变为好，如果要变的话就证明我们当前界面存在频繁的DOM操作
第二列为最后的JS内存，在这里我们要关注的就是小括号内的数值，得出的结论就是如果小括号里的数值一直增加而没有变小的过程，就意味着我们的内存就一直往上走，而没有GC消耗，所以这个时候就有问题了

Timeline记录内存

======================================================================

堆快照查找分离DOM

====================================================================

什么是分离DOM
界面元素存活在DOM树上
垃圾对象时的DOM节点
分离状态的DOM节点
总结：
我们可以利用浏览器当中提供的堆快照的功能，然后把我们当前的堆进行性拍照，拍照结束后找这里边是否存在一些分离DOM，因为这个分离DOM在界面中不体现，但是在内存中的确存在，所以这个时候它是一种内存的浪费，我们要做的就是定位到我们的代码里的那些分离DOM所在的位置，然后想办法给清除掉

判断是否存在频繁GC

====================================================================
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。