前端如何避免bug的产生?】的更多相关文章

测试工程师不只是负责发现问题,除了发现问题这种基本功外,定位问题,提出解决方案,提出预防方案也是要掌握的技能.这里先说定位问题的要求,定位问题要向深入,前提当然是对功能.产品的流程.开发方案.开发人员非常熟悉了,以我们部门为例,定位bug至少要到下面这种程度. 首先确定是界面显示问题还是功能问题, 如果是界面问题,如贴图错误,文字错误,样式错误,则需要截图 如果是功能问题: 控制台的问题至少定位到:www的问题还是数据库问题,如果是www问题至少要定位到是前端还是后端问题:如果是数据库问题至少要…
项目环境:react生态圈 界面功能基本和:增(新增一条数据).删(删除一条数据).查(展示列表).改(修改数据)挂钩. 一.展示数据列表相关[判空,控制显示距离,分页是否有效,搜索是否有效] 1.渲染数据的时候要做非空判断,有数据展示列表,没有数据展示一个空的div 2.需要展示哪些字段,最好能提前订好,然后就是排列顺序,如果有特殊要求,提前提出来,当然还有就是比如:内容字段很长,是否需要做截取展示也需要考虑进去 3.列表需要展示大量数据,是否对接了分页接口,分页组件功能是否正常 4.一般会提…
1.border-radius有bug,围不住background 描述:设置了border-radius后,背景色依然会从圆角里冒出来 解决方法:在设置了border-radius的容器加上background-clip:padding-box;一定要把background样式提到background-clip样式前!!(被这个bug坑死了,花了大半天时间在近乎绝望的情况下找出了原因) 2.涉及到url中文的一定要encode,否则在有些安卓系统下会有奇怪的bug 3.做圆形头像的时候我一般是…
1.ios下jquery的delegate失效问题? 解决方案: $("body").delegate(...) 改为 $(".item").delegate(...)…
常常说到的一个IT项目,包括前端开发,后台开发,软件测试,架构,项目经理,产品需求.那么对于一位优秀的软件测试工程师来说,需要区分前端和后台的工作就显得尤为重要. - 什么是前端和后台 简而言之,前端一般是指界面的设计居多,他们往往需要调用后台的一个接口,进行一个HTTP请求,根据后台反馈回来的数据,渲染到页面上.从而实现按钮,数据显示的正常. - 测试工程师如何区分前端和后台的BUG 1.检查接口 前端和后台之间是通过接口文件相互联系的,同样,测试人员也是可以看到这个一接口文件,很多人以为,这…
没错!我正在写bug呢!不管你是小白还是大牛,写bug无可避免,遇到bug怎么办?别慌!毛主席教导我们"战略上藐视BUG,战术上重视BUG"!前端遇到的bug无非就三个方面结构层(HTML),表现层(CSS),行为层(JavaScript). 一.结构层(HTML) HTML出错的主要原因是对规范不够理解,没有按照规范来布局.网上搜到很多常见的HTNML错误都是如此: 错误1. 标签嵌套混乱 例1:比如常见的p标签里嵌套div标签 <p>我是一个段落<div>我…
测试工程师不只是负责发现问题,除了发现问题这种基本功外,定位问题,提出解决方案,提出预防方案也是要掌握的技能.这里先说定位问题的要求,定位问题要向深入,前提当然是对功能.产品的流程.开发方案.开发人员非常熟悉了,以我们部门为例,定位bug至少要到下面这种程度. 首先确定是界面显示问题还是功能问题 如果是界面问题,如贴图错误,文字错误,样式错误,则需要截图. 如果是功能问题,控制台的问题至少定位到:XXX的问题还是数据库问题,如果是XXX问题至少要定位到是前端还是后端问题:如果是数据库问题至少要定…
在前一篇中,由于不懂jquery,前端做的太差了,今天做稍做修改,增加一个跳转到指定页面功能,表格行点击样式变化.并且在表格中加入bootstarp的按钮组,按钮点击后弹出模态框,须修改common,contorler,view. 在common中添加一个方法重载,以展示按钮组,另外还加了一个隐藏的Id列,需要增加两个参数,一个指定按钮的bootstarp样式,另一个数组指定按钮的名称 修改后的代码如下 using System.Collections.Generic; using System…
<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 ,什么火就搞什么,活脱脱一个蹭热点小能手.如果你也觉得前端的日常开发有些枯燥,不妨一起来看看前端的另一番模样. 为什么你总是下不了班 大部分工程化的项目为…
译者按: 简要介绍五大前端框架特性 原文: Top 5 JavaScript Frameworks 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. JavaScript在2017年被IBM评为最值得学习的编程语言之一,自然而然它的流行度快速上升,并一直持续.这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展.如今诞生了非常多的框架和库,如果对每一个框架没有一个大致的了解,恐怕很难抉择.如果你正在尝试选择一个合适的java…
1.bootstrap-table对于前端的搜索可以通过官网设置,但发现前端搜索出现bug,网上找到一个bootstrap-table的扩充js  bootstrap-table-mytoolbar.js,可以通过结合bootstrap-table简单的配置就可以进行使用,结合实例说明: bootstrap-table的扩充js内容: /** * @author: aperez <aperez@datadec.es> * @version: v2.0.0 * * @update Dennis…
前端的部分逻辑有时候控制前端的显示.比方记录收藏数目等等.有时候多次反复点击会造成前端显示的bug.所以须要有部分逻辑推断去筛除掉反复多次的点击. 实现部分代码例如以下,主要是通过setTimeout去加以推断.即不管点击几次,间隔一定时间才会去触发一次事件.从而仅仅产生一次的记录: <script> var i=0; //推断点击次数寄存 var closetimer = null; //延时函数寄存 function Button1_Click() //botton点击事件 { conso…
测试工程师不只是负责发现问题,除了发现问题这种基本功外,定位问题,提出解决方案,提出预防方案也是要掌握的技能.这里先说定位问题的要求,定位问题要向深入,前提当然是对功能.产品的流程.开发方案.开发人员非常熟悉了,以我们部门为例,定位bug至少要到下面这种程度.首先确定是界面显示问题还是功能问题 如果是界面问题,如贴图错误,文字错误,样式错误,则需要截图.如果是功能问题,控制台的问题至少定位到:www的问题还是数据库问题,如果是www问题至少要定位到是前端还是后端问题:如果是数据库问题至少要定位到…
当用户上报一个线上的bug后,开发者修改前端代码的bug上新后,用户反映问题依旧存在的问题...这种情况是不是曾经遇到过,这个问题跟浏览器的缓存机制有很大关系(强制缓存和协商缓存,这里我就不介绍具体的缓存机制了,网上资料一搜一大把,并且讲的很详细),这里我来说下我们是如何解决这个问题的... 最简单粗暴的办法就是禁止强制缓存,我们本地开发的时候经常打开chrome这个功能,启用方法如下,这样我们每次刷新页面都是最新的代码,浏览器不会缓存任何静态资源(不知道这么说是不是真的合理...) 当然这种方…
改前端遇到个bug,console能够输出值,但是前端不能显示. 我简直一脸懵逼,vue的问题?网络的问题?浏览器的缓存问题? 公司网络,所以直接排除网络问题. 浏览器缓存,试了下确实一定概率可以显示,但是,哪怕浏览器不行,我们也只能从自己的代码里修改来配合它,兼容它. 所以,这是vue的问题. 那么是vue的兼容问题?vue的缓存问题?vue的数据显示问题? 兼容这玩意,要改只能大改vue的代码了,我是后端工程师,所以,直接pass,真到这步肯定直接给前端的搞了. 那么是缓存还是显示? con…
译者按: JavaScript从简单变复杂了,作者从另一个角度看待这个问题. 原文: JavaScript’s a mess – and that’s a good thing 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. JavaScript从不移除旧的特性,新版本总是向后兼容.我希望我们能够把那些重复的旧的特性清理一下,但是保持兼容有太多的好处.我在本文会解释. 1. 向后兼容的优势 迁移到新的语言版本是一件轻而易举的事情.举个…
Beta冲刺--day3 作业链接 Beta冲刺随笔集 github地址 团队成员 031602636 许舒玲(队长) 031602237 吴杰婷 031602220 雷博浩 031602134 王龙涛 081600107 傅滨 站立式会议 会议安排:交流了一下昨天完成的部分,遇到的困难,并交流了今天的计划. 项目燃尽图 项目进展 图书管理前后端交互 物资管理模块接口文档 测试已完成模块 困难及心得 龙涛 困难:无 心得:无 今日进展:会议室管理前端界面 博浩 困难:学习后端 心得:软工真难呀…
队名:起床一起肝活队 组长博客:博客链接 作业博客:班级博客本次作业的链接 组员情况 组员1(队长):白晨曦 过去两天完成了哪些任务 描述: 完成所有界面的链接,整理与测试 展示GitHub当日代码/文档签入记录: 暂无 接下来的计划 制作部分前端 监制所有前端制作与合理化修改 还剩下哪些任务 进一步完善UI设计与交互设计 进一步学习前端知识,并进行统筹规划 燃尽图: 有哪些困难: 前端制作的进一步学习 有哪些收获和疑问 学会了一定的安卓开发经验 与队友共同研究了前端 组员2:林志华 过去两天完…
[设想和目标] Q1:我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? "小葵日记"是为了解决18-30岁年轻用户在记录生活时希望得到一美体验友好.功能全而不杂并提供分享平台的日记app的问题而开发的. Q2:我们达到目标了么(原计划的功能做到了几个? 按照原计划交付时间交付了么?原计划达到的用户数量达到了么?)? alpha阶段原计划完成的三个模块完成了两个,但顺带完成了两个计划外的功能. 已按照原计划提交审核. 无用户量. Q3:用户量, 用户对重…
[设想和目标] Q1:我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? "小葵日记"是为了解决18-30岁年轻用户在记录生活时希望得到一美体验友好.功能全而不杂并提供分享平台的日记app的问题而开发的. Q2:我们达到目标了么(原计划的功能做到了几个? 按照原计划交付时间交付了么?原计划达到的用户数量达到了么?)? alpha阶段原计划完成的三个模块完成了两个,但顺带完成了两个计划外的功能. 已按照原计划提交审核. 无用户量. Q3:用户量, 用户对重…
[设想和目标] Q1:我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? "小葵日记"是为了解决18-30岁年轻用户在记录生活时希望得到一美体验友好.功能全而不杂并提供分享平台的日记app的问题而开发的. Q2:我们达到目标了么(原计划的功能做到了几个? 按照原计划交付时间交付了么?原计划达到的用户数量达到了么?)? alpha阶段原计划完成的三个模块完成了两个,但顺带完成了两个计划外的功能. 已按照原计划提交审核. 无用户量. Q3:用户量, 用户对重…
第1章 开发准备 本章包含课程介绍,同时讲解开发网站所需要准备的事情,并且带领大家从零开始搭建一个Maven Web. 1-1 课程导学 1-2 开发准备 第2章 项目设计和框架搭建 本章主要先带领大家过一遍项目1.0的大致功能点,并依据功能点划分,设计出合理的实体类以及表来.此外,本章还要完成搭建SSM框架底子的任务,并从后到前完成一个功能点的Dao.Service.Controller的开发与UT验证 2-1 系统功能模块划分 2-2 实体类设计与表创建A 2-3 实体类设计与表创建B 2-…
前端的样式bug实在是太太太莫名其妙了,尤其是封装好的组件,一层套一层的,根本不知道是哪一层出了问题...除了改bug就是做新功能,真想吐槽一下这个项目的留言板,根本没人会用吧...这功能实在是太老旧了... 感觉每一天都被榨干了精力,晚上颓颓的,不知道是怎么回事.希望赶紧找回动力.就这样先写一点吧,唉,心情复杂. 挖坑清单: Vue缓存机制.生命周期和钩子函数 git学习与常用命令记录(最后的整理) Terence Xie 2018.8.7 周二 12:35…
Scrum Meeting博客目录 [Beta阶段]第一次Scrum Meeting 基本信息 名称 时间 地点 时长 第一次Scrum Meeting 19/04/29 大运村寝室6楼 70min 相关工作 Beta阶段的第一次例会,主要针对Beta阶段的工作细节进行了讨论. 如之前的博客中提到,Beta阶段的主要任务有三: 增加操作反馈,确保用户的每一下点击后都有相应的事件触发 添加亮点功能,将目前的功能做精.做专 重新设计页面,大幅提升审美体验 在讨论中,我们对于这三点具体实现方式,以及前…
队名:起床一起肝活队 组长博客:博客链接 作业博客:班级博客本次作业的链接 组员情况 组员1(队长):白晨曦 过去两天完成了哪些任务 描述: 完成所有界面的链接,整理与测试 展示GitHub当日代码/文档签入记录: 暂无 接下来的计划 制作部分前端 监制所有前端制作与合理化修改 还剩下哪些任务 进一步完善UI设计与交互设计 进一步学习前端知识,并进行统筹规划 燃尽图: 有哪些困难: 前端制作的进一步学习 有哪些收获和疑问 学会了一定的安卓开发经验 与队友共同研究了前端 组员2:林志华 过去两天完…
队名:起床一起肝活队 组长博客:https://www.cnblogs.com/dawnduck/p/10046955.htmlz 作业博客:班级博客本次作业的链接 组员情况 组员1(队长):白晨曦 过去两天完成了哪些任务 描述: 完成所有界面的链接,整理与测试 展示GitHub当日代码/文档签入记录: 暂无 接下来的计划 制作部分前端 监制所有前端制作与合理化修改 还剩下哪些任务 进一步完善UI设计与交互设计 进一步学习前端知识,并进行统筹规划 燃尽图: 有哪些困难: 前端制作的进一步学习 有…
[Beta阶段]第十二周Scrum会议 本次会议为第十二周第一次Scrum Meeting,会议对Beta阶段工作进行了总结,针对Beta阶段还未完成的问题进行了讨论. 会议时间为2019.12.3.会议地点为中国海洋大学北区2号楼228宿舍 第十一周任务 小组成员 上周任务 本周任务 孙浩杰 解决出现的疑难bughttps://github.com/sunshine2285/PCES/issues/41 实现 js 操作 cookie 系列函数的封装 https://github.com/su…
[Beta阶段]第十一周Scrum会议 本次会议为第十一周第一次Scrum Meeting,会议对上周工作进行了总结,并对工作成果予以了肯定. 会议时间为2019.11.28.会议地点为中国海洋大学北区2号楼228宿舍 第九周任务 小组成员 上周任务 本周任务 孙浩杰 课程搜素接口,按类别查询课程https://github.com/sunshine2285/PCES/issues/27 解决出现的疑难bug 谭明耀 后端mybatis搭建https://github.com/sunshine2…
初衷:今天公司的前端和测试人员吵起来了.原因是测试埋怨前端人员把Bug的状态更改为已解决,结果代码根本没提交,而前端人员埋怨测试测的太频繁了,需要打几个环境的包不方便.又要改东西又要频繁打包费时间.凡正各有各的理由,就是不想办法解决问题. 哎,没办法,为了解决这种问题,我打算看看Gitlab的CI集成,如果能弄上这个那么开发只管提代码就行了,会自动构建环境. 我这也是现学现卖,今天照着官网和查资料,刚把基本的流程跑通,中间还是费了点时间的,这里记录下 gitlab ci/cd快速入门 按照官网上…
设想与目标 我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? 解决的问题 总体解决的问题:新手编程者配置编程环境难.本地编写的代码跨设备同步难.本地ide安装使用过程繁琐等问题 alpha阶段解决的问题:基本项目的创建,自动补全,编译运行 beta阶段新增: 随手写简单代码.项目多人合作中的分享和协作开发 美化功能,让使用者感觉更加赏心悦目. 进一步解决软件启动速度问题. 定义是否清楚: 定义的很清楚,可参见以往博客设计与规化:Alpha阶段规划,Beta阶段规…