小程序开发遇坑记录

小程序开发记录

1. 微信小程序原生textarea的placeholder-style对rgba识别bug：(0,
   10-15,27,0.15)识别不出来，会设置不上颜色

2. 滚动穿透：popup中滚动会穿透到底层

3. 微信原生picker mode=date start，end设置后，依然会展示不在设置范围内的，只是不能选择

4. setTimeout、setInterval实现的定时器在鸿蒙系统出现掉帧现象，目前已解决，参考高刷屏对requestAnimationFrame和setTimeout的影响

5. 兼容性：ios和安卓底部黑条问题兼容

// **兼容iphone 下方小黑条
 @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
     padding-bottom: calc(constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
     padding-bottom: calc(env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
 }