微信小程序開發(fā)中遇到的坑
開發(fā)文檔：摸這里
坑一：在使用自定義組件的過(guò)程中使用了選項(xiàng) addGlobalClass，在IDE里怎么都沒(méi)用，但是在真機(jī)上運(yùn)行就可以。
分析：
也許是padding，margin這些屬性比較不好兼容吧
-------------------------------------------分---隔---線-----------------------------------------------------
坑二：在使用自定義組件中，如果要使用slot，就一定要加上multipleSlots屬性。即便是使用一個(gè)slot也要。
-------------------------------------------分---隔---線-----------------------------------------------------
坑三：畫布(Canvas)和h5原生畫布有一個(gè)很重要的區(qū)別：所有的繪畫，最后都要調(diào)用draw方法，否則是不會(huì)呈現(xiàn)在畫布上的。
-------------------------------------------分---隔---線-----------------------------------------------------
坑四：iOS真機(jī)調(diào)試的時(shí)候，報(bào)錯(cuò)：request:fail 發(fā)生了 SSL 錯(cuò)誤,無(wú)法建立與該服務(wù)器的安全連接。
解決過(guò)程：
測(cè)試了下，在安卓機(jī)上可以正常運(yùn)行，基本定位是iOS問(wèn)題。
百度說(shuō)：2017年1月1日起，蘋果強(qiáng)制所有 app 滿足 HTTPS，即 iOS9 推出的 App Transport Security (ATS) 特性。
蘋果ATS檢測(cè)：（摸這里） 該工具提供了一個(gè)檢測(cè)域名是否符合標(biāo)準(zhǔn)的方法。將我的域名輸入，果然提示了一個(gè)錯(cuò)誤：服務(wù)器檢測(cè)結(jié)果（未通過(guò)）不支持TLS1.2。也就是說(shuō)證書沒(méi)問(wèn)題，是服務(wù)器配置問(wèn)題。
接著百度 “支持TLS1.2”。找到一個(gè)配置TLS1.2的教程（摸這里）。配置完后，重啟服務(wù)器，搞定。
-------------------------------------------分---隔---線-----------------------------------------------------
坑五：在map控件中，如果只使用cover-image，事件是會(huì)冒泡的，會(huì)先觸發(fā)map事件，再觸發(fā)cover-image事件。
解決方法：必須將cover-image放到cover-view里面，在cover-view中綁定事件，這樣就不會(huì)冒泡了。
續(xù)坑五：真機(jī)中，cover-view中對(duì)于border的支持很不完整，不支持偽類:before、:after等；總之一句話，真機(jī)對(duì)cover-view整體的支持都非常不好，我佛了。
-------------------------------------------分---隔---線-----------------------------------------------------
坑六：獲取用戶信息必須手動(dòng)觸發(fā)，且按鈕必須加上 open-type="getUserInfo"；否則在手機(jī)上將無(wú)法正常運(yùn)行。
坑七：涉及到請(qǐng)求服務(wù)器的操作，記得要第一時(shí)間配置合法域名。最坑的是開發(fā)時(shí)不需要合法域名，體驗(yàn)版需要，導(dǎo)致很難定位到問(wèn)題，特別浪費(fèi)時(shí)間。
坑八：防止事件冒泡，將bindtap改成catchtap；詳細(xì)情況摸這里。
坑九：button的默認(rèn)樣式中，border是通過(guò)偽元素:after來(lái)實(shí)現(xiàn)的；
坑十：公眾號(hào)文章如果在小程序打開，又不能操作公眾號(hào)的域名上傳校驗(yàn)文件；記住：同主體關(guān)聯(lián)的公眾號(hào)文章不需要配置業(yè)務(wù)域名。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十一：客戶端加密數(shù)據(jù)解密時(shí)報(bào)錯(cuò)：填充無(wú)效，無(wú)法被移除。如果這個(gè)bug100%發(fā)生，說(shuō)明解密方法有問(wèn)題。如果時(shí)好時(shí)壞，證明解密方法沒(méi)問(wèn)題，是你獲取session_key的時(shí)機(jī)出了問(wèn)題，它過(guò)期了。一定要先調(diào)用wx.login()再調(diào)用wx.getUserInfo()或者wx.getPhoneNumber()獲取加密數(shù)據(jù)。如果是bindgetuserinfo或者bindgetphonenumber這類的事件，建議在onload時(shí)就調(diào)用wx.login(),將session_key緩存下來(lái)。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十二：使用scroll-view橫向滾動(dòng)時(shí)，單位元素由于內(nèi)容要求高度不定，導(dǎo)致在手機(jī)上查看時(shí)出現(xiàn)錯(cuò)位現(xiàn)象，開發(fā)工具顯示正常。
解決方案：在單位元素的樣式上加上vertical-align屬性。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十七：scroll-view在滾動(dòng)到底部或者頂部的時(shí)候，bindscrolltoupper和bindscrolltolower是反復(fù)觸發(fā)的，如果在這些事件里有復(fù)雜的邏輯處理應(yīng)該使用setTimeout來(lái)減少時(shí)間發(fā)生的頻次。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十八：scroll-view如果內(nèi)容沒(méi)有達(dá)到容器的滾動(dòng)高度是不會(huì)觸發(fā)bindscrolltoupper和bindscrolltolower的。如果要保持體驗(yàn)的一致，需要補(bǔ)足高度讓內(nèi)部高度超過(guò)容器高度。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十三：在申請(qǐng)小程序的時(shí)候，如果你有一個(gè)認(rèn)證過(guò)的公眾號(hào)，你可以在他的“小程序”菜單中“快速注冊(cè)并認(rèn)證小程序”，使用同一套資質(zhì)，無(wú)須重復(fù)繳納認(rèn)證費(fèi)用，只需要準(zhǔn)備一個(gè)郵箱賬號(hào)即可，方便快捷。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十四：組件和引用組件的頁(yè)面不能使用 id 選擇器（#a）、屬性選擇器（[a]）和標(biāo)簽名選擇器，請(qǐng)改用 class 選擇器。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十五：wxacode.getUnlimited接口中的屬性page必須是小程序存在的頁(yè)面（否則報(bào)錯(cuò)）。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十六：wx.showModal的參數(shù)cancelText和confirmText長(zhǎng)度不能超過(guò)4個(gè)字符，否則會(huì)彈出失敗。
-------------------------------------------分---隔---線-----------------------------------------------------
坑十七：微信地理位置接口申請(qǐng)?jiān)絹?lái)越嚴(yán)格了，遇到反復(fù)申請(qǐng)不下來(lái)的情況，不妨先發(fā)布一版代碼，再來(lái)申請(qǐng)。
備案、認(rèn)證是基本要求，同時(shí)，申請(qǐng)理由和圖片等等盡量合理，和你的小程序的類目盡量一致。