如果暂时看不出来的话，一起来读读这篇文章吧。 文章的前半部分会先介绍一些理论知识，然后再举一个定位内存泄漏的例子，感兴趣的朋友可以直接先看看 这个例子。 新生代（New Space/Young Generation）：用来临时存储新对象，空间被等分为两份，整体较小，采用 Sca…

JavaScript 是门魅力无限的语言，关于它的 GC（垃圾回收）方面，你了解多少呢？想来大部分人是因为面试才去看一些面试题从而了解的GC，当然，我们可不仅仅是为了面试，目的是一次性彻底搞懂GC！

你了解内存泄漏吗？此文我们会介绍内存泄漏的相关概念和引起内存泄漏的一些问题，还会着重给大家介绍内存泄漏的排查、定位及修复方法，最后还简单扩展了下前端内存三大件的其他两件内存膨胀和频繁GC的概念

昨天的文章通过 Performance 和 Memory 工具证明了打开 devtools 的时候 console.log 会有内存泄漏。 有 console.log 的时候，内存是这样的： 去掉之后

本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题，第三步解决瓶颈问题。

借助chrome提供的performance monitor工具，我们可以实时直观的监控页面性能。 点击左侧菜单可以选择显示、隐藏对应图表。 同样它最大的缺点也是太过简单，除了能够实时看见性能走势，无法做任何操作了。即使你看见某个时间点cpu满载了你也没法定位问题。 很常见的火…

网页会加载资源、运行 JS、渲染界面、存储数据等，我们开发时怎么看到执行的状态呢？ 用调试工具 chrome devtools。它支持 dom 调试、JS debugger、本地存储的展示、运行时间的

1. 控制台中直接访问页面元素 在元素面板选择一个元素,然后在控制台输入$0,就会在控制台中得到刚才选中的元素。如果页面中已经包含了 jQuery,你也可以使用$($0)来进行选择。 你也可以反过来,在控制台输出的 DOM 元素上右键选择 Reveal in Elements …

顾名思义。。计数, 可以用来统计某个函数的执行次数，也可以传入一个参数，并且根据传入的参数分组统计调用的次数 断言，用来进行条件判断。当表达式为 false 时，则显示错误信息，不会中断程序执行。 $(selector)是原生 document.querySelector() …