【微信小程序】事件绑定和api介绍

目录

前言

一、  小程序API的三大分类

1.事件监听API

2.同步API

  3.异步api

二、数据绑定的基本原则

三、三元运算式子 ？"达成":"未达成

1、事件绑定

2.事件对象的属性列表

3.  bindtap语法

4.bindinput的语法格式

总结

---

---

前言

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、  小程序API的三大分类

1.事件监听API

      特点:以on开头，用来监听某些事件的触发

举例:wx.onWindowResize(function callback)

2.同步API

        特点1：以Sync结尾的API都是同步API

        特点2：同步API的执行结果，可以通过函数返回值直接获取，如果执行出错

        会抛出异常

    

  举例:wx.setStorageSync('key','value')向本地存储中写入内容

  3.异步api

        特点:类似于jquery中的$.ajax(options)函数，需要通过success，

        fail，complete接收调用的结果

    

   举例:wx.request()发起网络数据请求，通过success回调函数接收数据

二、数据绑定的基本原则

    1.在data中定义数据

    2.在wxml使用数据 

    把data中的数据绑定到页面中渲染，使用mustche语法（双大括号）

            将变量包裹起来即可

<view>{{info}}</view>
    <image src="{{imge}}" ></image>

---

三、三元运算式子 ？"达成":"未达成

1、事件绑定

 tap 绑定方式:bindtap或者bind:tap  手指触摸后马上离开，类似html中的click事件

            input 绑定方式:bindinput或者bind:input  文本框的输入事件

            change 绑定方式:bindchange或者bind:change  状态改变时触发

2.事件对象的属性列表

当事件回调触发的时候，会收到一个事件对象event，它的详细属性如下

         type    类型：string  事件类型

         timeStamp  类型：Integer  页面打开到触发事件所经过的毫秒数

         target  类型：object  触发事件的组件的一些属性值集合

         currentTarget  类型同上 当前组件的一些属性值的集合

         detail 同上 额外 的信息

         touches 类型:Array  触摸事件，当前停留在屏幕中的触摸点信息的数组

         changedTouches  类型：Array 触摸事件，当前变化的触摸点信息的数组  

3.  bindtap语法

  在小程序中，不存在hTMl中的onclick鼠标点击事件，而是通过tap事件

         来响应用户的触摸行为

         通过bindtap，可以为组件绑定tap触摸事件，语法

<button type="primary" bindtap="btn">按钮</button>
     <button type="primary" bindtap="changecount">+1</button>

小程序中的事件传参比较特殊，不能在绑定事件的同时为事件处理函数

     传递参数

     可以用组件 data-*自定义属性传参，其中*代表的是参数的名字

     <button bindtap="btn1" data-info="{{2}} "type="primary">事件传参</button>

4.bindinput的语法格式

<input bindinput="inputh"></input>
    <input bindinput="tongbu1" value="{{msg}}" class="tongbu1"></input>

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容