微信小程式章節自測--6-7-8-9-有決議

目錄

第6章自測

第7章自測

第8章自測

第9章自測

---

第6章自測

1【單選題】

下面不屬于scroll-view組件屬性的是（），

• A、

  scroll-x

• B、

  scroll-top

• C、

  bindscroll

• D、

  current

正確答案： D

D.current屬于swiper組件，指的是當前所在滑塊的 index

2【單選題】

下面關于slider滑塊組件屬性中，可以用來設定滑塊的位置的是（），

• A、

  precent

• B、

  progress

• C、

  value

• D、

  show-value

正確答案： C 我的答案：C

A.

C.

當前處于滑塊的百分之多少

D.是否顯示當前取值

3【單選題】

微信小程式中image組件的默認寬高是( )，

• A、

  300px*225px

• B、

  320px*240px

• C、

  375px*300px

• D、

  240px*180px

正確答案： B 我的答案：B

1. tip：image組件默認寬度320px、高度240px

4【單選題】

微信小程式中swiper組件的默認寬度為頁面的寬度，高度是( )，

• A、

  150px

• B、

  180px

• C、

  240px

• D、

  200px

正確答案： A 我的答案：A

5【單選題】

有如下代碼：

<slider bindchanging="sliderChanging" show-value/>

sliderChanging(e){

conslole.log(________)

}

補充完整程式，實作在拖動滑塊的程序中，可以輸出滑塊的取值，（）

• A、

  e.target.detail.value

• B、

  e.detail.value

• C、

  e.currentTarget.detail.value

• D、

  e.value

正確答案： B 我的答案：B

6【單選題】

有如下代碼：

<image bindtap="changePage" data-page="2"/>

changePage(e){

conslole.log(________)

}

補充完整程式，實作在單擊image組件時，輸出image組件上的data-page屬性的值，（）

• A、

  e.detail.data-page

• B、

  e.dataset.page

• C、

  e.currentTarget.dataset.page

• D、

  e.target.detail.dataset.page

正確答案： C 我的答案：C

7【單選題】

關于image組件的mode屬性值中用來保持圖片的縱橫縮放比，可以完整顯示圖片的是（），

• A、

  apectFill

• B、

  scaleToFill

• C、

  aspectFit

• D、

  widthFix

正確答案： C 我的答案：C

A.沒有這個屬性

B.scaleToFill 適用于容器于圖片寬高比相同的情況

C.aspectFill 短邊可以完全顯示，長邊會被截取

D.widthFix 寬度不變，高度自動變化

8【單選題】

有如下代碼：

<swiper current-item-id="b">

<swiper-item style="background:#f00" item-id="a">red</swiper-item>

<swiper-item style="background:#0f0" item-id="b">green</swiper-item>

<swiper-item style="background:#00f" item-id="c">blue</swiper-item>

</swiper>

執行上面代碼后，頁面顯示結果為（），

• A、

  red

• B、

  green

• C、

  blue

• D、

  報錯

正確答案： B 我的答案：B

9【多選題】

代碼"var audioCtx=wx.createInnerAudioContent()"創建一個InnerAudioContent實體物件，下面哪些是該實體物件的屬性或方法（），

• A、

  src、duration和currentTime

• B、

  play()和pause()

• C、

  onEnded()

• D、

  seek()

• E、

  onTimeUpdate()

正確答案： ABCDE 我的答案：ABCDE

10【多選題】

有如下代碼：

<swiper _____________>

<swiper-item style="background:#f00" item-id="a">red</swiper-item>

<swiper-item style="background:#0f0" item-id="b">green</swiper-item>

<swiper-item style="background:#00f" item-id="c">blue</swiper-item>

</swiper>

從下面選出正確的選項完整代碼，可以使得第二個swiper-item中的內容顯示（），

• A、

  current="1"

• B、

  current-item-id="2"

• C、

  current-item-id="b"

• D、

  current="2"

• E、

  interval="1"

