【前端】三个bug

前端和后台BUG区分方法

测试工程师不只是负责发现问题,除了发现问题这种基本功外,定位问题,提出解决方案,提出预防方案也是要掌握的技能.这里先说定位问题的要求,定位问题要向深入,前提当然是对功能.产品的流程.开发方案.开发人员非常熟悉了,以我们部门为例,定位bug至少要到下面这种程度. 首先确定是界面显示问题还是功能问题, 如果是界面问题,如贴图错误,文字错误,样式错误,则需要截图如果是功能问题: 控制台的问题至少定位到:www的问题还是数据库问题,如果是www问题至少要定位到是前端还是后端问题:如果是数据库问题至少要…

目录一.Array对象的indexOf() 二.使用jquery,clone()下拉框问题三.jquery获取获取html5的data-*属性一.Array对象的indexOf() 1.indexOf()定义: indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 2.bug描述 var arr = ["1","2"];console.log(arr.indexOf(1)); // -1 为何是-1? 3.解释 indexOf() 会做…

前端如何避免bug的产生？

项目环境:react生态圈界面功能基本和:增(新增一条数据).删(删除一条数据).查(展示列表).改(修改数据)挂钩. 一.展示数据列表相关[判空,控制显示距离,分页是否有效,搜索是否有效] 1.渲染数据的时候要做非空判断,有数据展示列表,没有数据展示一个空的div 2.需要展示哪些字段,最好能提前订好,然后就是排列顺序,如果有特殊要求,提前提出来,当然还有就是比如:内容字段很长,是否需要做截取展示也需要考虑进去 3.列表需要展示大量数据,是否对接了分页接口,分页组件功能是否正常 4.一般会提…

angularjs + seajs构建Web Form前端(三) -- 兼容easyui

回顾在上一章中使用了angular实现了ajax form和树形结构,经过以上两章对于angular的大致使用,对于angular也有了初步的认识,接下来的内容只会对angular的一些用法做简单的说明,如果有不清楚的可以自己查看angular API或者留言给我. 刚开始接触angular的时候,我以为会抛弃诸如jQueryUI.easyui这样的ui组件,但是随着我学习后才发现,其实是我被自己的想法给误导.局限了.mvvm通过数据与ui的绑定,实现双向的同步,使用其他ui的组件我们一样可以…

android下前端开发诡异bug记录&解决方法

1.border-radius有bug,围不住background 描述:设置了border-radius后,背景色依然会从圆角里冒出来解决方法:在设置了border-radius的容器加上background-clip:padding-box;一定要把background样式提到background-clip样式前!!(被这个bug坑死了,花了大半天时间在近乎绝望的情况下找出了原因) 2.涉及到url中文的一定要encode,否则在有些安卓系统下会有奇怪的bug 3.做圆形头像的时候我一般是…

前端(三)：JavaScript基础

JavaScript是一种属于网络的脚本语言,常用来为网页添加各式各样的动态功能,是一种动态类型.弱类型.基于原型的语言.它包括三个部分:ECMAScript.BOM和DOM.ECMAScript描述了该语言的语法和基本对象.BOM,浏览器对象模型,描述了与浏览器进行交互的方法和接口.DOM,文档对象模型,描述了处理网页内容的方法和接口.js的使用:js代码写在script标签中,其引入方式和css样式的style标签一致. 一.变量.数据类型与运算符 1.变量声明变量: - 通过var关键字…

利用前端三大件（html+css+js）开发一个简单的“todolist”项目

一.介绍 todolist,即待办事项.在windows android ios上参考微软家出的那个To-Do应用,大概就是那样的.我这个更简单,功能只有“待办” “已完成”两项,并且是在浏览器打开的. 二.界面和文件结构这些... 实际在浏览器中的网页如下: 在subline中的文件结构有index.html.index.css.index.js各一个,如下图: 三.程序参考注释即可看懂. (1)index.html文件 <!DOCTYPE html> <html> <h…

