微信小程序常用的api(2)

动画API

创建实例 wx.createAnimation()

作用:用于在微信小程序中完成动画效果的制作

动画的常用属性

duration 【number型】 动画持续时间,单位毫秒,默认400毫秒

timingFunction 【string型】 动画效果 默认linear

delay 【number型】 动画延迟时间 单位毫秒,默认0

transformOrigin【string型】 设置旋转元素的基点位置,默认50% 50% 0 。这三个数字分别表示X轴、Y轴、Z轴位置

timingFunction属性的属性值:

linear 匀速

ease 慢快慢

ease-in 以低速开始

ease-in-out 以低速开始和结束

ease-out 以低速结束

step-start 动画第一帧就跳至结束状态,直至结束

step-end 动画一直保持开始状态,最后一帧跳至结束状态

动画的常用方法

rotate(number angle) 旋转。顺时针。角度取值范围【-180,180】

export() 导出动画队列。export()方法每次调用后会清掉之前的动画操作

scale(number sx,number sy) 缩放。当仅有sx参数时,表示在X轴Y轴同时缩放sx倍

translate(number tx,number ty) 平移。单位为px

skew(number ax,number ay) 倾斜。角度取值范围【-180,180】

step(object,object) 表示一组动画完成。当调用任意多个动画方法组成一组动画时,一组动画中的所有动画会同时开始,一组动画完成后才会进行下一组动画。

opacity(number value) 设置透明度,范围0~1

backgroundColor(string value) 设置背景色

width(number|string value) 设置宽度

top(number|string value) 设置top值

map地图组件

直接使用map标签即可 <map></map>

map地图组件可以为用户通过地图的功能。支持移动、缩放、添加标记点

map地图组件常用属性

longitude 【number】 中心经度,为必填项

latitude 【number】 中心纬度,为必填项

scale 【number】 缩放级别,取值范围为3-20,默认为16

markers 【Array.】 标记点数组

show-location 【boolean】 是否显示带有方向的当前定位点,默认false

bindregionchange 【eventhandle】 视野发生变化时触发的事件处理函数

标记点属性——marker对象属性:

markers标记点数组中的每一项为一个表示标记点的marker对象

id 【number】 标记点id

longitude 【number】 经度。取值范围 -180~180 必填项

latitude 【number】 纬度。取值范围 -90~90 必填项

iconPath 【string】 设置标记点图标路径。必填项

title 【string】 标记点名字,点击时显示

zIndex 【number】 显示层级

alpha 【number】 标记点透明度,默认1,即无透明。取值0~1

width 【number/string】 标记点图标宽度

height 【number/string】 标记点图标高度

地图 API

地图API必须在map组件中才能使用。创建wx.createMapContext(“地图组件id”)实例

作用:地图API帮助我们实现获取地图某一位置的功能

地图 API常用属性

iconPath 【string】 图标路径

success 【function】 接口调用成功的回调函数

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

地图 API常用方法

getCenterLocation() 获取当前地图中心的经纬度。返回GCJ-02坐标系

moveToLocation() 将地图中心移至当前定位点

getCenterLocation()常用方法的常用属性:

iconPath 【string】 图标路径

success 【function】 接口调用成功的回调函数,通过其参数可以获取longitude经度和latitude纬度

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

moveToLocation()常用方法的常用属性:

longitude 【number】 经度

latitude 【number】 纬度

success 【function】 接口调用成功的回调函数

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

位置API

文件上传通过wx.unploadFile()方法获取到
在app.json里面配置:

Pages({"requiredPrivateInfos": ["getLocation"],"permission": {"scope.userLocation": {"desc": "获取用户的实时位置"}}
})

再创建wx.getLocation()实例

作用:获取当前的实时位置
注意:使用 wx.getLocation 需要用户的地理位置授权,如果用户未授权,可能需要先调用 wx.authorize 进行授权请求。

常用选项

type 【string】 当前位置坐标类型。设为WGS84可返回GPS坐标,设为GCJ-02可以返回用于微信内置地图查看位置的坐标

success 【function】 接口调用成功的回调函数

fail 【function】 接口调用失败的回调函数

complete 【function】 接口调用结束的回调函数

success()的参数(对象)常用属性:

wx.getLocation()方法的success()回调函数的参数是一个对象,该对象属性如下:

longitude 【number】 经度,取值 -180~180