正確答案： AC 我的答案：AC

current--當前所在滑塊的 index，下標從0開始

11【多選題】

下面關于include組件的說法正確的是（），

• A、

  在微信小程式的wxml檔案中可以使用include組件用于參考其他wxml檔案的代碼，相當于將參考的代碼復制到include組件的位置，

• B、

  當一個wxml檔案中的代碼過多時，可以利用include組件將代碼拆分到多個檔案，可以方便查找代碼，

• C、

  當多個wxml頁面中有相同的部分時，可以將公共部分抽取出來，保存到一個單獨的wxml檔案中，在需要的地方通過include組件引入，這樣可以減少代碼得重復，

• D、

  利用include組件的src屬性引入需要的wxml檔案，

• E、

  利用include組件的href屬性引入需要的wxml檔案，

正確答案： ABCD 我的答案：ABCD

12【填空題】

微信小程式中能夠實作輪播圖效果的組件是__________,它必須配合________組件使用，

正確答案：

第一空：

swiper;swiper-item

13【填空題】

_________組件可以用來設定頁面的滾動區域，

正確答案：

第一空：

scroll-view

14【填空題】

利用css屬性animation-play-state可以控制元素的影片的狀態，它的取值有________和_________，

正確答案：

第一空：

running

第二空：

paused

15【填空題】

微信小程式中image組件的mode屬性值有________種縮放模式和________種裁剪模式，

正確答案：

第一空：

4

第二空：

9

16【填空題】

微信小程式中swiper組件的__________屬性和_________屬性可以用來設定默認顯示的區域內容，

正確答案：

第一空：

current

第二空：

current-item-id

---

第7章自測

1【單選題】

在微信小程式中的app.json檔案中通過（ ）物件進行配置頁面底部的標簽欄，

• A、

  pages

• B、

  window

• C、

  tabBar

• D、

  sitemapLocation

我的答案：C

2【單選題】

下面不是微信小程式中的app.json檔案中tabBar物件的屬性的是（），

• A、

  color

• B、

  list

• C、

  selectedColor

• D、

  navigationBarTitleText

我的答案：D

tabBar

如果小程式是一個多 tab 應用（客戶端視窗的底部或頂部有 tab 欄可以切換頁面），可以通過 tabBar 配置項指定 tab 欄的表現，以及 tab 切換時顯示的對應頁面，

屬性	型別	必填	默認值	描述	最低版本
color	HexColor	是		tab 上的文字默認顏色，僅支持十六進制顏色
selectedColor	HexColor	是		tab 上的文字選中時的顏色，僅支持十六進制顏色
backgroundColor	HexColor	是		tab 的背景色，僅支持十六進制顏色
borderStyle	string	否	black	tabbar 上邊框的顏色， 僅支持 black / white
list	Array	是		tab 的串列，詳見 list 屬性說明，最少 2 個、最多 5 個 tab
position	string	否	bottom	tabBar 的位置，僅支持 bottom / top
custom	boolean	否	false	自定義 tabBar，見詳情	2.5.0

D.

屬性	型別	默認值	描述	最低版本
navigationBarBackgroundColor	HexColor	#000000	導航欄背景顏色，如 #000000
navigationBarTextStyle	string	white	導航欄標題顏色，僅支持 black / white
navigationBarTitleText	string		導航欄標題文字內容

3【單選題】

下面描述錯誤的是哪一項（），

• A、

  微信小程式中的app.json檔案中tabBar物件的list陣列值最少2項，最多5項，

• B、

  微信小程式中的頁面底部標簽欄可以通過設定app.json檔案中tabBar物件的relative屬性來改變位置，

• C、

  微信小程式中的app.json檔案中tabBar物件的list陣列中每一項的iconPath和selectedIconPath所用到的圖片必須是專案里面的圖片，

• D、

  微信小程式中的app.json檔案中tabBar物件的list陣列中每一項的頻pagePath所用到的頁面路徑必須psges里面的頁面，

