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

animabear 发布于2019-08-05 10:27 / 3167人阅读

摘要：本文作者来自授权地址已解决在里设置了图片路径在里正常无误但是在手机上是没有显示的解决办法这段话位置放那么偏问题描述代码截图模拟器里的效果手机里的效果未解决用小程序自带的底部导航组件的话没法实现跟微信原生底部小红点或者消息提醒的功能已解决使用

本文作者：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里会直接报错, 不是运行异常,是直接红色的报错.!!!!!

idc机房托管混合云微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/55809.html

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

摘要：本文作者来自授权地址已解决在里设置了图片路径在里正常无误但是在手机上是没有显示的解决办法这段话位置放那么偏问题描述代码截图模拟器里的效果手机里的效果未解决用小程序自带的底部导航组件的话没法实现跟微信原生底部小红点或者消息提醒的功能已解决使用本文作者：dongtao 来自：授权地址 1.已解决在app.wxss里设置了图片路径,在IDE里正常无误,但是在手机上是没有显示的,解决办法...

yagami 2019-08-22 10:45 评论0 收藏0
微信小程序里碰到的坑和小知识

摘要：本文作者来自授权地址已解决在里设置了图片路径在里正常无误但是在手机上是没有显示的解决办法这段话位置放那么偏问题描述代码截图模拟器里的效果手机里的效果未解决用小程序自带的底部导航组件的话没法实现跟微信原生底部小红点或者消息提醒的功能已解决使用本文作者：dongtao 来自：授权地址 1.已解决在app.wxss里设置了图片路径,在IDE里正常无误,但是在手机上是没有显示的,解决办法...

233jl 2019-08-14 16:54 评论0 收藏0
小程序项目入坑实践

摘要：公司由于小程序原开发需求变动，产品决定重新开始设计新的小程序，人员紧张，导致我接了这个坑。输入数字一般项目可能都会碰到金额的输入限制，这里小程序组件，可利用，来控制输入只能是数值和小数点。公司由于小程序原开发需求变动，产品决定重新开始设计新的小程序，人员紧张，导致我接了这个坑~。原开发时准备使用 mpvue 来开发，前篇文章介绍了一些关于mpvue的写法，后来在我将简易框架搭建后，发...

zhjx922 2019-08-22 18:02 评论0 收藏0
滴滴一下，小程序专车来了

摘要：功能三滴滴费用计算古人云细节决定成败，一个良好的微信小程序往往就是一些细节打动人心，居然是模仿，虽做不到百分百，至少还是很希望一模一样。最近时常感叹道：时间总是那么的快，转瞬即逝。对于像我这种刚入门的小生来讲，技术每天都在更新，框架也层出不穷，有时候还没弄懂这个知识大牛们又推出了更好的技术。当然学习好的技术也是十分重要的。但是在学习之后怎样才能够得到自己想要的呢，一个好的建议便是静...

SwordFly 2019-08-26 12:00 评论0 收藏0
从零开始：微信小程序新手入门宝典《一》

摘要：为了方便大家了解并入门微信小程序，我将一些可能会需要的知识，列在这里，让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序，推荐通读此文小程序是一种不需要下载安装即可使用的应用，它出现了触手可及的梦想，用户扫一扫或者搜一下即为了方便大家了解并入门微信小程序，我将一些可能会需要的知识，列在这里，让大家方便的从零开始学习；一：微信小程序的特点张小龙：张小龙全面阐述小程...

whataa 2019-07-25 11:18 评论0 收藏0