小程序 / 小程序中的小技能

1、功能快捷键

选中代码，按F1，就会出现所有的功能快捷键

2、格式化小程序代码的快捷键

Alt + Shift + F 或者直接鼠标右键选择格式化

3、调试

（1）一般的调试方式就是通过输出信息的方式来进行调试，即console进行调试

（2）打断点的方式进行调试

调试器—Sources—找到要调试的位置—点击左边对应的数字即可

其实和平常我们的调试是一样的

4、text标签

text比较常用的属性是可以设置selectable的布尔值来控制长按是否可以选中

5、图片尺寸单位

当我们在小程序中点击图片的时候，出来的尺寸大小单位是：rpx

6、列表页和详情页中有关id的问题

单独写出来的原因，并不是因为它逻辑很难或者是很难记，而是因为和Vue中的方式完全不同

不同点1：在Js和Vue中 点击事件传参catchtap="onPostTap(id)" 而在  小程序中 不能这样传参，可以通过data-*属性进行传参

不同点2：详情页中的ID接受，在Vue中一般通过route属性传递，在小程序可以直接在声明周期onLoad函数中的option参数进行接收

 点击列表页中的列表：

<block wx:for="{{serFor}}" wx:key="index" wx:for-item="item">
  <view catchtap="onPostTap" data-postId="{{item.postId}}">
  </view>
</block>

onPostTap(event){
    var id = event.currentTarget.dataset.postid
    wx.navigateTo({
      url: `post-detail/post-detail?id=${id}`
    })
  },

详情页面：

 onLoad: function (options) {
    console.log(options)
  }