现在写异步代码，基本上就是 Promise 和 async/await 两种写法。虽然这俩都能干同样的活，但 async/await 写起来更像同步代码，读起来更顺眼，所以很多人都说它是"异步编

方法虽然简单粗暴，但是它是实用且简单的。然而，如果 BUG 十分复杂，涉及到跨组件甚至是源码，采用打 log 的方式就变得十分麻烦了； F12 打开调试工具之后刷新页面，断点就会停在 created 里了。 当然，这里只是做简单的示例，实际情况更加复杂的时候，右边的堆栈可以让你…

前端工作中，不仅编码很重要，重现bug，解决bug的能力同样重要。而这些都离不开代码调试。现就一些调试技巧做出总结。

前言 曾经我只会一个console.log，但是我充满了自信，觉得一个打印输出就能解决所有问题。后来，在阅读vue源码的旅途里，我感受到了迷茫，无所适从，觉得每一处都需要打印输出，才能解决我的困惑，所

脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）​、控制台（Console）页、​源代码（Sources）、网络（Network）、性能优化..

两行命令，调试效率翻 5 倍。 本文手把手教你用 console.table 把接口秒变成可排序的 Excel 表格，用 console.time/timeEnd 在毫秒级精准定位性能瓶颈——无需插件

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

在调试 React 项目时，VSCode 提供了两种方式：`launch` 可自动启动 Chrome 并打开页面，使用简单，适合本地开发调试；而 `attach` 则需手动启动带调试端口的 Chrom