微信小程序开发笔记

import坑

---

import模块时就算只导入一个方法或者变量也最好用{}包括起来
否则有时没事，有时会出现莫名其妙的问题。

wx.request抓包测试结论

---

很奇怪使用Fildder4抓不到包，没办法只好用Wireshark，要抓本地回环包比较麻烦，因为只是测试wx.request发出的包，所以只需要把url随便定义到一个互联网地址即可。
经过测试发现：

1. GET：
不管参数直接写在url里还是写在data中，甚至两者都写，都会被正确合并到URL中并且自动使用encodeURIComponent对参数进行编码，也就是官网的这句话：

对于 GET 方法的数据，会将数据转换成 query string（encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

2. POST：
默认为json序列化模式，也就是header: {'content-type': 'application/json' // 默认值}，json数据在data中定义。如果想在url中加参数，只能自己拼接url增加参数，参数不需要自己编码，也会像GET模式一样被encodeURIComponent自动编码。

当添加header: {"Content-Type":"application/x-www-form-urlencoded"}时，data中的数据会被编码到url中：

对于 POST 方法且 header['content-type'] 为 application/x-www-form-urlencoded 的数据，会将数据转换成 query string （encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

wx.uploadFile上传文件分析

---

wx.uploadFile使用Post multipart/form-data 上传文件。

wx.uploadFile({
    url: 'http://127.0.0.1/upload?param=aaa',
    filePath: src,
    name: 'file',
    formData:{
      'user': 'test'
     },
    success: function(res){
        var data = res.data
        console.log(data)
    }
})

post上来的数据是：

content-type: multipart/form-data; boundary=--------------------------554495606887456096186605
content-length: 50035

Connection: close

----------------------------554495606887456096186605
Content-Disposition: form-data; name="user"

test
----------------------------554495606887456096186605
Content-Disposition: form-data; name="file"; filename="wxff58e80ad1305daf.o6zAJs0pBw-4a0IgGPe8L1hYXYVM.RFWDs5Hcf0Do20ec82841a15f2d9f44943526d0d1e9a.jpg"
Content-Type: image/jpeg
...下面跟着是图片数据

在go gin中可以这样读取数据:

//PostForm可以取出formData里的信息
user := c.PostForm("user") //结果为"test"
param := c.Query("param") //结果为"aaa"
file, _ := c.FormFile("file")
println("Filename：", file.Filename)
err := c.SaveUploadedFile(file, dstFile); //保存文件

坑

---

TMD，wx.request和wx.uploadFile执行成功返回success时，res.data居然是不一样类型的。
wx.request返回的res.data为Object/String/ArrayBuffer类型，如果服务器返回的是JSON，则其为自动转换为Object。
wx.uploadFile回的res.data为String类型，如果服务器返回的是JSON，不会自动转换为Object，需要调用：

let data = JSON.parse(res.data);

来手工转换为Object。

一开始以为wx.uploadFile返回的类型跟wx.request一样，调试了半天，fuck！

阻止冒泡事件

---

阻止冒泡事件的发生，其实很简单，直接把bindtap改为catchtap。

微信小程序使用第三方FontIcon库的部分字体图标

---

专门写了篇文章：微信小程序使用第三方FontIcon库的部分字体图标