小程序基础

• text 相当于以前web中的 span标签 行内元素 不会换行
• view 相当于以前web中的 div标签 块级元素 会换行
• checkbox 以前的复选框标签

取消注释快捷键：ctrl+k+u

列表循环

1 wx:for="{{数组或者对象}}"  wx:for-item="循环项的名称"  wx:for-index="循环项的索引"
2 wx:key="唯一的值" 用来提高列表渲染的性能
  1 wx:key 绑定一个普通的字符串的时候 那么这个字符串名称 肯定是 循环数组 中的 对象的 唯一属性
  2 wx:key ="*this"  就表示 你的数组 是一个普通的数组  *this 表示是 循环项 
    [1,2,3,44,5]
    ["1","222","adfdf"]
3 当出现 数组的嵌套循环的时候 尤其要注意  以下绑定的名称 不要重名
    wx:for-item="item" wx:for-index="index"
4 默认情况下 我们 不写
   wx:for-item="item" wx:for-index="index"
   小程序也会把 循环项的名称 和 索引的名称 item 和 index 
   只有一层循环的话 （wx:for-item="item" wx:for-index="index"） 可以省略

 <view>
   <view 
  wx:for="{{list}}"
  wx:for-item="item"
  wx:for-index="index"
  wx:key="id"
   >
     索引：{{index}}
     --
     值:{{item.name}}
   </view>
 </view>

list:[
  {
    id:0,
    name:"猪八戒"
  },
  {
    id:1,
    name:"天蓬元帅"
  },
  {
    id:2,
    name:"悟能"
  }
]

对象循环

1 wx:for="{{对象}}" wx:for-item="对象的值"  wx:for-index="对象的属性"
2 循环对象的时候 最好把 item和index的名称都修改一下
  wx:for-item="value"  wx:for-index="key"

 <view>
   <view>对象循环</view>
   <view 
  wx:for="{{person}}"
  wx:for-item="value"  
  wx:for-index="key"
  wx:key="age"
  >
     属性:{{key}}
     --
     值:{{value}}
   </view>
 </view>

person: {
  age: 74,
  height: 145,
  weight: 200,
  name: "富婆"
},