资讯专栏INFORMATION COLUMN

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

曹金海 / 2286人阅读

摘要:暂未找到完美的解决方法,各位看官发现了记得评论提醒一下安卓移动端浏览器设置无效,无法多选图片问题该问题同样暂未找到完美的解决方案别的现在一下子想不起来了。。。

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

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);就好了,至于其他的还没有深入研究

6. 字符串与数字对比的问题
描述: 之前帮朋友整一个东西,在页面逻辑写了一个数值的判断,后来跟我说报错了他整了一阵天。我就特地去查了下。原来是值类型的问题。大概代码是这样 a > b 没错就是那么简单的一段代码。后来就出错了。
贴一下

可以看到之前都还是很正常的嘛,但是到了"9"与"10"的对比就出现问题啦。
这是因为在js中两个字符串对比的是他们的ASCII码。所以就会出现问题
解决方法:
写的时候注意一点就好啦

7. 安卓移动端浏览器字号小于12px时,垂直居中位置偏移问题。
暂未找到完美的解决方法,各位看官发现了记得评论提醒一下

8. 安卓移动端浏览器input type="file"设置multiple无效,无法多选图片问题
该问题同样暂未找到完美的解决方案

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115724.html

相关文章

  • 前端开发那些遇到bug (持续更新)

    摘要:暂未找到完美的解决方法,各位看官发现了记得评论提醒一下安卓移动端浏览器设置无效,无法多选图片问题该问题同样暂未找到完美的解决方案别的现在一下子想不起来了。。。 从事前端开发将满一年了,期间遇到不少问题,最坑的是一些自己不知道的坑。所以写出来警示后人。 1. ios端的sort方法无效描述:之前做一个小程序的聊天列表的时候需要用到sort进行列表排序。嗯,后来有用户反应最新回复不置顶。。...

    PAMPANG 评论0 收藏0
  • 前端开发那些遇到bug (持续更新)

    摘要:暂未找到完美的解决方法,各位看官发现了记得评论提醒一下安卓移动端浏览器设置无效,无法多选图片问题该问题同样暂未找到完美的解决方案别的现在一下子想不起来了。。。 从事前端开发将满一年了,期间遇到不少问题,最坑的是一些自己不知道的坑。所以写出来警示后人。 1. ios端的sort方法无效描述:之前做一个小程序的聊天列表的时候需要用到sort进行列表排序。嗯,后来有用户反应最新回复不置顶。。...

    AndroidTraveler 评论0 收藏0
  • Sublime Text 特色插件推荐,持续更新

    摘要:不过建议只用来进行系语言的语义分析,因为有,有类更好的语法高亮,类似的还有,选一个就好了。从目前的使用情况来看,部分实现了,比如自动完成和语法高亮,以及用的检查格式。管理文档的语法高亮。 自从接触到了sublime text,感觉确实是越用越好用,几乎所有和文字编辑有关的都离不开它。这一年多搜集了不少插件,不敢独享,拿出来和大家同乐。我用的是Sublime Text 3, 以下所有的插...

    Jensen 评论0 收藏0
  • 在 Angular 8 中,们可以期待些什么

    摘要:在理想的情况下,我们甚至可以立即将应用程序升级到。于是,在中,我们可以得到些什么正如我们所看到的,的新增特性除之外并不是很亮眼,尽管这些特性非常好用,但对于大多数应用程序来说并不重要。 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 本文由葡萄城翻译并发布 showImg(https://segmentfault.com/img/bVbrk...

    LiveVideoStack 评论0 收藏0
  • SegmentFault 专访 Typecho 发起人:Joyqi

    摘要:基于使用多种数据库储存数据,在许可证下发行的开源程序,使用做版本管理。精简的是代码架构运行效率,在功能扩展性和安全性方面丝毫没有打折扣。解析器,这是这一版新引入的解析器,也是正在使用的,主要可以保证和渲染的严格一致性。 showImg(https://segmentfault.com/img/bVSHIC); 在 8 月 22 日晚 20:00 的讲座 【Typecho 那些事(上)】...

    sanyang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<