微信小程序

微信小程序开发的记录

渲染标签

1. 条件标签:

   # way0: true/false是布尔值
   <view wx:if="{{true}}"></view>
   
   # way1: var_name是变量
   <view wx:if="{{var_name}}"></view>
   
   # way2:
   <view wx:if="{{var_name}}"</view>
   <view wx:else="{{var_name}}"></view>
   

2. for循环标签

   # way0:
   <view wx:for="{{iteral_var}}">
   默认索引{{index}} - 默认迭代值{{item}}
   </view>
   
   # way1:指定index/item名字
   <view wx:for="{{iteral_var}}" wx:for-index='inx' wx:for-item='it'>
   指定索引{{inx}} - 指定迭代值{{it}}
   </view>
   

模板渲染

！1）模板中导入模板是不生效的

！ 2）""中间不能使""，该换成''

1. 创建模板在.js文件

   <template name="footer1">
   这是底部脚本的模板0000 -- {{temp_var}}
   </template>
   
   <template name="footer2">
   这是底部脚本的模板11111
   </template>
   

2. 导入模板

   <import src="../templates/footer" />
   <template is="footer1" data="{{temp_var: 'hahah source data"}}"/>
   <template is="footer2" />
   

事件

1. 事件类别
   1. 点击事件-tap
   2. 长按事件-longtap
   3. 触摸事件-touchstart、touchend、touchmove、touchcansel
   4. 其它-submit、input
2. 事件绑定
   1. bind绑定

      <view class="view0" bindcap="view0_click">...</view>
      

   2. catch绑定

      <view class="view0" catchcap="view0_click">...</view>
      

3. 事件对象
   1. 类型-type
   2. 时间戳-timeStamp
   3. 事件源组件-target

      # 向dataset属性里面加上变量id, title的值（注意id和data-id不要混淆）
      <view class="view2" bindtap="view2_click" id="view2" data-title="标题" data-id="100">...</view>
      

   4. 当前组件-currentTarget
   5. 触摸点数-touches