看文档，看实战视频后记录的一坨东西

   1.小程序点击样式必须在默认样式下面，这样才不会被覆盖，如果设置了color属性，则样式失效。


   2.当navigator和tabBar设置了同一个地址，navigator的open-type要设置成switchTab才都可以实现页面跳转。


   3.hidden和if的选择：可见性需要频繁切换的时候，使用hidden。因为if在现实元素师，其实是在文本中插入元素，整个文本的结构改动较大，而hidden只是将元素隐藏起来，初始化时开销会比较大。


   4.子元素中轮播图跳转函数执行后，幻灯片切换了，之后tap事件会向上冒泡，父元素的fn1函数会执行，于是便跳转到详情页面
    <view class='container move-box' bindtap='fn1' data-move-Id='{{item.id}}'>
        <image src='{{item.imgPath}}' class="myImg"></image>
        <text>第{{index+1}}周:{{item.title}}</text>
        <text>点评：{{item.content}}</text>
        <text hidden='{{item.star}}' style='color:red;'>强烈推荐</text>
        <text class='return-button' wx:if="{{index<weekly.length-1}}" bindtap="fn0">返回本周</text>
      </view>


 fn0: function () {
    this.setData({
      currentIndex: this.data.weekly.length - 1
    })
  },
  fn1 :function(event){
    var moveId = event.currentTarget.dataset.moveId;
    console.log(moveId);
    wx.navigateTo({
      url: "/pages/detail/detail?id=" + moveId
    })
     
  }
解决这个问题只需将bindtap换成catchtap（不予许冒泡）

5.data-用来自定义属性，可以在currentTarget的dataset中获取

6.scroll-view一定要给组件高度，不然会无法使用，而且使用下拉刷新后无法使用上拉刷新，解决办法就是改使用view标签，然后自己写触发事件。

良好的文档结构

获取点击的是哪一个元素

字体规范

对象的赋值

无法操作中dom，使用拼接的方法