Blazor带我重玩前端(三)

写在前面需要升级VS2019以及.NET Core到最新版(具体的最低支持,我已经忘了,总是越新支持的就越好),以更好的支持自己开发Blazor项目. WebAssembly 搜索Blazor模板选择Blazor WebAssembly App模板项目实例项目实例 BlazorApp.Shared:提供最一般的支持,包括各个Model BlazorApp.Client:依赖BlazorApp.Shared,该项目侧重于Pages功能 BlazorApp.Server:依赖BlazorAp…

前端开发——移动bug整理

1.ios下jquery的delegate失效问题? 解决方案: $("body").delegate(...) 改为 $(".item").delegate(...)…

前端Bug解决方案

没错!我正在写bug呢!不管你是小白还是大牛,写bug无可避免,遇到bug怎么办?别慌!毛主席教导我们"战略上藐视BUG,战术上重视BUG"!前端遇到的bug无非就三个方面结构层(HTML),表现层(CSS),行为层(JavaScript). 一.结构层(HTML) HTML出错的主要原因是对规范不够理解,没有按照规范来布局.网上搜到很多常见的HTNML错误都是如此: 错误1. 标签嵌套混乱例1:比如常见的p标签里嵌套div标签 <p>我是一个段落<div>我…

如何区分前端BUG和后台BUG？

测试工程师不只是负责发现问题,除了发现问题这种基本功外,定位问题,提出解决方案,提出预防方案也是要掌握的技能.这里先说定位问题的要求,定位问题要向深入,前提当然是对功能.产品的流程.开发方案.开发人员非常熟悉了,以我们部门为例,定位bug至少要到下面这种程度. 首先确定是界面显示问题还是功能问题如果是界面问题,如贴图错误,文字错误,样式错误,则需要截图. 如果是功能问题,控制台的问题至少定位到:XXX的问题还是数据库问题,如果是XXX问题至少要定位到是前端还是后端问题:如果是数据库问题至少要定…

(转)测试如何区别是前端的问题还是后台的bug

常常说到的一个IT项目,包括前端开发,后台开发,软件测试,架构,项目经理,产品需求.那么对于一位优秀的软件测试工程师来说,需要区分前端和后台的工作就显得尤为重要. - 什么是前端和后台简而言之,前端一般是指界面的设计居多,他们往往需要调用后台的一个接口,进行一个HTTP请求,根据后台反馈回来的数据,渲染到页面上.从而实现按钮,数据显示的正常. - 测试工程师如何区分前端和后台的BUG 1.检查接口前端和后台之间是通过接口文件相互联系的,同样,测试人员也是可以看到这个一接口文件,很多人以为,这…

记录一次bug解决过程：resultType和手动开启事务

一.总结二.BUG描述:MyBatis中resultType使用 MyBatis中的resultType类似于入参:parameterType.先看IDCM项目中的实际使用案例代码,如下: // List<Integer> orderIds = assetBeanMapperExt.getOrderIdsByParentIds(SqlStringUtil.formatInStr(logisticsOrder.getParentIds())); 我们的目的是通过*Ext层直接返回一个list,…

记录一次bug解决过程：velocity中获取url中的参数

一.总结在Webx的Velocity中获取url中参数:$rundata.getRequest().getParameter('userId') 在Webx项目中,防止CSRF攻击(Cross-site request forgery,跨站请求伪造),在form表单提交中要加入$!csrfToken.ajaxUniqueToken 在MyBatis的mapper层,使用标签association实现对象的关联,一个bean配多个association标签. 二.Bug描述:Velocity从U…

【移动前端开发实践】从无到有（统计、请求、MVC、模块化）H5开发须知

前言不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦! 我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没设计,当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库,当时我作为一个前端就惊呆了...... 最初的前端只有我1人,这事实上与我想来学习学习的愿望是背道而驰的,但既然来都来了也只能独挑大梁,马上投入开发,当时涉及的项目有: ① H5站点 ② PC站点 ③ Mis后台管理系统 ④ 各种百度…