latitude 【number】 纬度,取值 -90~90

speed 【number】 速度,单位m/s

altitude 【number】 高度,单位m

路由API

实现页面跳转

常用方法

wx.navigateTo()跳转新页面,保留原页面。

wx.redirectTo()关闭当前页面,跳转新页面。

wx.switchTab()跳转每个标签页,并关闭其他所有标签页的页面。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/30827.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++回溯算法(2)

棋盘问题 #include<bits/stdc.h> using namespace std; void func(int,int); bool tf(int,int); void c(); int n,k; char a[110][110]; int cnt20; int main() {cin>>n>>k;for(int i0;i<n;i){for(int j0;j<n;j){cin>>a[i][j];}}func(0,0);cout…

交易账户实现多人下单 分仓系统 交易外接 多指令管理

交易账户实现多人下单 分仓系统 交易外接 多指令管理 指令管家下载&#xff1a;https://raw.githubusercontent.com/LeoGQ/quant/main/CommandKeeper/%E6%8C%87%E4%BB%A4%E7%AE%A1%E5%AE%B6.zip 或项目地址&#xff1a;https://github.com/LeoGQ/quant/tree/main/CommandKeeper…

在国内默默无闻的.NET,在国外火的超乎想象?

.NET开篇概述 在编程语言的竞技场上&#xff0c;.NET似乎在国内并未获得与其实力相匹配的名声&#xff0c;相较于Java和Python的广为人知&#xff0c;.NET更像是一位隐匿在幕后的高手。然而&#xff0c;当我们放眼国际&#xff0c;.NET的火爆程度却让人不得不重新审视这位“幕后…

nvm 管理多版本node

因有多个前端项目&#xff0c;不同项目使用的node版本不一样&#xff0c;所以在本地使用nvm管理不同的node版本。 一、安装nvm 1&#xff09;nvm理解 nvm全英文也叫node.js version management&#xff0c;是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具&#xff…

minIo ubuntu单节点部署

资源准备 minio二进制包 下载地址:https://dl.min.io/server/minio/release/linux-amd64/minio ubuntu-单节点部署 选择一台ubuntu18.04机器10.253.9.41、intel 或者 amd 64位处理器 上传minio到~目录 sudo cp minio /usr/local/bin/ sudo chmod x /usr/local/bin/minio 设…

2024MathorCup A题 赛后思路代码分享(分赛区一等奖)移动通信网络中 PCI 规划问题

今年突然变成分赛区 (10%) 推国&#xff0c;国奖结果还没出&#xff0c;感觉一等&#xff08;2%&#xff09;有点悬&#xff0c;论文写的太一般了我没时间去修。 4 月不务正业又被拉着打了次比赛&#xff0c;刚好这几天有闲暇&#xff0c;传一下之前写的解题思路&#xff0c;不…

PHP面试必会的20个问题

PHP是什么&#xff0c;它的全称是什么&#xff1f; PHP是一种服务器端脚本语言&#xff0c;主要用于Web开发。它的全称是Hypertext Preprocessor&#xff08;超文本预处理器&#xff09;&#xff0c;由Rasmus Lerdorf在1994年首次创建。PHP可以嵌入到HTML中&#xff0c;用于生成…

文本预处理1--去除#和句号之间内容

1.针对文本里特定两个符号之间内容的中文进行去除&#xff0c;本次选取#和句号之间的内容进行去除。 2.大家可以根据自己的实际需求修改代码实现自己的文本内容的整理。 3.下面是去除#和句号之间内容的python代码&#xff1a;其中读取的是txt文本&#xff0c;处理后的内容写回…

超声波清洗机哪家好用又实惠?四款亲测表现出色超声波清洗机安利

在当今社会&#xff0c;随着生活节奏的加快&#xff0c;年轻人越来越多地依赖眼镜来纠正视力或保护眼睛。无论是为了时尚搭配&#xff0c;还是因为长时间面对电脑和手机屏幕导致的视力问题&#xff0c;眼镜已经成为许多年轻人日常生活中不可或缺的配件。然而&#xff0c;就在我…

Python3 模块

在前面的几个章节中我们基本上是用 python 解释器来编程&#xff0c;如果你从 Python 解释器退出再进入&#xff0c;那么你定义的所有的方法和变量就都消失了。 为此 Python 提供了一个办法&#xff0c;把这些定义存放在文件中&#xff0c;为一些脚本或者交互式的解释器实例使…

