本文主要是介绍小程序代码题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
程序一】读以下程序并回答问题。
已知 WXML 文件中有如下代码:
1. <view wx:if='{{flag?false:true}}'>测试组件</view> |
JS 文件中有如下代码:
1. Page({ 2. data: 3. { 4. flag: false 5. } 6. }) |
试判断测试组件<view>的最终状态,并说明原因。
答: 测试组件为可显示状态。
解释: flag 的值为 false,因此三目运算的结果返回值为 true,计算后得到 wx:if= ’
{{true}} ’ ,所以测试组件被显示出来。
【程序二】读以下程序并回答问题。
已知 JS 文件中有如下代码:
1. Page({ 2. data: { 3. student: [ 4. {name:'张三',id: '1001'}, 5. {name: '李四',id: '1002'}, 6. {name: '王五',id: '1003'} 7. ] 8. } 9. }) |
想在 WXML 页面上显示王五的 id 号, <view>{{x}}</view>代码中 x 的位置应该如何
写? 试将答案写在下面。
答: student[2].id
【程序三】读以下程序并回答问题。(5 分)
已知 JS 文件中有如下代码:
1. Page({ 2. data:{ 3. fruit:[ '苹果', '梨子', '草莓'] 4. } 5. }) |
WXML 文件中有如下代码:
1. <view wx:for='? ' wx:for-index='? ' wx:for-item='? '> 2. 水果{{fruitID}}:{{fruitName}} 3. </view> |
请问这三个问号的位置分别应该怎么填写,才能正确显示每个水果的名称 fruitName
和编号 fruitID (注:编号默认为就是数组中元素序号 )?
答: wx:for=’{{fruit}} ’
wx:for-index=’{{fruitID}} ’
wx:for-item=’{{fruitName}} ’
【程序四】读以下程序并回答问题。
已知 WXML 文件中有如下代码:
1. <view> {{x * y}} + {{y}} + z </view> |
JS 文件中有如下代码:
1. Page({ 2. data: { 3. x : 7, y : 8, z : 9 4. } 5. }) |
试写出上述代码在 WXML 页面上的输出结果,并说明你的判断依据。
答: 56 + 8 + z
{{x*y}}会代入数字进行算数运算, {{y}}直接替换为数字, +号和 z 都直接显示字面内
容。
这篇关于小程序代码题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!