小程序踩坑

基礎

• 不要用背景圖，用image標籤訂位
• canvas層級最高，須要在上面寫遮罩層的時候先隱藏
• ios對fixed的支持不是很好，最好用absolute
• 切換標籤頁用wx.switch
• 重寫button樣式，去除button邊框：button:after{border:none}
• 作好低版本兼容，能夠用caniuse來判斷
• wx.getUserInfo已經停用
• 選項卡用swiper,經過改變current(e.detail)
• 不分包加載代碼不能超過2M，要壓縮
• 不能引用線上靜態資源等

進階：

雖然存在依賴關係，但任意一層均可以單獨拿出來使用

代碼分層（從下向上）

• utils層（存儲工具方法）
• ajax（ajax方法封裝）
• flux(發送請求方法，含請求地址)
• server(前端數據獲取方法封裝，返回數據)
• page.js(分配數據到頁面)

注意點

兼容低版本手機

• 獲取當前頁面url
  let pages=getCurrentPages();
  let r=pages[pages.length-1].route;

• 內嵌的webview鋪滿全屏，加過渡狀態

• 小程序若是設置了分享功能，用戶可能從任意頁面進入
  onlaunch執行的ajax回調pages監聽不到。時效性很強的東西須要在每一個pages中寫,能夠用mixin

• 組件中的data更改，外部沒法監聽
  經過triggerEvent觸發外部函數