微信小程序開發(fā)項目實戰(zhàn)（微課版） 課后實訓試題及答案 項目實訓02

PAGE49項目2小程序編程基礎項目實訓一、選擇題1．下面程序，index.wxml頁面顯示的信息是（C）。index.wxml頁面代碼如下：<viewwx:if="{{length>5}}">1</view><viewwx:elif="{{length>2}}">2</view><viewwx:else>3</view>index.js頁面代碼如下：Page{()data:{length:6})}A．3 B．2 C．1 D．不顯示2．下面結果，index.wxml頁面顯示的信息是（C）。index.wxml頁面代碼如下：<blockwx:if="{{true}}"><view>view1</view><view>view2</view></block>A．view1 B．view2 C．view1view2 D．無3．App的生命周期函數(shù)不包括（C）。A．onHide B．onError C．onLoad D．onLaunch4．Page的生命周期函數(shù)不包括（D）。A．onReady B．onUnload C．onShow D．onLaunch5．下面程序，正確答案的是（D）。<blockwx:for="{{[1,2,3]}}"><view>{{index}}:{{item}}</view></block>A．0：3 B．0：0 C．1：1 D．0：1 1：2 1：1 2：2 1：2 2：1 2：2 3：3 2：3二、綜合實訓1．組件綁定事件，通過點擊事件，使組件顏色和大小發(fā)生改變，并輸出隨機數(shù)。步驟1：新建小程序頁面，在WXML頁面實現(xiàn)頁面布局。<viewclass="box"style="background:{{color}};width:{{size}}rpx;height:{{size}}rpx;"bindtap="clickBox">隨機數(shù)是：{{num}}</view>步驟2：在WXSS頁面實現(xiàn)頁面樣式的設置。.box{margin:50rpx;width:200rpx;height:200rpx;background:pink;color:black;display:flex;justify-content:center;align-items:center;}步驟3：在JS頁面實現(xiàn)事件綁定clickBox代碼的編寫。Page({data:{num:0,color:"pink",size:300},clickBox(){letrandomdata=parseInt(Math.random()*100)letr1=parseInt(Math.random()*255)letr2=parseInt(Math.random()*255)letr3=parseInt(Math.random()*255)letcolor=`rgb(${r1},${r2},${r3})`letsize=parseInt(Math.random()*400)size=size<200?200:sizethis.setData({num:randomdata,color:color,size:size