第二章作业

1.利用wx:if及wx:for数据绑定来实现输出乘法口诀表的编程

在index.wxml中输入以下代码

<view id="BA">
  乘法口诀表
</view>
<view class='BAKA'>
  <view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="i">
    <view class='BUT' wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="j">
      <view wx:if="{{j<=i}}">
        {{i}}×{{j}}={{i*j}}
      </view>
    </view>
  </view>
</view>

在index.wxss中输入以下代码

#BA{
    font-weight: 700;
    text-align: center;
}
.BAKA {
  font-size: 8px;
  margin: 25px; 
}
.BUT {
  display: inline-block; 
  width: 35px; 
}

运行效果图

2.编写程序，在Console控制台输出水仙花数（水仙花数是指一个3位数的各位上的数字的3次幂之和等于它本身。例如，1^3+5^3+3^3=153）

在index.js中输入以下代码

Page({    
  onLoad: function () {  
      for (let i = 100; i < 1000; i++) {  
        let digits = i.toString().split('');  
        let sum = 0;  
        for (let digit of digits) {  
          sum += Math.pow(parseInt(digit), 3);  
        }  
        if (sum === i) {  
          console.log(i);  
        }  
      }  
    }
    });

运行效果图

3.编写程序，在页面中输出水仙花数

在index.js中输入以下代码

Page({  
  data: {  
    narcissisticNumbers: [] 
  },  
  onLoad: function () {  
    for (let i = 100; i < 1000; i++) {  
      let digits = i.toString().split('');  
      let sum = 0;  
      for (let digit of digits) {  
        sum += Math.pow(parseInt(digit), 3);  
      }  
      if (sum === i) {   
        this.data.narcissisticNumbers.push(i);  
      }  
    }   
    this.setData({  
      narcissisticNumbers: this.data.narcissisticNumbers  
    });  
  }  
});

在index.wxml中输入以下代码

​
<view>
  <text>水仙花数共有：</text>
  <block wx:for="{{narcissisticNumbers}}">
    <text>{{item}},</text>
  </block>
</view>

​

运行效果图

4.编写程序，在页面中输出菱形图案

在index.wxml中输入以下代码

<view class="BAKA">
  <view>    *</view>
  <view>   ***</view>
  <view>  *****</view>
  <view> *******</view>
  <view>*********</view>
  <view> *******</view>
  <view>  *****</view>
  <view>   ***</view>
  <view>    *</view>
</view>

在index.wxss中输入以下代码

.BAKA {
  text-align: center;
  margin-top: 100px;
  font-size: 50px
}

运行效果图