微信小程序 API 界面 (2)
由于每个 API 参数:对象的属性都有 success,fail,complete,所以在这个提前介绍,就不再每个API 上写了
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
----------------------------------
下拉刷新:
wx.stopPullDownRefresh() 停止当前页面的下拉刷新 直接调用即可
wx.startPullDownRefresh() 开始下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致 直接调用即可
滚动:
wx.pageScrollTo() 将页面滚动到目标位置 参数:对象
对象的属性:
scrollTop:类型 数字 滚动到页面的目标位置,单位 px
duration:类型 数字 滚动的动画的时长,单位ms
动画:
wx.createAnimation() 创建一个动画实例 animation ,调用实例的方法来描述动画,最后通过动画实例的export方法到处动画数据,传递给组件的 animation 属性; 参数:对象
对象的属性:
duration:类型 数字 动画的持续时间
timingFunction:类型 字符串 动画的效果
属性值:linear 动画从头到尾速度时相同的
ease 动画以低速开始,然后加载,结束前变慢
ease-in 动画以低速开始
ease-in-out 动画以低速开始和结束
ease-out 动画以低速结束
step-start 动画第一帧就跳至结束状态,知道结束
step-end 动画一直保持开始状态,最后一帧跳至结束状态
delay:类型 数字 动画的延迟时间,单位ms
transformOrigin:类型 字符串 动画的中心点 默认"50% 50% 0" (中心)
wx.createAnimation() 定义了动画的一些东西,但是想要操作动画的执行,就要通过他的实例对象来调用这些方法( 目前实例对象用 animation 代替,用什么代替都可以)
注意,如果想使用下面的代码,需要在组件标签中 添加属性 animation 的属性 才会有效果
参数:数字
animation.height() 设置高度(具有动画效果)
animation.left() 设置 left 值
animation.matrix() 矩阵
animation.matrix3d() 3d变幻的矩阵
animation.opacity() 设置透明度
animation.right() 设置 right 值
animation.rotate() 在原点的顺时针旋转一个角度
animation.rotate3d() 从x轴顺时针旋转一个角度
animation.rotateX() 从x轴顺时针旋转一个角度
animation.rotateY() 从y轴顺时针旋转一个角度
animation.rotateZ() 从z轴顺时针旋转一个角度
animation.scale() 缩放 一个参数,同时缩放,两个参数,x 缩放 y 缩放
animation.scale3d() 3d 缩放 x y z
animation.scaleX() 缩放 x 轴
animation.scaleY() 缩放 y 轴
animation.scaleZ() 缩放 z 轴
animation.skew() 对 x y 坐标进行倾斜 , 一个参数 x,y 。两个参数 分别代表 x y
animation.skewX() 对 x 坐标进行倾斜
animation.skewY() 对 y 坐标进行倾斜
animation.step() 表示一组动画完成,可以在一组动画中调用任意多个动画的方法,一组动画中的所有动画会同时开始,一组动画完成后才会进行下一组动画
animaiton.top() 设置 top 值
animation.translate() 平移切换 参数 x y
animation.translate3d() 对 x y z 坐标进行平移切换
animation.translateX() 对 x 轴进行平移
animation.translateY() 对 y 轴进行平移
animation.translateZ() 对 z 轴进行平移
animation.width() 设置宽度
animation.backgroundColor() 设置背景色
animation.bottom 设置 bottom 值
animation.export() 导出队列动画,export(),方法每次执行,都会清掉之前的动画
自定义组件
wx.nextTick() 延迟一部分操作到下一个时间片在执行 参数:回调函数
菜单:
wx.getMenuButtonBoundingClientRect() 获取菜单按钮(右上角胶囊按钮)的布局位置信息,坐标信息以屏幕左上角为原点 参数:实例对象
实例对象上的属性:
width:类型 数字 宽度(单位 px )
height:类型 数字 高度(单位 px )
top:类型 数字 上边界坐标
right:类型 数字 右边界坐标
bottom:类型 数字 下边界坐标
left:类型 数字 左边界坐标
窗口:(现阶段不提倡)
wx.onWindowResize() 监听窗口尺寸变化事件 参数:回调函数
事件对象
size:对象 windowWidth 属性值:数字 变化后的窗口宽度
windowHeight 属性值:数字 变化后的窗口高度
wx.offWindowResize() 取消监听窗口尺寸的变化
键盘:(2.70开始支持的新接口)
wx.onKeyboardHeightChange() 监听键盘高度变化
wx.getSelectedTextRange() 在 input,textarea 等 focus 之后,获取输入框的光标位置,注意:中有在focus的时候调用此接口才有效
微信小程序 API 界面 (2)的更多相关文章
- 微信小程序 API 界面(1)
界面 有关屏幕的api 交互: wx.showToast() 显示消息提示框 参数:object object的属性: title:类型 字符串 提示的内容(文本最多7个汉字) icon:类型 字符串 ...
- 微信小程序api拦截器
微信小程序api拦截器 完美兼容原生小程序项目 完美兼用小程序api的原本调用方式,无痛迁移 小程序api全Promise化 和axios一样的请求方式 小程序api自定义拦截调用参数和返回结果 强大 ...
- 微信小程序 API
微信小程序 API https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html demo https://de ...
- 微信小程序 API 基础
其实还有一些组件,没有提,因为那些组件跟 API 的功能差不多,API 可能比他会更好一点: 具体可见官方文档 基础: 判断接口是否可用:wx.canIUse(a) a 代表:接口名字 返回值:布尔 ...
- 微信小程序 API 数据缓存
微信小程序 数据缓存 (类似于 cookie) wx.setStorage() 将数据存储在本地缓存中制定的 key 中.会覆盖掉原来该 key 对应的内容,数据存储生命周期跟小程序本身一致,即除用户 ...
- 微信小程序API交互的自定义封装
目录 1,起因 2,优化成果 3,实现思路 4,完整代码 1,起因 哪天,正在蚂蚁森林疯狂偷能量的我被boss叫过去,告知我司要做一个线上直播公开课功能的微信小程序,博主第一次写小程序,复习了下文档, ...
- 微信小程序API 文档快速参考索引
内容那么多,这个页面到底做了什么? 第一:解决微信文档APi文档使用不便: 第二:解决了内容搜索与索引:—— 最好是写成全文索引文档,但是比较需要时间,而且更新是一件麻烦的事:所以以下是直接 连接官网 ...
- 微信小程序API登录凭证(code),获得的用户登录态拥有一定的时效性
调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key).用户数据的加解密通讯需要依赖会话密钥完成. OBJECT参 ...
- 微信小程序API 登录-wx.login(OBJECT) + 获取微信用户唯一标识openid | 小程序
wx.login(OBJECT) 调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key).用户数据的加解密通讯需要 ...
随机推荐
- qt treeview过滤
一,不多说直接上代码 QSortFilterProxyModel可实现过滤排序.但是如果直接使用只能对于父项进行过滤 这里需要继承 头文件 #include <QSortFilterProxyM ...
- java实现spark常用算子之countbykey
import org.apache.spark.SparkConf;import org.apache.spark.api.java.JavaPairRDD;import org.apache.spa ...
- java复习(1)
这几天开学,很多知识点还很生疏,这两天先把java基础复习一下,有段时间没有写博客了,今天就先谈谈进制转换吧. 1.二进制数的原码,补码和反码 1):对于正数的原码,补码和反码均是相同的,这里不讨论了 ...
- {经典}springmvc+mybatis+restful+webservice Jeesz分布式架构
框架简介--主要定位于互联网企业架构,已内置企业信息化系统的基础功能和高效的代码生成工具,包括:系统权限组件.数据权限组件.数据字典组件.核心工具 组件.视图操作组件.工作流组件组件.代码生成等.采用 ...
- hackthebox通关手记(持续更新)
简介: 花了点时间弄了几道题目.以前我是用windows渗透居多,在kali linux下渗透测试一直不怎么习惯.通过这几天做这些题目感觉顺手多了.有些题目脑洞也比较大,感觉很多也不适合于实际的环境 ...
- ARIMA模型
ARIMA模型(英语:Autoregressive Integrated Moving Average model),差分整合移动平均自回归模型,又称整合移动平均自回归模型(移动也可称作滑动),时间序 ...
- linux 下 SpiderMonkey 1.7.0 编译和安装
wget http://ftp.mozilla.org/pub/mozilla.org/js/js-1.7.0.tar.gz tar xf js-1.7.0.tar.gz cd js/src make ...
- DTM/DEM/DSM/DOM/DLG
一.DTM (Digital Terrain Model) 数字地面模型是利用一个任意坐标系中大量选择的已知x .y .z 的坐标点对连续地面的一个简单的统计表示,或者说,DTM 就是地形表面形态属性 ...
- P5200 [USACO19JAN]Sleepy Cow Sorting 牛客假日团队赛6 D 迷路的牛 (贪心)
链接:https://ac.nowcoder.com/acm/contest/993/E 来源:牛客网 对牛排序 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 32768K,其他语言 ...
- 【HDU1011】Starship Troopers
题目大意:给定一棵 N 个节点的无根树,每个节点有一个重量和一个价值,现给出一些单位,每个单位可以接受 20 个重量单位,求如何分配这些单位,使得获得的价值最大. 题解:dp 好题qwq..真的毒瘤. ...