微信小程序那些令人眼泪汪汪的坑儿

前言

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

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

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

未完待续。。。。