微信小程序bug百科全书

╰半夏微凉° 2022-01-12 01:47 304阅读 0赞

1.  ##### 安卓 video标签没有第一帧（ios 有第一帧） #####

可以用poster属性，选定一张图片当封面，
    复制代码

1.  ##### textarea字体错位 #####

弹框中textarea，placeholder字体位置错位
    原因：弹框fixed定位，小程序兼容问题
    复制代码

如果textarea在一个显示隐藏的模态框中，切记要用 hidden 而非 wx:if  。如果使用了wx:if，再次显示会重新渲染，安卓手机，textarea中的字和光标会错位。
    复制代码

1.  ##### 没有找到可以构建的npm包 #####

首先应该运行 npm init -y
    复制代码

1.  ##### ios 底部margin无效 #####

底部加一个view height为1 或者为 padding 值
    复制代码

1.  ##### ios textarea 有默认padding值，水平不好对齐 #####

var phone = wx.getSystemInfoSync();  //调用方法获取机型
     if (phone.platform == 'ios') {
       this.setData({iosTextarea:true})
     }
    
    <textarea style='margin-top:{ {iosTextarea?"-10rpx":0}}' ></textarea>
    复制代码

1.  ##### 安卓canvas太大会导致未知bug，小程序崩溃。 #####
2.  ##### wx.navigateBackMiniProgram 现在直接点开小程序，而非跳转，调用api直接就关闭小程序返回微信了。 期望是走 fail 函数 #####
3.  ##### 刷新当前页面没有api #####

let pages = getCurrentPages()
    
    let curPage = pages[pages.length - 1]
    
    curPage.onShow()
    复制代码

1.  ##### input textarea 蒙层盖不住，z-index始终为最大。 #####

蒙层出现 隐藏相应元素即可
    复制代码

1.  ##### 蒙层中包含textarea 或者 input 显示隐藏会导致文字或者光标位置错乱 #####

使用wx:hidden 而非 wx:if 这样避免重新渲染出错
    复制代码

1.  ##### swiper 会出现卡死，current index 直接从当前 index 跳到 0 #####

switchSwiper(e)=>  {
     	// 从非1 得index 直接跳到 0 说明出现了bug。重置当前 index即可
        if (this.data.currentTab > 1 && e.detail.current==0){
          this.setData({
            currentTab: this.data.currentTab
          })
    }      
    复制代码

1.  ##### ios Date.getTime() 出现NaN 是因为时间字符串格式不正确 #####

dateTemp.replace(/\-/g, '/')
    复制代码

1.  ##### ios border缺少一面 #####

是因为父元素宽度的bug，修改宽度，或者加一个 1rpx margin
    复制代码

转载于:https://juejin.im/post/5cf8c2fe6fb9a07ec27b940f