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

前言

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

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

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

未完待续。。。。