前端调试有三种方法：
1、通过alert()方法：在前端文本js代码块适当位置填写alert(变量名)，执行程序便可以在浏览器中查看结果
2、通过console.log()方法：在前端文本js代码块适当位置填写console.log(变量名)，执行程序便可以在浏览器：开发者模式--source（console控制台）看到输出结果，也可以在前端控制台直接使用console.log输出结果
3、通过类似于后端调试的前端js调试办法：
首先：打开浏览器开发者模式，向后台发送一个请求，查看network-XHR项，从而确定我们向后台发送的request请求及状态，并进一步看到并得到后台response的相应与状态
其次，继续开发者模式，进入source页面，找到对应前端函数调用的具体js代码并打断点
最后，出发函数，运行js代码，进行单步调试并查看变量显示。