目录
1.区分bug是前端还是后端
1.1前后端bug特点
1.1.1前端bug特点
1.界面相关
2.布局相关
3.兼容性相关
1.1.2后端bug特点
1.业务逻辑相关
2.性能相关
3.数据相关
4.安全性相关
1.2前端问题
1.2.1界面相关
常见的界面相关问题有：排版错乱、文字错误、数据错误、兼容性问题
（1）文字错误
- 功能文字：对话框或弹框中的标题文字
- 提示文字：前端给出的文案提示
（2）数据错误
- 列表字段错误
- 表单字段错误等。
这种情况下可以查看前端是否参与计算，或是有无进行过字段配置管理，一般情况下可以先提交给前端。
- 根据计算的处理人来提交，如果是后端处理的，则提交给后端；如果是前端处理的，则提交给前端；如果是专门的数据人员，则与数据人员沟通。
（3）兼容问题
如果使用了UI框架 ，则前端问题常见于框架问题。
1.2.2功能相关
功能相关：功能实现错误、不完整、逻辑错误等。
（1）功能问题
通过抓包查看请求的方式来初步判断。
- 无请求，则初步判断为前端Bug；
- 抓包中有请求，则可以通过不同的状态码来判断，有请求的情况下可以初步判断为后端Bug
状态码：HTTP 响应状态码
（2）逻辑错误问题
- 一般情况下，确认逻辑问题，找后端处理；
- 不确定的逻辑问题，与需求、后端一起讨论处理。
1.2.3性能相关
常见的性能问题：页面打开较慢，表单打开慢等。
一般情况下可以通过抓包来查看请求
- 请求耗时较小，则初步断定为前端问题
- 耗时长，可以结合其他信息排查为后端问题。
性能相关的问题出现后，建议通过工具来评估整体的性能，可以进一步定位是哪个部分的问题。
1.3后端问题
后端问题：业务逻辑、数据问题、安全相关的问题、性能问题等
后端问题多数可以通过查询错误日志信息来排查原因
有些信息不会展示在前台，需要结合服务端日志信息一起排查定位了。
在定位的过程中可以记录下相关SQL的问题，服务端的问题以及代码问题，以便于日后查看。
1.3.1经验法
例如： 网页上的某个图片的分辨率不对，如果我们了解实现过程，可以想到一般情况下，是根据某个地址去服务器取图片的，数据库一般只保存地址，那么
- 图片能正确显示，就说明后端的基本功能是满足需求的。
- 如果具体图片分辨率有误，最可能的原因是前端显示过程出了差错。
1.3.2查日志
当我们发现一个bug，并不确定这个bug属于前端还是后端，可以查看后端服务的日志，复现bug时，查看日志中有没有相关信息。
基本可以认为，
- 日志没有输出，很可能这个功能并没有与后端交互，也就不存在后端的问题，则可能为前端问题
- 日志有输出，可以进一步查看有无错误日志信息，进一步分析
- 不存在交互的情况下，更多偏向于前端问题。
1.3.3查接口
这种方法常用于查看是后端返回给前端的数据有误，还是前端显示有误。
大多数浏览器都有自带的接口查看工具，如Chrome，FireFox等都可以通过F12开启抓包，在NetWork中可以看到当前页面发送的每个http请求。
我们需要对比通过后端接口拿到的数据和前端显示的数据，来确认问题出在哪里。
- 如果数据错了，页面显示是错的，也是正常的，先从后端入手去解决。
- 前端功能实现导致后端返回的数据出错，则可以初步判断为前端问题；
- 查看后端返回的接口数据不一致或是出现报错信息，则判断为后端问题；