一、部分快捷操作 1、控制台：保存堆栈信息( Stack trace ) 2、使用命令Command面板 2.1、分析代码的覆盖率： 打开Command面板，如下图搜索“覆盖”，分析首次页面加载过程中

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

Chrome DevTools 有一个覆盖率检测的功能，可以检测 JS、CSS 代码里有哪些执行了，哪些没执行。并且还会在 sources 里标记出来。 如下图，绿色的部分是执行过的，而红色的部分是没

也许你会说， 可以使用Chrome的timeline来记录， 但timeline只记录数据，并不会实时更新。 这里，你可以考虑使用Chrome DevTools的“Performance Monitor”性能监控工具，它可以实时观察到性能数据。 对当前网页进行网络利用情况、网页…

作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。

chrome，对于web开发者而言，都是很熟悉的一个浏览器，无论是从事的是前端，后端或者是测试！简单、快捷和功能强大使它受到了许多开发者的青睐！在浏览器排行上，chrome最多人使用，而且占了浏览器份额的半壁江山。可见其欢迎程度。作为一个前端开发者，我也是注重chrome的使用…

1. Chrome DevTools功能简介 Chrome DevTools由以下九部分组成： Element元素面板：检查和调整页面，调式DOM，调试CSS Network网络面板：调试请求，了解页

Node.js 发展到今天，已经被越来越广泛地应用到 BFF 前后端分离 、 全栈开发 、 客户端工具 等领域。然而，相对于应用层的蓬勃发展，其 Runtime 对于绝大部分前端出身的开发者来说，处于黑盒的状态，这一点并没有得到很好的改善，从而也阻碍了 Node.js 在业务中…

俗话说：“工欲善其事，必先利其器”，调试是每一个开发人员都要遇到的问题，选择一个合适的调试工具也尤为重要。 在 Node.js 开发过程中除了万能的 console.log 之外，本节介绍一个 Node.js 与 Chrome Devtools 结合的调试工具，以后你可以选择使…