微信小程序項目開發(fā) 試題及答案 項目四

一、單選題（20題）1. 在微信小程序中，用于收集用戶輸入的文本框組件是（）A.<textarea>B.<input>C.<button>D.<label>答案：B2. 以下哪個組件用于創(chuàng)建微信小程序中的多行文本輸入框？（）A.<inputtype="text">B.<inputtype="textarea">C.<textarea>D.<inputtype="password">答案：C3. 微信小程序中，用于包裹一組單選框的組件是（）A.<radio-group>B.<checkbox-group>C.<form-group>D.<input-group>答案：A4. 當用戶在微信小程序的<input>組件中輸入內(nèi)容時，觸發(fā)的事件是（）A.bindtapB.bindchangeC.bindinputD.bindsubmit答案：C5. 微信小程序中，<form>組件的bindsubmit屬性用于綁定（）A.表單提交事件B.表單重置事件C.表單輸入事件D.表單選擇事件答案：A6. 在微信小程序中，設(shè)置單選框選中狀態(tài)的屬性是（）A.checkedB.selectedC.valueD.disabled答案：A7. 微信小程序的微信登錄流程中，第一步通常是調(diào)用（）A.wx.login()B.wx.getUserInfo()C.wx.request()D.wx.navigateTo()答案：A8. 微信小程序中，用于創(chuàng)建復(fù)選框的組件是（）A.<radio>B.<checkbox>C.<inputtype="radio">D.<inputtype="checkbox">答案：B9. 微信小程序登錄流程中，通過wx.login()獲取到的是（）A.用戶的openidB.用戶的session_keyC.codeD.用戶信息答案：C10. 以下關(guān)于微信小程序表單組件的說法，錯誤的是（）A.<input>組件可以設(shè)置type屬性來改變輸入類型B.<textarea>組件無法設(shè)置最大輸入長度C.<radio-group>組件可以獲取用戶選擇的單選框的值D.<checkbox-group>組件可以獲取用戶選擇的多個復(fù)選框的值答案：B11. 在微信小程序中，將復(fù)選框組件的值提交到表單時，需要設(shè)置（）A.value屬性B.name屬性C.checked屬性D.disabled屬性答案：B12. 微信小程序登錄流程中，獲取到code后，下一步通常是（）A.直接使用code進行業(yè)務(wù)操作B.將code發(fā)送到自己的服務(wù)器進行處理C.調(diào)用wx.getUserInfo()D.調(diào)用wx.setStorage()答案：B13. 微信小程序中，<input>組件的placeholder屬性用于設(shè)置（）A.輸入框的默認值B.輸入框獲得焦點時顯示的內(nèi)容C.輸入框失去焦點時顯示的內(nèi)容D.輸入框的提示文本答案：D14. 微信小程序中，<textarea>組件的bindblur屬性用于綁定（）A.文本框獲得焦點事件B.文本框失去焦點事件C.文本框輸入事件D.文本框內(nèi)容改變事件答案：B15. 微信小程序登錄流程中，服務(wù)器端根據(jù)code換取到的信息不包括（）A.openidB.session_keyC.unionid（如果有）D.用戶的手機號碼答案：D16. 在微信小程序的表單中，若要禁用某個表單組件，應(yīng)設(shè)置（）A.disabled="true"B.enabled="false"C.readonly="true"D.hidden="true"答案：A17. 微信小程序中，<radio>組件的value屬性用于設(shè)置（）A.單選框的選中狀態(tài)B.單選框的值C.單選框的樣式D.單選框的提示文本答案：B18. 微信小程序登錄成功后，用戶信息通常存儲在（）A.本地緩存B.服務(wù)器端C.微信客戶端D.以上都可以答案：D19. 微信小程序中，<checkbox-group>組件的bindchange屬性用于綁定（）A.復(fù)選框組選中狀態(tài)改變事件B.復(fù)選框組點擊事件C.復(fù)選框組輸入事件D.復(fù)選框組提交事件答案：A20. 微信小程序登錄流程中，為了保證安全性，通常會在（）對用戶信息進行加密傳輸A.客戶端B.服務(wù)器端C.微信服務(wù)器D.以上都不需要答案：B二、多選題（5題）1. 微信小程序中，<input>組件支持的type類型有（）A."text"B."number"C."password"D."date"答案：ABC2. 微信小程序的微信登錄流程中，涉及到的關(guān)鍵步驟有（）A.調(diào)用wx.login()獲取codeB.將code發(fā)送到服務(wù)器換取openid和session_keyC.調(diào)用wx.getUserProfile()獲取用戶信息（新接口）D.存儲用戶信息答案：ABCD3. 以下關(guān)于微信小程序表單組件的說法，正確的有（）A.<form>組件可以通過bindreset屬性綁定表單重置事件B.<input>組件的bindconfirm屬性可以在用戶點擊鍵盤的完成按鈕時觸發(fā)C.<radio-group>組件的bindchange屬性可以獲取用戶選擇的單選框的值D.<textarea>組件的auto-height屬性可以自動調(diào)整文本框高度答案：ABCD4. 微信小程序登錄成功后，存儲用戶信息的方式有（）A.使用wx.setStorageSync()將用戶信息存儲在本地緩存B.將用戶信息發(fā)送到服務(wù)器并存儲在數(shù)據(jù)庫中C.使用wx.setStorage()將用戶信息存儲在本地緩存D.直接存儲在頁面的變量中答案：ABC5. 微信小程序中，<checkbox-group>組件和<radio-group>組件的區(qū)別有（）A.<checkbox-group>可以選擇多個選項，<radio-group>只能選擇一個選項B.<checkbox-group>的子組件是<checkbox>，<radio-group>的子組件是<radio>C.<checkbox-group>獲取的值是數(shù)組，<radio-group>獲取的值是單個值D.<checkbox-group>沒有默認選中屬性，<radio-group>有默認選中屬性答案：ABC三、判斷題（5題）1. 微信小程序中，<input>組件和<textarea>組件都可以設(shè)置maxlength屬性來限制輸入長度。（）答案：對2. 微信小程序登錄流程中，使用舊的wx.getUserInfo()接口不再需要用戶授權(quán)。（）答案：錯3. 微信小程序中，<form>組件的submit事件在用戶點擊表單內(nèi)的任意按鈕時都會觸發(fā)。（）答案：錯4. 微信小程序登錄成功后，用戶信息只能存儲在本地緩存中。（）答案：錯5. 微信小程序中，<radio-group>組件的子組件<radio>必須設(shè)置name屬性。（）答案：錯四、簡答題（2題）1. 簡述微信小程序中使用表單組件收集用戶信息并提交的基本步驟。答案：（1）在.wxml文件中使用表單組件，如<input>、<textarea>、<radio-group>、<checkbox-group>等，并設(shè)置相應(yīng)的屬性，如name用于標識組件，以便提交數(shù)據(jù)時區(qū)分不同的字段；（2）使用<form>組件包裹這些表單組件，并通過bindsubmit屬性綁定一個提交事件處理函數(shù)，如bindsubmit="formSubmit"；（3）在.js文件中定義formSubmit函數(shù)，在函數(shù)中通過e.detail.value獲取表單數(shù)據(jù)，該對象包含了所有表單組件的值，然后可以將這些數(shù)據(jù)發(fā)送到服務(wù)器進行處理，例如使用wx.request發(fā)起網(wǎng)絡(luò)請求將數(shù)據(jù)提交到服務(wù)器。示例代碼：<formbindsubmit="formSubmit"><inputname="username"placeholder="請輸入用戶名"/><textareaname="message"placeholder="請輸入留言"></textarea><buttonformType="submit">提交</button></form>Page({formSubmit:function(e){console.log('表單數(shù)據(jù)：',e.detail.value);//發(fā)送數(shù)據(jù)到服務(wù)器wx.request({url:'/api/submit',data:e.detail.value,method:'POST',success:function(res){console.log('提交成功：',res.data);},fail:function(err){console.log('提交失?。?,err);}});}});2. 簡述微信小程序的微信登錄完整流程（使用新的獲取用戶信息接口wx.getUserProfile）。答案：（1）調(diào)用wx.login()方法，獲取臨時登錄憑證code，這個code只能使用一次且有效期較短；（2）將獲取到的code發(fā)送到自己的服務(wù)器，服務(wù)器端通過調(diào)用微信官方提供的接口，使用code換取用戶的openid和session_key等信息，openid是用戶在當前小程序中的唯一標識，session_key用于后續(xù)