IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 【微信小程序】事件绑定和api介绍 -> 正文阅读

[移动开发]【微信小程序】事件绑定和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>

总结

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

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-07-17 16:34:46  更:2022-07-17 16:37:08 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 3:35:45-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码