前端开发:那些我遇到的bug(持续更新)

homehtml homehtml     2023-03-20     251

关键词:

从事前端开发将满一年了,期间遇到不少问题,最坑的是一些自己不知道的坑。所以写出来警示后人。

1. ios端的sort方法无效
描述:
之前做一个小程序的聊天列表的时候需要用到sort进行列表排序。嗯,后来有用户反应最新回复不置顶。。。检查了一遍又一遍的代码。发现没问题,在小程序IDE里面查看也完全没问题。最坑的是项目做好直接上线,没有测试环节,顶多是几个开发人员用自己手机查看一下,但是开发人员才几个,完全无法做到准确的测试,至于后来怎样了。。。所在团队解散了,所以如果这个小程序还在运营的话,那么我觉得这个Bug应该还在吧hahahaha~
这个bug是后来在目前的公司做一个模拟数据的时候需要将一个数组乱排,然后手机预览的时候发现没有乱排才发现的,发现之时非常的惊奇呀。立刻想起了上一家公司留下的bug我的天。
解决方法:
自己重写一些sort呗,还能怎么办
具体方法可以看这位大神的操作啦 IOS中sort方法的兼容问题

2.部分安卓机的console不兼容
描述:
可能是我的基本功不够扎实啊。完全没有意料到这个居然也是有兼容。之前做一个h5,突然测试的小伙伴来告诉我有一台测试机有问题。。。抱着别的测试机都可以,为什么那台就不行的想法,和测试怒怼。“肯定是那个机子有问题。。。”云云。。最后面实在是无法睡服她,所以只能再辛苦一下自己,满足她的要求。自己debugger了一下。当然是用console去debugger的。再一次陷入了深深的恐惧,为什么,为什么我的程序跑不起来,连log都没有。。。好吧,真的很绝望,希望大家以后主要不要留log在项目里,或者重写一下
解决方法:
重写一下,或者全部注释掉, 像这样 window.console = log: function () 就可以避免出现上述问题啦

3. ios下的日期表示
描述:
一般情况下,我是这样表示一个日期的 ‘YYYY-MM-DD hh:mm:ss‘。但是之后要用这样一个日期获得时间戳的时候才知道自己太年轻了。在ios下new Date(‘YYYY-MM-DD hh:mm:ss‘)是行不通的。又是一个绝望的坑啊。试了好多遍,最后去问了ios开发才知道。你需要‘YYYY/MM/DD hh:mm:ss‘的格式才可以
解决方法:
乖乖照着斜杠的格式来吧, 像这样 new Date(‘2017/08/08 13:55:22‘)建议还是统一用斜杠的好

4.小程序下的DOMParser不可用
描述:
严格来说这不算是一个bug,但是由于之前在腾讯云提供的小程序的SDK里居然看到用的是DOMParser,感到十分惊奇。既然是你自己限制的在小程序里不可以使用DOM操作的函数,自己家提供的SDK里居然用了,这不是坑人吗。之前在IDE里用的好好的,后来总监告诉我真机上用不了的时候真是十万头了,主要是在xml的请求上面要用到来转换成json或者对象的
解决方法:
自己写一个转换的方法吧。不过转换量大的话真的很蛋疼,或者也可以找找有没有什么别的解决方法,顺便告诉我一声呗
自己写了一个实在是太烂不太好意思献丑,暴露水准,但是还是贴一下好了,[捂脸]
千万不要打我

5.mac上面使用calc的问题
描述:
之前在一个轮播图上面用到了绝对定位,然后根据其left来进行定位和轮播。之后考虑到在移动端手指滑动时候需要跟着手指滑动距离有一个偏移和弹簧的效果,所以加上了calc来计算偏移量。结果后面设计跟我说在mac下面这个轮播图点几次之后就失效了。奈何我没有mac,而且这是一个外包项目,也无法去设计那里看。还好有一位之前的同事有mac,就叫他帮忙看一下。最后发现逻辑什么的都没有问题。最终才怀疑到属性兼容上面,毕竟之前几次切换都可以,但是后面就失效了。真的非常的蛋疼啊。。。
解决方法:
在频繁切换的时候尽量不要使用到calc来定位,可以选择left或者translate
这个只要不要在频繁切换的时候使用left: calc(x + y);就好了,至于其他的还没有深入研究

(别的现在一下子想不起来了。。。持续更新吧,各位大人们如果有遇到很莫名其妙的记得评论一下告诉一下我呗,我会加上去一起共勉的,感激不尽)

css样式---在ie下的那些事(持续更新)

  前端样式,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的... 查看详情

高级前端二面vue面试题(持续更新中)(代码片段)

action与mutation的区别mutation是同步更新,$watch严格模式下会报错action是异步操作,可以获取数据后调用mutation提交最终数据MVVM的优缺点?优点:分离视图(View)和模型(Model),降低代码耦合,提⾼视图或者逻辑的重⽤性:⽐如视图... 查看详情