Linux驱动开发(二)--字符设备驱动开发提升 LED驱动开发实验

1、地址映射 在编写驱动之前&#xff0c;需要知道MMU&#xff0c;也就是内存管理单元&#xff0c;在老版本的 Linux 中要求处理器必须有 MMU&#xff0c;但是现在Linux 内核已经支持无 MMU 的处理器了。 MMU的功能如下&#xff1a; 完成虚拟空间到物理空间的映射 内存保护&…

上海亚商投顾:创业板指低开低走 先进封装概念午后走强

上海亚商投顾前言&#xff1a;无惧大盘涨跌&#xff0c;解密龙虎榜资金&#xff0c;跟踪一线游资和机构资金动向&#xff0c;识别短期热点和强势个股。 一.市场情绪 沪指昨日缩量震荡调整&#xff0c;深成指、创业板指跌超1%。车路云概念延续强势&#xff0c;长江通信4连板&am…

【实用性很强的重要注解记录】

1、SpringCloud相关注解 (1)ReflushScope 外部配置修改后&#xff0c;例如nacos配置被修改&#xff0c;就能以热更新的形式加载配置&#xff0c;无需重启即可生效。该注解不能单独使用&#xff0c;需要和Controller&#xff0c;Service&#xff0c;Component&#xff0c;Repos…

Python 包 dhg 中超图的数据格式

目录 1 dhg 介绍2 超图数据3 总结4 参考 1 dhg 介绍 下面是官方介绍 DHG (DeepHypergraph) 是基于 PyTorch 的深度学习包&#xff0c; 可用于图神经网络以及超图神经网络。 其支持从 顶点到顶点、从一个域的顶点到另一个域的顶点、 从顶点到超边,、从超边到顶点、从顶点集到顶点…

PFA托盘400*300*42mm耐酸碱透明聚四氟乙烯方盘方槽耐高温厂家供

PFA方盘又称托盘&#xff1a;耐高温、耐腐蚀。 进口透明可溶性聚四氟乙烯方盘。可应用于成膜实验&#xff0c;样品液体脱漏等。能放在电热板上直接加热使用&#xff0c;也可以用于烘箱烘干&#xff0c;实验室腐蚀性样品的转移和搬运&#xff0c;防止腐蚀性液体洒落。 产品特性…

C语言入门系列:数据类型之字面量类型

文章目录 一&#xff0c;什么是字面量二&#xff0c;字面量为什么需要类型&#xff1f;三&#xff0c;变量类型和字面量类型的区别1&#xff0c;作用不同2&#xff0c;方式不同 四&#xff0c;编译器如何推断字面量类型1&#xff0c;整数2&#xff0c;浮点数3&#xff0c;字面量…

React常见面试题(2024最新版)

创建项目 npx create-react-app my-app启动项目 npm start目录结构 目录/文件名描述README.md项目的自述文件node_modules/项目依赖包存放目录package.json包管理配置文件,记录项目信息和依赖package-lock.json锁定依赖版本,确保跨环境一致性public/公共资源目录public/ind…

aspice认证是什么?

ASPICE认证是汽车软件过程改进及能力评定模型框架&#xff0c;用于评价软件开发团队的研发能力水平。 &#xff08;要明确的是&#xff1a;在ASPICE行业中专业来说&#xff0c;ASPICE项目是没有认证&#xff0c;而只有评估。不过&#xff0c;为了方便沟通&#xff0c;人们常将…

PHP框架之Yii框架

Yii框架详细说明 Yii框架是一个基于组件的高性能PHP框架&#xff0c;用于开发大型Web应用。Yii框架由薛强创立&#xff0c;自2008年1月1日开始开发&#xff0c;至今已成为PHP开发领域的佼佼者之一。Yii框架以其高效、安全、灵活和可扩展的特性&#xff0c;赢得了众多开发者的青…

YOLOv10改进 | 注意力篇 | YOLOv10引入iRMB

1. iRMB介绍 1.1 摘要:本文重点关注开发现代、高效、轻量级的模型来进行密集预测,同时权衡参数、FLOP 和性能。 反向残差块(IRB)作为轻量级 CNN 的基础设施,但基于注意力的研究尚未认识到对应的部分。 这项工作从统一的角度重新思考高效IRB和Transformer有效组件的轻量级…