前端开发中如何快速定位问题

?    前端项目的运行环境大多数都是在浏览器上面的，调试的时候借助浏览器的 console 功能就可以能方便的解决问题了，就能愉快的 debug了，下面说下用的比较多的方法：
       

    1. 在项目开发过程中定位问题一般都是通过控制台输出变量值，多打几个console就能看到数据值的变化了;

var dataMessage = ‘把我的数据输出呀‘;console.log(‘这个变量值‘,dataMessage);

        2. 在项目中借助控制台的输出功能，进入浏览器的调试界面Sources中打断点进行单步调试；

都进入这个界面，就可以为所欲为了，想怎么打断点都行了呀，鼠标悬浮看数据变化就好啦；

    总结：以上两种方法在任何框架都适用，通过第二种方法来定位问题是很方便的，如果接手一个新项目的时候，找到webpack中首次启动项，然后看下路由配置，在把这个看不懂的变量值，走下断点，看下变量都是些啥东西，基本二次开发问题就很轻松了呀。

欢迎关注博主：微信公众号交流

前端开发中如何快速定位问题

原文：https://www.cnblogs.com/ChineseLiao/p/11395735.html