自己在Web前端项目中解决bug的思路
来源:互联网 发布:淘宝泳装模特 编辑:程序博客网 时间:2024/04/28 15:23
在项目中往往会遇到各种各样的程序bug,而且有些bug很隐蔽。例如仅仅一个字母引发的“血案”……
因为刚刚入行,所用的技术不够强劲,所以很多技术都是老套的办法。现在咱把前不久公司的一个项目中的bug修复办法及思路给记录下来,以便将来用于往后的工作当中。
首先是bug的运行(不知道咋说,应该bug的演示吧)和代码片段:
让该程序出现bug的第一步:
首先,单击红圈中的“主页链接”
然后进入到以上的界面。
此时:单击图中上部的“用户界面”的XX(翻译:叉叉)按钮,则页面的结果如下:
整个页面呈现一片空白:
调查浏览器开发工具中element便签下的代码显示结果是这样子:
iframe下style的属性里display值很明显为none,说明内容在标签页里有,只是未显示出来。此时bug演示完毕。
晒下代码片段:y
代码分析:
当切换灰色的按钮时,因没有将页面调出来,促使“用户界面”处于unvisible状态。当进程移除操作是,代码运行至
时会将“主页”页面移除,而保留“用户界面”。然而用户界面此时并未改变显示方式,于是整个页面呈现出一片空白的状态。
以下是bug进行修复后的代码片段:
红色框内为修改后的内容。首先,获取当前要删除对象的ID,然后通过ID获取要移除的iframe,当移除iframe后,进行一次判断,判断是否有iframe显示,如果iframe无显示状态,则将最后一个iframe默认改为显示状态---此时bug没有再显示(暂时修复)。
通过此次修复这个小bug中,本人学习到了一些工作中需要用到的知识:
首先,项目中往往时间的原因,无法将整个项目的代码完完整整的通读一遍,而且将整个代码完全理解透也不切实际。而且很多情况下一期项目完后,很少有人会将项目内的代码完完整整的进行关键性注释。这个时候针对性模块理解起到了一定的关键作用。
针对自己在项目中要增加、修改的模块花些时间进行理解很重要,而且因为时间原因,一旦遇到了不理解的地方不能一直死盯着,需要合理的跳过。很多项目中,模块之间是相互联系的,虽然在此模块中不能将一部分代码理解,但是往往到另一个模块中却会惊奇的发现:之前模块中遇到的不理解的代码片段在此模块中会很容易的理解出来。
- 自己在Web前端项目中解决bug的思路
- 项目中bug的解决思路
- 项目中bug的解决思路二
- 项目中遇到的bug(web前端-持续更新)
- Java web项目中解决乱码问题的思路
- 挂起bug的解决思路
- 在自己的web项目中添一个连接池
- 项目中一个Bug的解决过程
- 用HBuilder写前端页面常见Bug解决思路
- web前端面试题--自己在网上扒的答案
- Android解决bug的思路:追本溯源
- 决定记录一些工作中自己Fix一些Bug的思路
- IE1px, bug 解决思路
- 项目中遇到的问题及解决思路
- ButterKnife在androidStudio 2.3~2.4之后的bug以及解决思路
- web前端框架的在项目中的基本引用
- 移动web前端开发之常见bug解决
- 记录一下自己在学习中遇到的前端知识点
- java(3)------运算符常用大全
- Mysql日志文件
- JSTL标签不起作用,JSTL标签直接输出表达式
- mysql中MAX()函数MIN()函数
- Nor Flash & Nand Flash & OneNand Flash
- 自己在Web前端项目中解决bug的思路
- Setting Up a Fake SMTP Server
- Android使用AttributeSet自定义控件的方法
- 欢迎使用CSDN-markdown编辑器
- Node.js and the new web front-end
- cocos2d 渲染
- 基本输入输出系统BIOS
- 简单工厂模式
- C#的浅拷贝和深拷贝