浏览器工具在前端扮演着重要的角色，你是否了解浏览器的运行机制和原理呢？我们一起打开掘金首页来聊聊浏览器吧

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

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…

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

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

前言 熟练使用调试工具，势必能大幅提高我们的开发效率，达到事半功倍的效果。废话不多说，直接进入主题。 Filter过滤 过滤器最简单的用法当然是直接输入过滤的字符，但这远远不够🤗。除了直接输入，我们还

丰富的 chrome 插件极大的提升我们的工作效率和辛福感，插件的原理是向页面中注入 javascript 脚本，对页面进行处理，本文就从入门开始讲述如何开发一款 chrome 插件。

看了神光大大 @zxg_神说要有光 的文章 https://juejin.cn/post/7155350299295612941 ，使用 Performance 工具深入理解事件循环。这真是个好办法，