上周由于國慶小長假的緣故未能及時(shí)更新文章，在此說聲抱歉，之后將繼續(xù)周更。

好久沒有寫有關(guān)微信小程序的文章了，今天繼續(xù)講講小程序的一些容易踩到的“坑”。

一、圖片上傳須使用wx.uploadFile()，而不是使用wx.request()

微信小程序?qū)ｉT提供了一個(gè)用于上傳文件的API，那就是wx.uploadFile()。如果想要上傳圖片，同樣得用該方法，并且一般情況下都是要與wx.chooseImage()結(jié)合使用。通過wx.chooseImage()可以選擇本地圖片或者直接拍照而返回一個(gè)臨時(shí)的圖片路徑，再將這個(gè)臨時(shí)路徑傳入wx.uploadFile()中后通過第三方服務(wù)器返回線上路徑，這樣之后我們才能隨時(shí)獲取到這張圖片。

當(dāng)然，有時(shí)候我們也可能在提交表單的時(shí)候需要提交圖片，這時(shí)候我們才要用到wx.request()，提交的圖片路徑就是通過wx.uploadFile()返回的線上路徑，而不是通過wx.chooseImage()返回的臨時(shí)路徑。

這兩個(gè)方法的具體用法可以直接參考開發(fā)文檔：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html#wxuploadfileobject。

二、微信小程序的加載動(dòng)畫家族

1. 下拉刷新動(dòng)畫

① onPullDownRefresh()
在 Page 中定義 onPullDownRefresh 處理函數(shù)，監(jiān)聽該頁面用戶下拉刷新事件，需要用戶手動(dòng)下拉才能觸發(fā)。

② enablePullDownRefresh
需要在config（文件后綴為.json）的window選項(xiàng)中設(shè)置enablePullDownRefresh為true后onPullDownRefresh()才有效。

③ wx.startPullDownRefresh()
開始下拉刷新，調(diào)用后觸發(fā)下拉刷新動(dòng)畫，效果與用戶手動(dòng)下拉刷新一致，使用該方法無需用戶手動(dòng)下拉也能觸發(fā)下拉刷新動(dòng)畫。

④ wx.stopPullDownRefresh()
當(dāng)處理完數(shù)據(jù)刷新后，wx.stopPullDownRefresh可以停止當(dāng)前頁面的下拉刷新動(dòng)畫。

2. 導(dǎo)航條加載動(dòng)畫

① wx.showNavigationBarLoading()
在當(dāng)前頁面顯示導(dǎo)航條加載動(dòng)畫。

② wx.hideNavigationBarLoading()
隱藏導(dǎo)航條加載動(dòng)畫。

3. 提示框加載動(dòng)畫

① wx.showLoading()
顯示 loading 提示框, 需主動(dòng)調(diào)用wx.hideLoading()才能關(guān)閉提示框。

② wx.hideLoading()
隱藏 loading 提示框。

三、page.json只能設(shè)置 app.json 中的 window 配置項(xiàng)的內(nèi)容，并且不能寫window這個(gè)鍵

這個(gè)“坑”看起來雖小，但是一旦你一不小心踩到了，很可能很難發(fā)現(xiàn)問題所在，因?yàn)榫退隳阍趐age.json中寫法與app.json一致，也就是說把window這個(gè)鍵也寫進(jìn)去了，小程序并不會(huì)報(bào)錯(cuò)，只是不會(huì)出現(xiàn)你想要的效果。

比如，你只想在某個(gè)頁面實(shí)現(xiàn)下拉刷新效果，那么你在該頁面的 config 中可以這樣配置：

{
  "navigationBarTitleText": "下拉刷新動(dòng)畫",
  "enablePullDownRefresh": true
}

但是，如果你一不小心在前面加了個(gè)"window":，那么問題就來了，頁面這時(shí)無法實(shí)現(xiàn)下拉刷新，然后你說我明明配置了"enablePullDownRefresh": true啊，接著就很有可能在這個(gè)小問題上糾結(jié)很久，所以需要謹(jǐn)記：page.json中不能寫window這個(gè)鍵。

四、微信小程序中含有Imoji圖片的用戶昵稱存儲(chǔ)問題如何解決？

這里涉及后端數(shù)據(jù)庫的問題，有時(shí)候提交表單時(shí)需要獲取用戶昵稱并提交到數(shù)據(jù)庫，但是有些用戶昵稱中會(huì)帶有Imoji圖片，這時(shí)直接保存到數(shù)據(jù)庫可能會(huì)出現(xiàn)無法識(shí)別的問題，解決方法是將數(shù)據(jù)庫字段格式改成utf8mb4格式就好。