web开发中，写“bug”和改“bug”同样重要；记录一次web devtool 调试文档阅读摘录。

在开发时，定位一个页面/组件的源码文件的常见方式有在代码库中搜索页面关键字、Devtool中的组件名、DOM节点的class等，这些方式的效率都不算高。 Vue Devtools在4.0版本之后提供了一个十分实用的功能：一键在编辑器中打开组件的源码文件。 1. 安装launch…

每个应用，不论大小，都需要理解程序是如何运行失败的。当我们写的程序没有按照自己写的逻辑走的时候，我们就会逐步一一排查问题。在平常开发过程中我们可能会借助console.log来排查,但是现在我们可以借助vscode断点来调试项目。 在可以从 Chrome 浏览器调试你的 Vue…

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

前言 本文来自 2020年4月25日，前端早早聊第五届“前端搞监控”专场分享嘉宾 - 钉钉前端团队监控负责人 烛象(slashhuang) 的分享实录《钉钉前端-如何设计前端实时分析及报警系统》。 正