我的答案：B

4【單選題】

微信小程式中頁面播放背景音樂需要呼叫的API是( )，

• A、

  wx.request()

• B、

  wx.navigateTo()

• C、

  wx.createInnerAudioContext()

• D、

  wx.getBackgroundAudioManager()

我的答案：D

A.發起 HTTPS 網路請求

B.保留當前頁面，跳轉到應用內的某個頁面，但是不能跳到 tabbar 頁面，使用 wx.navigateBack 可以回傳到原頁面，小程式中頁面堆疊最多十層，

C.創建內部 audio 背景關系 InnerAudioContext 物件，

D.獲取全域唯一的背景音頻管理器， 小程式切入后臺，如果音頻處于播放狀態，可以繼續播放，但是后臺狀態不能通過呼叫API操縱音頻的播放狀態，

5【單選題】

下面關于微信小程式中頁面播放背景音樂API的說法不正確的是（），

• A、

  利用播放背景音樂API實作音樂播放時，當小程式切入后臺時，如果音頻處于播放狀態，將自動停止播放，

• B、

  設定了src屬性后，音樂自動播放，不需要呼叫paly()方法，

• C、

  利用背景音樂API播放的音樂不能是本地音樂，

• D、

  必須指定title屬性，音樂才能播放

我的答案：A

6【多選題】

下面關于微信小程式中video組件的說法正確的是哪些項（）？

• A、

  video組件常用于視頻的播放，默認寬度為300px,高度為200px，

• B、

  利用video組件的src屬性指定播放的視頻地址；video組件不可以實作從本地選擇視頻進行播放，

• C、

  利用video組件實作視頻播放時，可以顯示彈幕，

• D、

  利用wx.createVideoContext()方法給video組件創建背景關系物件用于對相應的video組件進行控制，

• E、

  video組件的danmu-btn屬性用于顯示或隱藏彈幕按鈕，

我的答案：CDE

