平日开发过程中，大家是如何调试线上问题的呢？等一下，还有没有人在用 SourceMap 调试啊？通过 SourceMap，我们可以在浏览器内，直接看到源码，而不是编译、压缩、混淆后的部署产物。

最近在掘金看到很多动图头像，但都失真了，好奇就研究了下前端各种图片格式 视觉属性 色彩（Color）： 色彩丰富程度是指图像中可以显示的颜色数量。它通常以位（bit）为单位表示，例如8位色彩意味

火焰图是一种常用的性能分析工具。它展示了程序在时间轴上的执行情况，通过颜色深浅来表示消耗时间的长短。在 Web 开发中，火焰图通常被用来分析前端性能问题，例如卡顿、加载时间过长等

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…

笔者在前段时间的开发时，学习到了 Chrome 一些奇怪的调试技巧，这里总结分享给大家，希望能对各位的开发起到帮助！

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

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…

接上一期「数组方法」写给女友的一系列 JS 数组操作（建议收藏 | 内附思维导图） 文章发出去之后，有些小伙伴还真发给自己女友了，不知道“感动”了没有哈（手动滑稽）。 那么，这次女友直接说明白了，那么我就从“头”开始讲讲事件循环系统，通过一篇文章搞定这一块知识点。 关于消息队列…

本文是V8引擎详解系列的第四篇，重点内容是关于V8是如何解释执行字节码的，关于字节码的执行在V8中所处的环节可以先看一下作者之前的V8引擎详解（三）——从字节码看V8的演变，本文会通过描述一个官方的例子来帮助大家理解，文末会有已经完成的系列文章的链接，本系列文章还在不断更新欢迎…