开发小程序遇到的一些问题

最近在开发一款个人记账的小程序,遇到一些问题记录于此。

1. 苹果设备new Date与其它设备的兼容问题

js实例化一个日期对象时

1
const date = new Date()

这是获取当前日期,这段代码在苹果、android、chrome等设备都没有问题。

在实际开发中我们通常也会用一个格式化好的时间字符串来获取时间

1
const date = new Date('2020-03-16 16:13')

这段代码是获得字符中指定的日期,它可以在android、Chrome运行,然而到了苹果设备上就会报错。

最终经过google了才解到,在苹果设备上应该这样写

1
const date new Date('2020/03/16 16:13')

这种写法就可以在所有的设备让运行了。

最后统一处理一下这种兼容格式

1
2
const dateStr = '2020-03-16 16:13'
const date = new Date(dateStr.replace(/\-/g,'/'))

replace将所有的-替换成/.

2. 小程序scroll-view抖动

在小程序使用了scroll-view控件

1
2
3
<scroll-view class="scroll-container" :style="'height:' + height + 'rpx;'" :scroll-top="scrollTop" :scroll-y="true" @scroll="scroll">
...
</scroll-view>

如上写法,当上下滑动的进修,scroll-view中的内容会抖动,体验很是差。

微信开放社区查得说是去掉属性scroll-top就可以了,去掉之后果然好使,加上这个scroll-top每次划动的时候都会从新计算这个scrollTop值所引。

最后你可以通过微信扫描如下二维码或者微信搜索小程序 “跟我记账” ,来体验使用。

原文作者: dgb8901,yinxing

原文链接: https://www.itwork.club/2020/03/16/miniporgram-bug/

版权声明: 转载请注明出处

为您推荐

体验小程序「简易记账」

关注公众号「特想学英语」

Nginx的location配置