微信小程序入坑記錄篇

更新2019-03-29
隨着小程序的更新，不少坑位已經修復差很少了，此文章已經廢棄，後面使用小程序再更新

---

協同開發一個微信小程序入坑了，特來獻上一些入坑的總結。但願你們少踩點坑
一、hidden在使用在flex佈局元素不生效
二、navigate跳轉新的頁面，最多隻能5層
三、canvas、textarea、video層級最高，固定元素都沒法覆蓋(目前沒有解決方案)
四、textarea阻礙用戶觸摸屏幕滾動並且在ios下內容會偏上(安卓沒有問題，目前沒有解決方案)
五、wx.uploadFile 域名須要在公衆平臺配置才能使用，此接口post請求返回的json並非object類型，客戶端須要用JSON.parse轉化
六、使用css做爲背景圖片不能用本地資源，須要網絡或者base64
七、setData的應用

值是對象屬性:
this.setData({
  "xx.xx":xx
});
值是數組:
this.setData({
  "xx[0]":xx
});
值是數組或者對象，可是key或者索引是變量形式
let xx= 'xx['+ xx +']';
this.setData({
  [xx]:xx
});

八、html的轉化
簡單文本可使用:http://www.jianshu.com/p/74a6...
若是比較複雜就使用:https://github.com/icindy/wxP...

九、若是一個form有兩個submit的按鈕如何判斷點擊哪一個按鈕觸發不一樣的提交事件，能夠在按鈕中bindtap來設置點擊的不一樣，執行在form的bindsubmit以前

十、若是優雅驗證表單多個內容（移動端中點擊按鈕驗證）如今方式是表單元素name綁定，提交後經過name得到值，相應設置驗證變量對應name值來制定驗證規則，這個方法耦合度高。若是驗證信息寫在元素中的話如(data-validate="require,number")，觸發是元素失去焦點進行驗證可行。若是隻是點擊提交按鈕再驗證的話，不知道怎麼實施

後續有發現再更新

還有兩個微信小程序聯盟總結的的入坑1-100,有些微信小程序已經修復的，僅供給你們參考下
http://blog.csdn.net/qq_38530...
http://blog.csdn.net/qq_38530...