• 微信小程序里碰到的坑和小知识


    本文作者:dongtao 来自:授权地址

    1.已解决
    在app.wxss里设置了图片路径,在IDE里正常无误,但是在手机上是没有显示的,
    解决办法:(这段话位置放那么偏~ )
    图片描述

    问题描述
    图片描述

    代码截图 app.wxss.png
    图片描述

    模拟器里的效果.png
    图片描述

    手机里的效果.png

    2.未解决
    用小程序自带的底部导航组件的话, 没法实现跟微信原生底部小红点或者消息提醒的功能

    3.已解决
    picker使用时候 picker组件里必须要有内容,放一个值为空的变量并没有作用
    图片描述

    这里我如果只保留{{age}}的话, 这个组件是无法触发的.
    组件里面必须至少要有1个字符(哪怕是1),这个组件才可以被触发,但是空格是不行
    放一个宽高为100%,display:block的view,如果view里没内容,view是不会显示的, 必须要在view里放东西,哪怕一个数字也行.
    然后这里只能写成了这种(原本需求是这个日期选择器默认状态是空,)

    4.已解决
    没仔细考证,网上说图是没法批量上传的,所以这里只能用单个上传,成功后递归调用来解决批量上传.
    以下代码有一个错误,第十会说到文件上传的另一个问题
    图片描述

    5.已解决
    结论:

      **手机预览的时候会进行域名合法校验的, 模拟器里的关闭域名校验只是对模拟器有效**

    问题描述:

    • 模拟器里开启"开发工具不开启域名校验"之后在模拟器里是可以用http的,但是当在手机上预览的时候http并不能用, 模拟器开的这个 只负责在模拟器里.

    • 如果不开启的话, 并且在APP配置信息里,没有设置合法域名的话, 在模拟器里是可以使用图片上传之类的接口,但是在手机上并不可以

    图片描述
    Paste_Image.png

    6.已解决
    在index点击跳转到login时候,标记三的部分没有写page()进行实例化,导致2 的页面加载时候没加载相应的js
    , 会报以下错
    图片描述

    7.已解决
    textArea 没有bindinput事件
    之前描述:
    有个业务场景是检测多行输入框,如果有值,按钮立马变成可点击.
    然而textarea是没有input事件的, 最后只能用blur进行失去焦点的时候监听
    解决办法:
    blur的在电脑上的体验如描述所说,可是真正在手机上运行的时候, 体验和需求中的一致...

    8.已解决
    更新: 以下在模拟器里是可以的但是在手机上是无效的! 原因参考第一条
    app.wxss里的图片路径要按照组件文件夹的图片路径来写
    //用最上面的1来距离
    这个样式最开始在一个pages文件夹里,所以图片路径是 ../../imgs/XXX,
    按理说如果把这个样式提取到外面的app.wxss里的话 图片路径应该改为./imgs/XXX..
    然而改成这样之后在模拟器都无法生效.

    9.未解决
    输入法掩盖textarea, 这个bug有一半的概率会出现
    图片描述

    10.已解决:
    wx.uploadFile 中formData参数问题:

    • 这个接口的formData 微信在处理的时候 已经用formData进行了包装. 所以这里是没有必要自己用formData来传递参数的(比如注释掉的代码)

    • 扯淡的是, 传递了form格式的参数之后 在浏览器和安卓下, 接口是可以正常使用的, 并不会报什么错

    • 但是! 在ios里 会直接报错, 不是运行异常,是直接红色的报错.!!!!!
      图片描述

  • 相关阅读:
    防抖
    promise race
    promise 输出 1 2 3
    promise all
    红绿灯
    vue3 与 vue2 区别
    promise A+ 规范
    【校招VIP】出品:在线实习“职查查”每期简历描述和面试实战
    【校招VIP】出品:“小米手机”场景下的秒杀策略和实现
    【校招VIP】出品:在线实习“校跑腿”每期简历描述和面试实战
  • 原文地址:https://www.cnblogs.com/10manongit/p/12917212.html
Copyright © 2020-2023  润新知