微信小程序學習篇

index.json 要不就不要存在，要不就必須有內容


wx.chooseImage  默認就是選9張，批量上傳時，需要把並行上傳改成串行上傳，也就是一張上傳完了再觸發上傳下一張


可以指定是上傳原圖還是壓縮圖，可以指定從相冊中選圖還是從相機中選圖，默認二者都可以


wx.request  裏面的method: 'get'大小寫無關  跟$.ajax用法類似
 
wx.uploadFile(OBJECT) 是在調用了wx.chooseImage之後繼續的操作
上傳時發起的是https post請求，服務器好像需要https支持，自測沒有通過，接口數據是返回了，但圖片沒有上傳成功




wx.downloadFile(OBJECT) 下載文件，自測了一下，沒有限制必須是https網址，下載完後會返回一個臨時路徑，


試着把這個臨時路徑輸出到<image src>中，但沒有效果


wx.getImageInfo(OBJECT) 參數src，圖片路徑不能是遠程路徑，只能是本地的路徑，相對絕對不限


wx.chooseVideo(OBJECT) 可以選擇本地視頻，返回臨時路徑，用在視頻上傳場景




wx.createAudioContext(audioId) 用過了，只需要把音樂地址設置正確即可以正常使用，可播放可暫停可快進可重播


wx.setStorage(OBJECT) 把數據異步寫入本地緩存，在調用面板的Storage中可以看到緩存數據，已經測試通過


wx.getStorage(OBJECT) 從本地緩存中異步獲取指定緩存key的值，已經測試通過


wx.getStorageSync(KEY) 從本地緩存中同步獲取指定緩存key的值，記得放在try...catch...中處理


放在onLoad裏調用沒有效果，放在按鈕綁定事件中調用效果通過




wx.getStorageInfo(OBJECT) 異步獲取本地所有緩存的keys，佔用的空間大小，限制的空間大小，單位kb，測試通過


wx.getStorageInfoSync






設備方面的接口：


可以知道用戶是用的3G還是4G等網絡類型
可以知道用戶的手機型號、設備像素比、窗口寬度、窗口高度、微信設置的語言、微信版本號
可以知道用戶的手機的擺放狀態是怎樣的，通過監聽重力感應數據x、y、z
可以知道用戶的手機所指向的方向，通過監聽羅盤數據
可以給用戶撥打電話


wx.showToast 彈出提示窗口


wx.hideToast() 隱藏提示窗口 配合setTimeout使用，可以達到前後臺狀態轉換


wx.showModal  打開一個模態彈窗 標題正文按鈕文字按鈕顏色都可以自定義，通過獲取res.confirm的值來區別


用戶點擊的是取消還是確定按鈕，然後執行回調


wx.showActionSheet(OBJECT) 在手機窗口底部打開一個只有5個選項的菜單，超過5個就報錯，測試通過


返回菜單順序編號，從上到下從0開始


wx.setNavigationBarTitle  設置當前頁面導航欄的標題，設置完後可以回調


wx.showNavigationBarLoading() 在當前頁面顯示導航條loading圖標


wx.hideNavigationBarLoading() 隱藏導航條loading圖標


wx.navigateTo(OBJECT) 保留當前頁面，跳轉到應用內的某個頁面。


如：wx.navigateTo({
  url: 'test?id=1'
})


//test.js
Page({
  onLoad: function(option){
    console.log(option.query) //在test頁面中，通過option.query接收參數
  }
})


wx.redirectTo(OBJECT) 關閉當前頁面，跳轉到應用內的某個頁面。


wx.navigateBack(OBJECT) 關閉當前頁面，返回上一頁面或多級頁面。多級頁面，可以通過delta參數返回到哪一級








組件體驗：


icon可以輸出一個圖標，必須以/>結束，否則出錯，大小顏色可自定，顏色支持RGB值和英文名稱形式，另外所有單標籤（即沒有如</icon>標籤）都可以加結尾標籤


text組件支持\n換行，支持多重嵌套，除了文本節點以外的其他節點都無法長按選中


progress 爲進度條組件，可定義顯示的百分比，粗細、顏色、百分比的進度動畫，右邊是否顯示百分比數字