前端
一、概念:网站的静态页面设计,网站前端工作使用的是html、css、javascript等技术设计网站页面的样式和排版布局,这就是网站前端。
二、Bug类别
1、HTML:出现文本的问题基本都是html的bug
a.标签闭合—表象,页面中出现大范围的混乱,就是少了标签的情况,导致标签未闭合
b.标签浮出—例如鼠标移动到文本位置,浮出全名的这种浮出形式都属于标签浮出的问题
c.标签在不同的浏览器的一种解析方式的不同导致的前端bug
d.页面的跳转,若出现点击未跳转或者跳转方式不正确的问题,直接可以定位到跳转属性的问题,找到对应的跳转对应的块提供给开发人人员即可
2、CSS:出现样式的问题基本都是CSS的bug
a.兼容性bug:仅在少数几个浏览器上出现,是因为浏览器的解析不一致,需根据实际情况进行前端代码的通用性
b.业务性bug:在所有浏览器下都有该问题,原因是对业务不熟悉,根据需求进行修改达到业务要求
c.内容型bug:前端自测正确,但在填入内容后,出现的错误,内容消失等,原因是扩展性未考虑周全,需进行overflow test
3、Javascript:出现交互类的问题基本都是Javascript的bug
a.刷新页面,出现滞后显示的一些模块基本都为脚本的输出块
b.有产生交互类的问题,大多数都可以定位到是属于javascript产生的问题,该部分大多不会报错
c.有弹出错误信息提示的bug浏览器返回的一些错误弹出框都属于javascript的bug
后端
一、概念:后端也叫网站后台技术或者动态网站技术,常见的网站后端开发语言有asp、asp.net、jsp、php、Java、Python等。同时网站后台技术还包括数据库如MySQL、sqlserver等,数据库是用来存储后台数据的。用于支撑前端的展现。
二、说明:肉眼在网页上见到的问题实际并不一定就是前端造成的,也有可能是后端人员未传值或者传值不恰当导致。
cases
case1:文本框输入不合法的内容,点击提交按钮,如果不合法的内容提交成功,应该是前后台没有做校验,前后端都有这个bug
case2:文本框输入合法的内容,点击提交按钮, 查看数据库中的数据和输入的内容不一致, 这个时候需要看前台传的数据是否正确,使用fiddler抓包, 查看请求里面的数据是否和输入一致,如果一致就是后台的问题, 如果不一致,就是前台的bug。
case3:界面展示不友好, 重复提交这些都是前台的bug。
case4:Html中如果有链接并有响应,基本可以定位到是属于前端的问题
case5:Html中如果有链接且响应如果为空,或者有出现error错误信息,我们就可以定位到属于后台开发的问题。