Real--微信小程序開(kāi)發(fā)之路（二）
|
上周由于國(guó)慶小長(zhǎng)假的緣故未能及時(shí)更新文章，在此說(shuō)聲抱歉，之后將繼續(xù)周更。 好久沒(méi)有寫(xiě)有關(guān)微信小程序的文章了，今天繼續(xù)講講小程序的一些容易踩到的“坑”。 一、圖片上傳須使用wx.uploadFile()，而不是使用wx.request()微信小程序?qū)ｉT(mén)提供了一個(gè)用于上傳文件的API，那就是wx.uploadFile()。如果想要上傳圖片，同樣得用該方法，并且一般情況下都是要與wx.chooseImage()結(jié)合使用。通過(guò)wx.chooseImage()可以選擇本地圖片或者直接拍照而返回一個(gè)臨時(shí)的圖片路徑，再將這個(gè)臨時(shí)路徑傳入wx.uploadFile()中后通過(guò)第三方服務(wù)器返回線上路徑，這樣之后我們才能隨時(shí)獲取到這張圖片。 當(dāng)然，有時(shí)候我們也可能在提交表單的時(shí)候需要提交圖片，這時(shí)候我們才要用到wx.request()，提交的圖片路徑就是通過(guò)wx.uploadFile()返回的線上路徑，而不是通過(guò)wx.chooseImage()返回的臨時(shí)路徑。 這兩個(gè)方法的具體用法可以直接參考開(kāi)發(fā)文檔：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-file.html#wxuploadfileobject。 二、微信小程序的加載動(dòng)畫(huà)家族1. 下拉刷新動(dòng)畫(huà)
① onPullDownRefresh()
② enablePullDownRefresh
③ wx.startPullDownRefresh()
④ wx.stopPullDownRefresh() 2. 導(dǎo)航條加載動(dòng)畫(huà)
① wx.showNavigationBarLoading()
② wx.hideNavigationBarLoading() 3. 提示框加載動(dòng)畫(huà)
① wx.showLoading()
② wx.hideLoading() 三、page.json只能設(shè)置 app.json 中的 window 配置項(xiàng)的內(nèi)容，并且不能寫(xiě)window這個(gè)鍵這個(gè)“坑”看起來(lái)雖小，但是一旦你一不小心踩到了，很可能很難發(fā)現(xiàn)問(wèn)題所在，因?yàn)榫退隳阍趐age.json中寫(xiě)法與app.json一致，也就是說(shuō)把window這個(gè)鍵也寫(xiě)進(jìn)去了，小程序并不會(huì)報(bào)錯(cuò)，只是不會(huì)出現(xiàn)你想要的效果。 比如，你只想在某個(gè)頁(yè)面實(shí)現(xiàn)下拉刷新效果，那么你在該頁(yè)面的 config 中可以這樣配置：
{
"navigationBarTitleText": "下拉刷新動(dòng)畫(huà)",
"enablePullDownRefresh": true
}
但是，如果你一不小心在前面加了個(gè)"window":，那么問(wèn)題就來(lái)了，頁(yè)面這時(shí)無(wú)法實(shí)現(xiàn)下拉刷新，然后你說(shuō)我明明配置了"enablePullDownRefresh": true啊，接著就很有可能在這個(gè)小問(wèn)題上糾結(jié)很久，所以需要謹(jǐn)記：page.json中不能寫(xiě)window這個(gè)鍵。 四、微信小程序中含有Imoji圖片的用戶昵稱(chēng)存儲(chǔ)問(wèn)題如何解決？這里涉及后端數(shù)據(jù)庫(kù)的問(wèn)題，有時(shí)候提交表單時(shí)需要獲取用戶昵稱(chēng)并提交到數(shù)據(jù)庫(kù)，但是有些用戶昵稱(chēng)中會(huì)帶有Imoji圖片，這時(shí)直接保存到數(shù)據(jù)庫(kù)可能會(huì)出現(xiàn)無(wú)法識(shí)別的問(wèn)題，解決方法是將數(shù)據(jù)庫(kù)字段格式改成utf8mb4格式就好。 |