基于AngularJS的个推前端云组件探秘

基于AngularJS的个推前端云组件探秘 AngularJS是google设计和开发的一套前端开发框架,帮助开发人员简化前端开发的负担.AngularJS将帮助标准化的开发web应用结构并且提供了针对客户端应用的未来开发使用的模板,AngularJS非常全面且简单易学习,AngularJS快速的成为了JavaScript的主流框架,帮助开发者专业的从事web开发. 一.Amazing的Angular AnguarJS的一些特性 (1)方便的REST: RESTful逐渐成为了标准的服务器和客户…

github上最全的资源教程-前端涉及的所有知识体系

前面分享了前端入门资源汇总,今天分享下前端所有的知识体系. 个人站长对个人综合素质要求还是比较高的,要想打造多拉斯自媒体网站,不花点心血是很难成功的,学习前端是必不可少的一个环节, 当然你不一定要成为前端专家,但是你至少要懂前端才行,这样等网站做大之后你招人才能找到合适的人才,有一双慧眼很重要. 综合类综合类地址前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonT…

从头开始一步一步实现EF6+Autofac+MVC5+Bootstarp极简前后台ajax表格展示及分页（二）前端修改、添加表格行点击弹出模态框

在前一篇中,由于不懂jquery,前端做的太差了,今天做稍做修改,增加一个跳转到指定页面功能,表格行点击样式变化.并且在表格中加入bootstarp的按钮组,按钮点击后弹出模态框,须修改common,contorler,view. 在common中添加一个方法重载,以展示按钮组,另外还加了一个隐藏的Id列,需要增加两个参数,一个指定按钮的bootstarp样式,另一个数组指定按钮的名称修改后的代码如下 using System.Collections.Generic; using System…

前端资料QQ群交流

转:https://github.com/jsfront/src/blob/master/qq.md 这本来是我QQ群内部的一份公共约定的日常交流规则,后来得到大伙的一致认可,并用实际行动来捍卫它,使我倍受感动. 后来想:传播使爱更有力量,阅读使内心更为坚强,沉淀使生活更为醇香,分享使人更为谦卑或快乐.因为快乐,所以分享. 知识资源来源于互联网,应该返回给互联网,使看到的每一个人受益,也可以供其它各个行业的群主参考. 规则会不断的修改调整,你不在是一个受益者,更是一个项目参与者内容规则的创造者,…

基于AngularJS的前端云组件最佳实践

AngularJS是google设计和开发的一套前端开发框架,他能帮助开发人员更便捷地进行前端开发.AngularJS是为了克服HTML在构建应用上的不足而设计的,它非常全面且简单易学习,因此AngularJS快速的成为了javascript的主流框架. 一.Amazing的Angular AnguarJS的特性方便的REST: RESTful逐渐成为了一种标准的服务器和客户端沟通的方式.你只需使用一行javascript代码,就可以快速的从服务器端得到数据.AugularJS将这些变成了JS…

定位bug的姿势对吗？

举个例子来说明 WEB页面上数据显示错误,本来应该显示38, 结果显示35,这个时候你怎么去定位这个问题出在哪里? 1.通过fiddler抓包工具(或者其他抓包工具), 分析接口返回的数据是35还是38, 如果返回的是正确的,那就是前端的问题, 如果返回就是错误的, 你还得看看我们请求的参数是否正确,如果不正确,那肯定是前端的问题,如果正确,那就是后端的问题,接着以下步骤看 2.分析这个数据的业务, 搞清楚这个数据是怎么产生的, 把数据的源头到显示整个业务流搞清楚, 通过日志和数据库, 检查每…

整理六百篇web前端知识混总

