你真的会使用 《断点》 吗

 

 

前期回顾

​回顾  前期  ​       

vite + vue3 —— vue地图大屏项目_0.活在风浪里的博客-CSDN博客_vue大屏项目0-1 完成大屏中国地图https://blog.csdn.net/m0_57904695/article/details/126985375?spm=1001.2014.3001.5501https://blog.csdn.net/m0_57904695/article/details/126985375?spm=1001.2014.3001.5501

---

目录

原生页面断点：

 框架断点+调用栈

结语 ：

---

 

 

前言：

 断点各位不会陌生《控制台断点、编辑器断点》很多方法可以整！但是今天分享一下很好用，很快速的找到源头的方法，多一句没有，少一句不行，直接进入正题中....

 

原生页面断点：

 先看页面效果，

​

 这个dome在一定时间内文字发生了改变，从控制台瞬息找到问题所在，看下面截图 先解释下断点

​

 我们把它勾选上在运行项目看看

​

 

---

 

但是在开发中问题是比较复杂的，还需大家灵活运用，比如说我们使用较火的vue.js框架，这样打断点会调（跳）到vue底层源码位置，我们可以使用元素的调用栈也可以找到准确位置

 框架断点+调用栈

​

​

 我们找到变化的dom选中并打上断点

​

 

 配合调用栈从下往上找

 

 

 

---

 

在演示一个

 因为vuex分了模块所以触发是加上 模块名/触发事件 

 

 

 

 

---

结语 ：

希望大家早早下班！bug越来越少，再见

（注：红字必看）