A.`video 默認寬度 300px、高度 225px，可通過 wxss 設定寬高，

B.可以本地播放

7【多選題】

下面說法正確的是哪些項（）？

• A、

  微信小程式中通過呼叫wx.makePhoneCall()介面實作電話呼叫功能，

• B、

  微信小程式中通過呼叫wx.showToast()介面顯示提示資訊，

• C、

  微信小程式中不能通過在wxss中對組件設定background屬性設定背景圖片

• D、

  在微信小程式中通過background屬性組件設定背景圖片時必須使用網路圖片，

• E、

  wxs是小程式的一套腳本語言，可以在wxml檔案中通過wxs嵌入代碼，

我的答案：ABE

C.wxss可以對組件設定背景圖片

D.可以使用本地圖片

8【多選題】

下面關于map組件的說法正確的有哪些（）？

• A、

  map組件常用來開發與地圖相關的應用，

• B、

  map組件通過指定位置的經緯度即可顯示該區域的地圖，

• C、

  map組件的markers屬性用于在地圖上設定標記點，

• D、

  在map組件打開的地圖中的標記點上單擊會觸發bindmarkertap事件，

• E、

  在map組件打開的地圖上單擊會觸發bindtap事件，

我的答案：ABCDE

9【多選題】

下面關于微信小程式說法正確的有哪些項（）？

• A、

  wx.getLocation()方法可以獲取用戶當前的位置，

• B、

  wx.openLocation()方法可以呼叫微信內置地圖查看指定位置，

• C、

  wx.chooseVideo()方法用于實作從本地選擇視頻，

• D、

  wx.openLocation()方法中的引數物件中latitude和longitude屬性可以設定顯示位置的緯度和經度坐標，

• E、

  在微信小程式中可以利用audio組件實作音頻的播放，

我的答案：ABCD

E.音頻播放是play，audio只是負責插入音頻組件

10【多選題】

下面關于picker組件的說法正確的有哪些項（）？

• A、

  可以利用picker組件的mode屬性來區分滾動選擇器，

• B、

  picker組件的range屬性用于設定顯示在滾動選擇器的串列陣列，陣列中的每一個元素對應滾動串列中的每一項，

• C、

  picker組件的bindchange事件在滾動選擇器中選擇的值發生變化時觸發，

• D、

  picker組件的value屬性表示在滾動選擇器上選擇的值在range屬性設定的陣列中的下標，默認為0，

• E、

  可以通過picker組件的bindchange事件中的e.detail.value來獲取在滾動選擇器中選擇的值所在的下標，

我的答案：ABCDE

---

第8章自測

1【單選題】

在微信小程式中實作從相冊選擇圖片，或者拍照使用的API是( )，

• A、

  wx.navigateTo()

• B、

  wx.redirectTo()

• C、

  wx.chooseImage()

• D、

  wx.request()

我的答案：C

A.wx.navigateTo-保留當前頁面，跳轉到應用內的某個頁面，但是不能跳到 tabbar 頁面，使用 wx.navigateBack 可以回傳到原頁面，小程式中頁面堆疊最多十層，

B.wx.redirectTo-關閉當前頁面，跳轉到應用內的某個頁面，但是不允許跳轉到 tabbar 頁面，

C.wx.chooseImage-從本地相冊選擇圖片或使用相機拍照，此介面不再更新，

D.wx.request-發起 HTTPS 網路請求，

2【單選題】

下列關于微信小程式頁面跳轉說法錯誤的是（），

• A、

  wx.navigateTo()跳轉到應用內的非標簽頁，且保留當前頁面，

• B、

  wx.redirectTo()跳轉到應用內的非標簽頁，且關閉當前頁面，

• C、

  wx.reLaunch()可以跳轉到標簽頁也可以跳轉到非標簽頁，且關閉所有頁面，

• D、

  wx.switchTo()只能跳轉到標簽頁，且關閉其他非標簽頁，路徑后面可以帶引數，

我的答案：D

AB看1

C.wx.reLaunch()可以跳轉到標簽頁也可以跳轉到非標簽頁，且關閉所有頁面，

D.不存在switchTo

3【單選題】

微信小程式中實作用戶登錄中，小程式通過wx.login()獲取下面哪一項（），

• A、

  code

• B、

  Appid

• C、

  AppSecret

• D、

  openid

我的答案：A

呼叫介面獲取登錄憑證（code），通過憑證進而換取用戶登錄態資訊，包括用戶在當前小程式的唯一標識（openid）、微信開放平臺帳號下的唯一標識（unionid，若當前小程式已系結到微信開放平臺帳號）及本次登錄的會話密鑰（session_key）等，用戶資料的加解密通訊需要依賴會話密鑰完成，

4【單選題】

微信小程式中實作用戶登錄中，小程式通過下面哪個API可以將獲取到的code發送給開發者服務器（）？

• A、

  wx.login()

• B、

  wx.navigateTo()

• C、

  wx.request()

• D、

  wx.showLoading()

我的答案：C

5【單選題】

在微信小程式中實作頁面跳轉，如果路徑后面帶有引數，下面哪一項可以在跳轉的頁面中接收引數（）？

• A、

  onLoad()方法的形參接收傳過來的引數，

• B、

  onReady()方法的形參接收傳過來的引數，

• C、

  onSho()方法的形參接收傳過來的引數，

• D、

  onPullDownRefresh()方法的形參接收傳過來的引數，

我的答案：A

屬性	型別	默認值	必填	說明
data	Object			頁面的初始資料
options	Object			頁面的組件選項，同 Component 構造器 中的 options ，需要基礎庫版本 2.10.1
behaviors	String Array			類似于mixins和traits的組件間代碼復用機制，參見 behaviors，需要基礎庫版本 2.9.2
onLoad	function			生命周期回呼—監聽頁面加載
onShow	function			生命周期回呼—監聽頁面顯示
onReady	function			生命周期回呼—監聽頁面初次渲染完成
onHide	function			生命周期回呼—監聽頁面隱藏
onUnload	function			生命周期回呼—監聽頁面卸載
onPullDownRefresh	function			監聽用戶下拉動作
onReachBottom	function			頁面上拉觸底事件的處理函式
onShareAppMessage	function			用戶點擊右上角轉發
onShareTimeline	function			用戶點擊右上角轉發到朋友圈
onAddToFavorites	function			用戶點擊右上角收藏
onPageScroll	function			頁面滾動觸發事件的處理函式
onResize	function			頁面尺寸改變時觸發，詳見 回應顯示區域變化
onTabItemTap	function			當前是 tab 頁時，點擊 tab 時觸發
onSaveExitState	function			頁面銷毀前保留狀態回呼
其他	any			開發者可以添加任意的函式或資料到 Object 引數中，在頁面的函式中用 this 可以訪問，這部分屬性會在頁面實體創建時進行一次深拷貝，

6【單選題】

下列關于微信小程式中資料快取的說法錯誤的是（），

• A、

  wx.setStorage()異步存盤資料到快取，

• B、

  wx.getStorage()從快取中異步獲取指定key的內容，

• C、

  wx.getStorageInfoSync()異步獲取快取中的資訊，

• D、

  如果發生錯誤，異步方法胡執行fail回呼函式回傳錯誤，而同步方式則通過try...catch葡國例外來獲取錯誤資訊，

我的答案：C

Sync是同步

7【多選題】

微信小程式中實作用戶登錄中，開發者服務器要將下面哪些項發送給微信介面服務校驗登錄憑證（），

• A、

  code

• B、

  Appid

• C、

  AppSecret

• D、

  formId

• E、

  openid

我的答案：ABC

8【多選題】

微信小程式中實作用戶登錄中，開發者服務器訪問微信介面服務進行校驗登錄憑證，如果成功將回傳下面哪些項給服務器（），

• A、

  code

• B、

  Appid

• C、

  sesson_key

• D、

  openid

• E、

  token

我的答案：CD

9【多選題】

在微信小程式中下面說法正確的是（）？

• A、

  wx.request()API只能發起HTTPS請求，

• B、

  一個微信小程式同時只能有5個網路請求連接，

• C、

  wx.request()API中的header請求頭部有'content-type'：'application/json'（默認值）和'content-type'：'application/x-www-form-urlencoded'兩種請求型別，

• D、

  wx.request()API中的complete方法，在呼叫成功與否都會執行，

• E、

  wx.request()API中的header請求頭部不可以設定為Referer，

我的答案：ABCDE

10【多選題】

在微信小程式中，下面說法正確是（），

• A、

  wx.chooseAddress()可以調起用戶編輯識訓地址的原生頁面，

• B、

  wx.navigateBack()可以回傳上一個頁面，

• C、wx.hideLoading()可以關閉等待提示，
• D、

  wx.showToast()顯示提示資訊，

• E、

  wx.getUserInfo()可以獲取用戶資訊，

我的答案：ABCDE

---

第9章自測

1【單選題】

canvas組件是小程式中的畫布組件，在同一個頁面中它的哪一個屬性是唯一的（）？

• A、

  canvas-id

• B、

  id

• C、

  class

• D、

  distable-scroll

我的答案：A

2【單選題】

對于canvas組件的背景關系物件ctx，下面它哪一個方法可以繪制圓形（），

• A、

  moveTo()

• B、

  arc()

• C、

  lineTo()

• D、

  translate()

我的答案：B

ctx---CanvasContext

A.把路徑移動到畫布中的指定點，不創建線條，用 stroke 方法來畫線條

B.創建一潭訓線，

C.CanvasContext.lineTo(number x, number y)-----加一個新點，然后創建一條從上次指定點到目標點的線，用 stroke 方法來畫線條

D.平移變換

3【單選題】

下面哪一個animation物件的方法可以實作影片佇列的匯出（）？

• A、

  stop()

• B、

  export()

• C、

  scale()

• D、

  skew()

我的答案：B

A.停止

B.匯出的引數

C.縮放

D.傾斜

回傳值

Animation

4【單選題】

下面哪一個方法可以獲取錄音管理器（）？

• A、

  wx.createAnimation()

• B、

  wx.getStorageInfoSync()

• C、

  wx.getRecorderManage()

• D、

  wx.createInnerAudioContext()

我的答案：C

A.Animation影片物件,創建一個影片實體 animation，呼叫實體的方法來描述影片，最后通過影片實體的 export 方法匯出影片資料傳遞給組件的 animation 屬性，

B.同步獲取當前storage的相關資訊，

C.

D.創建內部 audio 背景關系 InnerAudioContext 物件

5【單選題】

下面哪一個方法可以實作將本地檔案資源上傳到服務器（）？

• A、

  wx.uploadFile()

• B、

  wx.downloadFile()

• C、

  wx.showToast()

• D、

  wx.hideLoading()

我的答案：A

A.將本地資源上傳到服務器，客戶端發起一個 HTTPS POST 請求，其中 content-type 為 multipart/form-data，

B.下載檔案資源到本地，客戶端直接發起一個 HTTPS GET 請求，回傳檔案的本地臨時路徑 (本地路徑)，單次下載允許的最大檔案為 200MB，

C.顯示訊息提示框

D.隱藏 loading 提示框

6【單選題】

在微信小程式中通過下面哪一個方法可以建立客戶端與服務器之間的連接，實作兩者之間的通信（）？

• A、

  wx.sendSocketMessage()

• B、

  wx.onSocketOpen()

• C、

  wx.connectSocket()

• D、

  wx.closeSocket()

我的答案：C

A.通過 WebSocket 連接發送數

B.監聽 WebSocket 連接打開事件

C.創建一個 WebSocket 連接，

D.關閉 WebSocket 連接，

7【單選題】

在微信小程式中客戶端與服務器現兩者之間通信時，下面哪一個方法用來監聽服務器端發送到客戶端訊息（）？

• A、

  wx.sendSocketMessage()

• B、

  wx.onSocketClose()

• C、

  wx.connectSocket()

• D、

  wx.onSocketMessage()

我的答案：D

on是監聽，監聽訊息選D

8【單選題】

下列關于微信小程式中影片API描述錯誤的是哪一項（）？

• A、

  wx.createAnimation()用于創建影片物件，

• B、

  animation.rotate()用于實作影片旋轉，

• C、

  animation影片物件不支持鏈式書寫，

• D、

  animation.translate()用于實作影片平移，

我的答案：C

9【單選題】

利用canvas組件的背景關系物件ctx在畫布上進行繪制圖形時，必須用下面哪一個方法才能把繪制的圖形顯示出來（）？

• A、

  ctx.stroke()

• B、

  ctx.draw()

• C、

  ctx.fillRect()

• D、

  ctx.arc()

我的答案：B

A.畫出當前路徑的邊框，默認顏色色為黑色，

B.將之前在繪圖背景關系中的描述（路徑、變形、樣式）畫到 canvas 中，

C.填充一個矩形，用 setFillStyle 設定矩形的填充色，如果沒設定默認是黑色，

D.

創建一潭訓線，

• 創建一個圓可以指定起始弧度為 0，終止弧度為 2 * Math.PI，
• 用 stroke 或者 fill 方法來在 canvas 中畫弧線，

10【多選題】

下面哪些方法是animation物件可以用來實作(旋轉、縮放、移動、斜切)影片的方法？

• A、

  rotate()

• B、

  scale()

• C、

  skew()

• D、

  translate()

• E、

  stop()

我的答案：ABCD

• A、

  rotate()--旋轉

• B、

  scale()--縮放

• C、

  skew()--斜切

• D、

  translate()--移動