9个有用的和免费的工具来支持动态网页开发 8个基本的引导工具的网页设计师 11款CSS3动画工具的开发 2016年某前端群题目答案参考 9最好的JavaScript压缩工具创建响应式布局的10款优秀网格工具集锦 8个超实用的jQuery插件应用 8个非常个性化的CSS3单/复选框 10个超赞的jQuery图片滑块动画推荐20款JavaScript框架给前端开发者 7个华丽的基于Canvas的HTML5动画 10个非常炫酷的jQuery相册动画赏析 9个绚丽多彩的HTML5进度条动画赏析 7款…

Web前端，HTML5开发，前端资源，前端网址，前端博客，前端框架整理 - 转改

Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理综合类前端知识体系前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社 - 精通JavaScript开发重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编…

【JavaScript&jQuery】前端资源大全

综合类综合类地址前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonTian/fks Web前端开发大系概览 https://github.com/unruledboy/WebFrontEndStack Web前端开发大系概览-中文版 http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html Web Fron…

bug的分类和等级

一.bug的定义软件的bug,狭义指软件程序的漏洞或缺陷,广义指测试工程师或用户提出的软件可改进的细节.或与需求文档存在差异的功能实现等对应三个测试目的:(3个为了) 1.为了发现程序的代码或业务逻辑错误 2.为了检查产品是否符合用户需求 3.为了提高用户的体验二.bug的类型对bug的划分,禅道为例,包括: 1.代码错误 2.设计缺陷 3.界面优化 4.性能问题 5.配置相关 6.安装部署 7.安全相关 8.标准规范 9.测试脚本 10.其他划分:功能类.界面类.性能类.易用性类.…

github上最全的资源教程-前端涉及的所有知识体系【转】

github上最全的资源教程-前端涉及的所有知识体系[转自:蓝猫的博客] 综合类综合类地址前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonTian/fks Web前端开发大系概览 https://github.com/unruledboy/WebFrontEndStack Web前端开发大系概览-中文版 http://www.cnblogs.com/unrule…

如何判断前后端bug

测试工程师不只是负责发现问题,除了发现问题这种基本功外,定位问题,提出解决方案,提出预防方案也是要掌握的技能.这里先说定位问题的要求,定位问题要向深入,前提当然是对功能.产品的流程.开发方案.开发人员非常熟悉了,以我们部门为例,定位bug至少要到下面这种程度.首先确定是界面显示问题还是功能问题如果是界面问题,如贴图错误,文字错误,样式错误,则需要截图.如果是功能问题,控制台的问题至少定位到:www的问题还是数据库问题,如果是www问题至少要定位到是前端还是后端问题:如果是数据库问题至少要定位到…

前端之javascript1

js介绍和js引入页面学习前端脚本语言javascript的基本概念.页面引入方式.获取页面元素及操作元素属性的技巧,学习函数的基本定义方法和使用方法. JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互. JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等. 前端三大块 1.HTML:页面结构2.C…

记录一次bug解决过程：else未补全导致数据泄露和代码优化

一.总结快捷键ctrl + alt + 四个方向键 --> 倒置屏幕未补全else逻辑,倒置查询数据泄露空指针是最容易犯的错误,数据的空指针,可以普遍采用三目运算符来解决 SVN冲突解决关键字:<<<<<<< .working ======= >>>>>>> .merge-right.r10329 线上实时查看日志的命令:tail -f -n 200 all.log 二.BUG描述:else逻辑…

记录一次bug解决过程：规范变量名称和mybatis的使用以及代码优化

一.总结 Mybatis中当parameterType为基本数据类型的时候,统一采用_parameter来代替基本数据类型变量. Mybatis中resultMap返回一个对象,resultType返回一个Map简单数据类型(由于需要缓存到JVM中)的映射关系. String类型转Integer类型:String类型转int类型用到的方法是不一样的. 方法入口处第一行写new Date(),防止时间在23:59:59跨界对逻辑带来影响. 考虑到上线app_resource表忘记配置供应商比例,在…

【【前端】三个bug】的更多相关文章