通过几个🌰，介绍内存泄露排查的几种思路，定位到引发内存泄露的具体位置，内存泄露理论基简介， 浏览器内存回收机制

所有引用其父类对象方法的地方，都可以透明的替换为其子类对象。如果S是T的子类，则T的对象可以替换为S的对象，而不会破坏程序。

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工

好多同学想要的chrome的调试技巧，它今天来了，它来了，它来了，重要的事情说三遍！！欢迎大家多提意见，一起进步！

万万没想到 Chrome 的 DevTools 竟然是用 JS 写的，感觉自己也行了（做 Chrome 工程师😂）。

通过前一篇的介绍，我们已经懂得基本的 debug 技巧，那么我们如何快速调试一些线上的问题呢。本文将线上的调试分为以下三种：（当然有更好的调试方式，可以在评论区提出） 线上即时修改；针对一些样式以及一些 js 已经知道问题所在快速地修改以达到解决 bug 的模式。 线上不存在 …

工欲善其事，必先利其器。最近在写代码的时候越发觉得不是代码有多难，而是当代码出了问题该如何调试，如何追溯本源，这才是最难的。 响应这个要求，我决定写一个关于调试实战系列。本来不打算写这个基础篇章，为了整个的完整性。（不喜勿喷） 所以示例在以下环境通过。 使用 console.l…

本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + shift + p 在Devtools打开的情况下，键入cmd + shift + p将其激活，然后开始在…

Chrome DevTools 是我们每天都用的工具，它可以查看元素、网络请求、断点调试 JS、分析性能问题等，是辅助开发的利器。 今天不讲怎么使用它，而是讲一个好玩的方向：定制自己的调试工具。 之前