前言

最近做了一个麻雀虽小,五脏俱全的微信小程序项目。一看就会,一用就废的小程序。有些坑真的坑的你两眼泪汪汪。我就爱干前人栽树后人乘凉的事儿,看到文章的你,也许是同道中人,相视一笑;亦或是小程序外围人,发出 “哈哈哈哈哈哈哈”的笑声。只说我踩过的,没踩到的我也不敢胡说八道

1.css中居然不可以直接用本地图片资源

前端在css中使用背景图片,实在是太频繁了。

如果你洋洋洒洒写了一大串css样式,一切又依赖于背景图的父容器,再告诉你不支持直接使用本地图片。哈哈哈哈是不是脑袋一蒙呢?比如这样的错误

 

 

如果在CSS中使用base64 更是灾难现场(一张图片的base64 太太太太太太太长了)

太惨烈了 不忍放图(心疼自己)

但是方法还是要说的,找一个在线图片生成base64的网站,拿到base64 放到url中

第二种就是老实的把图片上传到你们的服务器上

2.post请求明明写了参数 但是后台接收不到 what?

因为封装了接口模块,一开始以为是参数是undefined 或者接口封装的时候params没有处理,或者确实参数没有传。。。

 

 

但是以上都不是的,get请求是可以接受到参数。

突然脑壳一灵光,post跟get content-type 是不一样的,难道小程序没有处理这一块,需要自己手动改

小程序默认content-type 是 application/json

post请求 把header 该为 application/x-www-form-urlencoded 就可以了

header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
 

3.获取手机号码

微信小程序是可以获取用户手机号码的,好是好 就是反射弧有点长

如果你一开始 就忙着实现获取手机号码的功能 可能你会遇到这样的情况(细节问题)

首先一定要注意 获取手机号码 只对 认证 的小程序开发

 

 

怎么样是认证了的呢 (以下图片 肯定是没有权限 不要以为是开发者工具没有权限) 是你使用的appid 没有权限

 

 

登陆小程序管理后台,小程序基本信息 查看是否认证了

 

 

木有认证的话,就去认证啦!一般是1-3个工作日(反正我们是第二天就审核通过了)

 

 

再说一点

开发者工具 不能测试获取手机号码

但是

可以用真机调试!!!!!

 

 

4. app onLaunch()跟 page onLoad() 读取地址参数 是不一样的

这个一不小心 就死在这个细节上了

app onLaunch()

 

 

page onLoad()

 

 

还有要记得APP 只有销毁后 才会再次调用才会更新options

注意小程序的生命周期!!!

未完待续。。。。

 

版权声明:本文为ifannie原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/ifannie/p/11475447.html