web前后端bug判断实战？分析前后端bug？

原标题：web前后端bug判断实战？分析前后端bug？

导读：

java前后端分离怎么实现(javaweb前后端分离,是如何交互的)1、微信小程序前后端分离怎么实现前端只需要独立编写客户端代码，后端也只需要独立编写服务端代码提供数据接口即...

Java 前后端分离怎么实现(JAVA web前后端分离,是如何交互的)

1、微信小程序前后端分离怎么实现前端只需要独立编写客户端代码，后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口，将Model展示到View中即可。本项目采用三层架构，从上至下分为界面层、业务逻辑层（Controller）、数据访问层（Eloquent\Model）。

2、我们前面介绍的前后端交互，就是第二部分的工作。前端通过调用后端提供的api来传递和获取数据，最后再将数据渲染到页面上。不过值得提一句的是，html并不负责与java交互，从基础来说，HTML只罩型型负责页面架构，具体捕捉用户操作，获取数据等步骤，是由javascript来实现的。

3、在开发中部署和运行前后端分离的JavaWeb项目，可以采用以下两种主要方案：方案一：使用 nginx来访问静态资源安装 Nginx：首先，在本地安装Nginx服务器。配置Nginx：修改nginx.conf文件，主要配置包括监听端口、服务器名称、字符集以及具体的location配置。监听端口：设置Nginx监听的端口，通常设为80。

4、前端和后端交互是怎样的步骤？前端和后端结合的过程需要通过接口来进行数据交互。确定接口：前后端开发人员需要协商确定接口，包括接口的名称、参数、返回值等。在确定接口时，需要考虑数据的格式和传递方式，如json、XML等。

测试过程中遇到哪些印象比较深的bug?

首先，业务类的 bug 往往需要综合分析前后端的问题。比如，在一个 crm 客户管理系统中，测试人员在操作线索列表时发现点击删除后没有任何反应。深入调查发现，问题在于前端仅显示了删除成功的提示，但实际上并未调用后端接口完成删除操作。

找寻复杂因素导致的棘手问题，例如，一个BUG在测试环境无误，线上环境也正常，但仅限于特定用户的特定操作引发问题，需要通过排除法层层筛选，最终发现是用户的特定行为触发了连锁反应。

首先，这个bug暴露了研发在数据保存过程中的一个漏洞：他们没有在保存数据时对数据的有效性进行判断，而是仅在相关控件操作时进行了验证。这种做法存在较大风险，因为控件之间的数据交互可能会引发问题。其次，尽管这些脏数据在用户界面上没有显示，但它们仍会保存在服务器上，并在所有平台间进行同步。

开发调试秘籍--前端Debugger实战

1、基础篇首先，你需要具备扎实的CSS和JavaScript基础，以及vue/React等现代框架的经验。课程内容将详尽解析如何熟练使用调试工具，定位并修复那些令人头疼的bug。学会快速定位问题，提取关键信息，甚至在面对无提示错误时，也能运用二分注释法找到症结所在。

2、首先，您将掌握Chrome DevTools的强大调试工具。课程内容包括：学会使用Chrome DevTool打开和调整调试工具面板，如元素、控制台、源代码和网络面板。理解断点功能，以及如何利用控制按钮进行代码执行控制。通过HTTP 协议理解浏览器与服务器交互过程，观察geek.itheima.net/的请求和响应信息。

3、前后端通信问题可通过 HTTP 状态码（4XX、5XX）识别。状态码4XX表示前端调用API出现问题，状态码5XX则为后台问题，需要提供关键信息给后端协助解决。通过网络面板，可以分析报错原因并快速定位问题所在。二分注释法是一种有效定位 Bug 的方法，通过删除代码或错误代码来缩小问题范围。

4、在“控制台”面板中，开发者可以查看和控制程序的运行状态，打印变量或执行代码。在“源代码”面板中，开发者可以设置断点，让代码在断点处暂停执行，以便深入分析代码。最后，在“网络”面板中，开发者可以查看HTTP请求和响应信息，以判断前后端通信是否正常。

5、您应该看到代码中包含的“等待调试器附加”消息，并且脚本在ptvsd.wait_for_attach（）调用时停止。切换到Debug视图，从Debugger下拉列表中选择 python：Attach，然后启动调试器。

找到一个bug,通过f12,怎么判断bug是前端还是后台的?

比较前后约定接口地址、参数、返回字段页面渲染等，错误、缺失则是前端bug。若上述正确，则大概率是后台bug。

可以分析是在哪个节点引发的Bug，从而判断是前端还是后端问题。比如，前端发送请求是，数据组装有问题，导致后端返回报错，这个是属于前端问题。而如果前端发送请求数据没问题，后端返回数据不对或者报错，可以判断为后端问题。

这种方法是最常用的，我们必须掌握的，常用于查看是后端返回给前端的数据有误，还是前端显示有误。大多数浏览器都有自带的接口查看工具，如Chrome，FireFox等都可以通过F12开启抓包，在NetWork中可以看到当前页面发送的每个http请求。要想通过接口查看法来判断，你需要先了解Chrome浏览器的Network面板介绍。