阅读 81

微信小程序踩坑记

最近因为(yao)公司(chi)业务(fan),所以从零开始摸索小程序开发,在这里记录一些目前踩过的坑。

  • 在键盘拉起时,点击页面(input失去焦点)后,ios上表现为点击事件和键盘收起同时触发,在Android上表现为先触发事件,再收起键盘,之后页面又变为了点击之前的状态,data中的值改变,input上显示的值没有改变。

解决办法: 试了 wx.nextTick 后没有生效,改用 setTimeout(() => {}, 10) 终于解决。

  • image设置mode='widthFix'时,第一次加载图片会被拉长,再恢复为正常高度。

解决办法: 给image设置一个初始高度,可全局添加 height: auto; 。

  • textarea设置了box-sizing为border-box时,Android上会出现文字溢出边框的现象。

解决办法: 暂不明原因,只能去掉box-sizing。

  • textarea的placeholder会穿透叠加在上面的元素。

解决办法: textarea的穿透问题一直是一个痛点,别的文章也分析过很多,这里采用替代法,用别的元素替代placeholder,手动控制其状态。

更新中...

文章分类
前端
文章标签