1、wx.createSelectorQuery

在微信小程序中，wx.createSelectorQuery 是用于創(chuàng)建一個(gè) SelectorQuery 對(duì)象的方法，而 this.createSelectorQuery 是在組件中獲取元素的方法。

使用 wx.createSelectorQuery 創(chuàng)建的 SelectorQuery 對(duì)象可以用于獲取頁(yè)面中的元素信息，但是它只能在頁(yè)面中使用，不能在組件中使用。如果在組件中使用 wx.createSelectorQuery，會(huì)出現(xiàn)獲取不到元素信息的問(wèn)題。

而在組件中，可以使用 this.createSelectorQuery 方法來(lái)獲取組件內(nèi)部的元素信息。這是因?yàn)榻M件是小程序中的一個(gè)獨(dú)立模塊，它有自己的作用域和生命周期，因此需要使用 this 來(lái)獲取組件實(shí)例。

一般用于獲取某個(gè)節(jié)點(diǎn)的當(dāng)前位置，以及界面的滾動(dòng)位置。

this.createSelectorQuery().select('.selector').boundingClientRect(function(res) {console.log(res)
}).exec()

2、媒體查詢

在微信小程序中，@media媒體查詢不支持screen關(guān)鍵字，因?yàn)樾〕绦蝽?yè)面是再webview中渲染的，而不是在瀏覽器中渲染的。

在設(shè)置樣式時(shí)，可以使用 wxss 文件中的 @media 規(guī)則來(lái)根據(jù)屏幕寬度或高度設(shè)置不同的樣式。

• device-width:設(shè)備屏幕的寬度，單位px
• device-height:設(shè)備屏幕的高度，單位px
• width:小程序窗口的寬度，單位rpx
• heigth:小程序窗口的高度，單位rpx
• aspect-ratio：設(shè)備屏幕的寬高比
• orientation:設(shè)備屏幕方向，可以是portrait（豎屏）或landscape（橫屏）

.bg {background:#ffffff}/* 當(dāng)屏幕寬度小于 750rpx 時(shí)應(yīng)用以下樣式 */@media (max-width: 750rpx) {.bg {background:#000}
}/* 設(shè)備寬度 單位px */
@media (max-device-width: 350px) {.bg {background:#000}
}

3、圖片保存到相冊(cè)?

用戶點(diǎn)擊保存判斷是否開(kāi)啟了相冊(cè)權(quán)限，若沒(méi)有，彈出開(kāi)啟權(quán)限框，若已開(kāi)啟，直接保存圖片到相冊(cè)。

  download() {var that = thiswx.getSetting({success: function (res) {//判斷是否已經(jīng)授權(quán)if (res.authSetting["scope.writePhotosAlbum"]) {//已經(jīng)授權(quán)，下載圖片后保存that.saveImageToPhotosAlbum()} else if (!res.authSetting.hasOwnProperty("scope.writePhotosAlbum")) {//用戶第一次使用，調(diào)起授權(quán)wx.authorize({scope: 'scope.writePhotosAlbum',success() {//授權(quán)成功，下載圖片后保存that.saveImageToPhotosAlbum()}})} else {//已經(jīng)拒絕授權(quán)，去到設(shè)置頁(yè)面授權(quán)wx.showModal({title: "未授權(quán)添加到相冊(cè)",content: "下載素材保存到相冊(cè)，需打開(kāi)添加到相冊(cè)的權(quán)限開(kāi)關(guān)",confirmColor: "#37c062",confirmText: "去設(shè)置",success(res) {if (res.confirm) {wx.openSetting({})}}})}},})},saveImageToPhotosAlbum() {wx.downloadFile({url: this.data.previewImage,success: function (res) {wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function () {wx.showToast({title: '保存成功',icon: 'success',duration: 2000})},fail: function () {wx.showToast({title: '保存失敗',icon: 'none',duration: 2000})}})}})},