微信小程序这一块（中）

1、if语句跟for循环的使用

<block wx:if="{{n==1}}">
  <view>1917</view>
</block>
<block wx:elif="{{n==2}}">
  <view>1918</view>
</block>
<block wx:else>
  <view>1919</view>
</block>

----------------------------下面为wx:for---------------------------------------
<block wx:for="{{list}}" wx:key="index">
  <view>{{item}}---{{index}}
    <view wx:for="{{arr}}" wx:for-item="child" wx:for-index="idx" wx:key="idx">
      {{child}}-----{{idx}}
    </view>
  </view>
</block>

2、标签

　　<view></view>相当于div

　　<text></text>相当于span

3、事件

　　1、bindtap="事件名称没有括号"

　　通过this.setData({

　　　　message:""

　　},())=>{

　　console.log(this.data.message)

　　再回调里面通过这种方式来验证是否修改成功

　　}

　　这种方式触发

　　---------------------------------------------------

　　如果需要传参那么在标签内部通过

         data-info="先森"进行传参

　　接受通过e.currentTarget.dataset.info接受，info为传递参数时定义的名称

------------------------------下面是第二种--------------------------------------

　　2、catchtap方法同上

 

-------------------------------区别-------------------------------

　　区别：bindtap会进行事件冒泡

　　　　　catchtap不会进行时间冒泡

 

 

 

4、事件传参如何传递？上面的简化

　　自定义属性data-属性　　接受的时候通过e.currentTarget.dataset.属性进行接收

 

5、模板，创建一个公共的文件，只写布局，从外部传递参数让他去遍历，有很好的的复用性，这就叫模板。

　　通过template的name属性来定义模板的名称

　　 <template name="booklist"> <view class="book_item"> <view>{{item.bookname}}</view> <view>{{item.auth}}</view> </view> </template> 使用时，将其放入对应的文件

　　通过template的is属性来使用相对应的模板

　　 <import src="../../template/template.wxml"/> <view> <block wx:for="{{books}}" wx:key="index"> <template is="booklist" data="{{item}}"></template> </block> </view> 

　　如果模板需要进行外部引入则需要<import src="">来进行引入

7、在微信小程序中如何在wxss引入本地图片（坑）

　　注意：微信小程序中无法在wxss中引入本地图片

　　解决方案：

　　　　1、使用网络图片

　　　　2、使用bass64的图片　　http://imgbase64.duoshitong.com/

8、api

　　

onLoad() {
    wx.request({
      url: 'http://m.maoyan.com/ajax/movieOnInfoList',
      method: "get",
      data: {
        // ci: 1,
        token: ""
      },
      success: function(data) {
        console.log(data)
      }
    })
  }