java新手在实际开发中所遇到的问题及解决方法小结,(持续更新遇到的问题)

?从事开发一年有余,想到自己初入公司时的困窘,在此把我记忆中在实际开发中所遇到的问题做一总结性的小结,为自己以后方便查阅,以及后来者遇到相同问题时解决更加方便快捷,希望大家集思广益把自己... 查看详情

pc端页面开发基础-问题总结

本人在做前端开发相关工作时,遇到过也解决过很多技术性问题。今天起,就从PC端页面开发开始,理一理新手们可能会遇到的那些坑。本文非教学文章,仅供有前端开发基础的同学同僚们一起讨论与总结,本人将从零开始持续... 查看详情

java-定位排查bug(代码片段)

在开发过程中难免会遇到bug,理解bug的含义,定位bug的位置,对于解决bug至关重要!掌握高效的排错技巧,对于程序员来说必不可少。目录一、错误异常的分类二、常见报错信息及原因(持续更新中)... 查看详情

一名合格前端工程师的自检清单持续更新

最近偶然看到一篇文章《一名【合格】前端工程师的自检清单》的文章,作者说的很有道理,所以我就像根据他文章列出的问题整理一下自己从入行到现在学到用到的知识点,归纳一下自己的知识体系。ps:本文持续更... 查看详情

vscode开发java遇到的问题整理解决方案(持续更新)

获取控制台输入的信息:休息launch.json文件中的console属性internalConsole(内部控制台)修改为externalTerminal(外部控制台)即可正常获取输入信息,代码如下:{"type":"java","name":"Debug(Launch)-CodeGenerator<demo>","request":"launch","cwd":"${wor... 查看详情

那些好用的插件(持续更新)

1、插件选择器:Select22、弹层:layer   查看详情

随手记开发中遇到的问题与解决方案,持续更新...(代码片段)

7.onRequestPermissionsResult()在fragment中不被调用//该Fragment所在Activity,并非AppCompatActivity,所以调用这个请求权限的方法,回调是不会起作用的。ActivityCompat.requestPermissions()//所以改为requestPermissions() 6.Creat 查看详情

springboot项目开发中遇到问题,持续更新(代码片段)

1.JPA中EntityManager不能执行建表语句,提示要加事务Error:javax.persistence.TransactionRequiredException:Executinganupdate/deletequery换成直接连数据库原来操作来解决2.resources下的文件采用中文命名,读取不到。3.使用h2数据库在加了认证后不能访... 查看详情

说说qq音乐项目的那些bug(代码片段)

...说QQ音乐项目的那些bug文章目录说说QQ音乐项目的那些bug1.开发工具2..数据库2.1命名空间namespace2.2主键自增2.3mysql的一些坑3.同源策略的解决4.vue的一些坑5.登录注册验证的总结6.mybatis的一些注意事项对于查询对于更新、删除关于插... 查看详情

那些好用到手软的软件和网站(持续更新)

...时通讯下载压缩/解压实用网站思维导图远程办公编辑器开发工具数据库设计远程ssh虚拟机代码托管项目管理接口测试云服务器服务器环境搭建网站分享待更新......Iama程序猿儿,新年第一篇,今天推荐一下那些大神平常使用的电... 查看详情

前端小白,自学前端遇到的各种bug

...。现在却为了工作,辞去了无奈的实习,然后恶补JAVA和前端相关的知识。想想我自己都露出了微笑:)。 回到正题:(不知道添加关键词会不会利于百度搜索呢?)① 关键词:idclass一起hover  一个标签<li>同时设置... 查看详情

cocoscreator运行时发生的那些报错(持续更新)

参考技术A【报错】Cannotfinddepsfor[/../....]forpath.....xxx.js【解决】删除工程目录下libary、temp、local这三个文件夹,重新打开项目========================================================= 查看详情

fundebug前端javascript插件更新至1.8.2,修复2个小bug(代码片段)

摘要:修复2个BUG,请大家及时更新。Fundebug前端异常监控服务Fundebug是专业的程序异常监控平台,我们JavaScript插件可以提供全方位的异常监控,可以帮助开发者第一时间定位各种前端异常,包括:JavaScript执行错误资源加载错误HT... 查看详情

ios开发之bug--遇到一个类型不确定的bug

<博客园图片暂时上传不了>下面的问题不大,是我在开发中遇到的问题: 然后我就google搜一下这个报错。下面就解决了:  查看详情

那些年我们遇到的坑(集中贴,不定期更新)

...是数据库缓存中的某一个时期的值。这两个方法都是读取前端页面catlogitem的变量而非后端table中的数据。如果页面有sc_cat_item请忽略,而不存在的时候建议使用它 查看详情

微信小程序的坑(持续更新中)(代码片段)

参与微信小程序开发有一段时间了,先后完成信息查询类和交易类的两个不同性质的小程序产品的开发;期间遇到各种各样的小程序开发的坑,有的是小程序基础功能不断改进完善而需要业务持续的适配,有的是小程序使用上的... 查看详情