《微信小程序程序設計與開發》課程第一次大作業

微信小程序課程第一次大作業選擇題（10分）1.下面對于微信小程序目錄結構說法中，正確是(AB)A.app.wxss表示公共樣式文件B.index.wxss表示頁面樣式文件C.app.js表示應用邏輯配置文件D.index.js表示應用邏輯文件2.在微信小程序的頁面組件，視圖容器組件(C)表示A.<block>B.<text>C.<view>D.<icon>3.下列選項中，關于微信小程序事件說法正確是(AB)。A.微信小程序中事件分為冒泡事件和非冒泡事件。B.事件對象可以攜帶額外信息，如id,dataset,touches。C.bind為組件綁定非冒泡事件，catch則綁定冒泡事件。D.同一組件只能綁定一次事件處理函數。4.在代碼<viewbindtp=”changeItem”data-item=”0”>獲取item值<view>,通過(BC)可以獲取到item。A.changeItem:funtion(e){console.log(e.detail.dataset.item)}B.changeItem:funtion(e){console.log(e.target.dataset.item)}C.changeItem:funtion(e){console.log(e.currentTarget.dataset.item)}changeItem:funtion(e){console.log(e.detai.item)}5.下列選項中，關于小程序圖片相關API的描述，說法錯誤的是(B)。A.wx.chooselmage()表示從本地相冊選擇圖片或者使用相機拍照B.在選擇圖片時，count參數設置上傳圖片的張數，默認為1C.wx.previewlmage()表示在新頁面中全屏預覽圖片D.wx.getlmagelnfo()可獲取圖片信息簡答題（20分）微信小程序的主要文件以及它們的作用？參考答案：WXML——模板文件JSON——配置/設置文件，如標題,tabbar,頁面注冊WXSS——樣式文件，樣式可直接用import導入JS——腳本邏輯文件，邏輯處理，網絡請求app.json——配置文件入口，整個小程序的全局配置，網絡超時時間、底部tab、頁面路徑，window字段是小程序所有頁面的頂部背景顏色、文字顏色app.js——可以沒有內容，可以在里邊監聽生命周期函數、聲明全局變量app.wxss——全局配置樣式文件請簡單描述微信小程序頁面生命周期函數有哪些？參考答案：onLoad——頁面加載，調一次onShow——頁面顯示，每次打開頁面都調用onReady——初次渲染完成，調一次onHide——頁面隱藏，當navigateTo或底部tab切換時調用onUnload——頁面卸載，當redirectTo或navigateBack時調用在微信小程序中bindtap和catchatap的區別是什么？參考答案：bindtap不會阻止冒泡事件，catchtap阻止冒泡請簡單描述自定義組件的使用步驟？參考答案：先創建一個components文件夾，用來存放所有自定義組件的，然后在components文件夾中創建組件，目錄結構依然是js,wxml,json,wxss。在使用的頁面中配置引用組件，例如在index頁面引用組件，需要在index.json中配置：{"usingComponents":{"component-tag-name":"path/to/the/custom/component"}}在頁面上使用自定義組件，例如：<view><!--以下是對一個自定義組件的引用--><component-tag-nameinner-text="Sometext"></component-tag-name></view>操作題（70分）完成旅游博客小程序開發，旅游小程序頁面包括，歡迎頁面，如下圖：小程序歡迎頁面點擊歡迎頁面“歡迎進入旅游博客網”，頁面跳轉到旅游博客主頁，如下圖：小程序旅游博客頁面效果要求完成功能：歡迎頁面功能要求：(15分)完成歡迎頁面的頁面效果。(5分)點擊“歡迎進入旅游博客網”跳轉到旅游博客頁面。(10分)數據管理小程序啟動時，加載data.js中的數據到緩存中。(data.js文件已經提供)(10分)旅游博客頁面功能(25分)完成旅游博客頁面顯示效果。(15