微信小程序开发文档 第77页

微信小程序云开发 开发指引

开发指引 云开发提供了一整套云服务及简单、易用的 API 和管理界面,以尽可能降低后端开发成本,让开发者能够专注于核心业务逻辑的开发、尽可能轻松的完成后端的操作和管理。 下面我们将分一下部分介绍如何上手使用云能力: 云开发控制台:可视化的云资源管理器 初始化:云 API 的初始化 数据库开发指引:如何上手数据库开发 存储开发指引:如何上手云存储开发 云函数开发指引:如何上手云函数开发

微信小程序API 菜单

Object wx.getMenuButtonBoundingClientRect() 基础库 2.1.0 开始支持,低版本需做兼容处理。 获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点。 返回值 Object 菜单按钮的布局位置信息 属性 类型 说明 width number 宽度,单位:px height number 高度,单位:px top number 上边界坐标,单位:px right number 右边界坐标,单位:px bottom number 下边界坐标,单位:px left number 左边界坐标,单位:px

微信小程序API 窗口

wx.setWindowSize(Object object) 基础库 2.10.1 开始支持,低版本需做兼容处理。 从基础库 2.11.0 开始,本接口停止维护 设置窗口大小,该接口仅适用于 PC 平台,使用细则请参见指南 参数 Object object 属性 类型 默认值 必填 说明 width number 是 窗口宽度,以像素为单位 height number 是 窗口高度,以像素为单位 success function 否 接口调用成功的回调函数 fail function 否 接口调用失败的回调函数 complete function 否 接口调用结束的回调函数(调用成功、失败都会执行) wx.onWindowResize(function callback) 基础库 2.3.0 开始支持,低版本需做兼容处理。 监听窗口尺寸变化事件 参数 function callback 窗口尺寸变化事件的回调函数 参数 Object res 属性 类型 说明 size Object size 的结构 属性 类型 说明 windowWidth number 变化后的窗口宽度,单位 px windowHeight number 变化后的窗口高度,单位 px wx.offWindowResize(function callback) 基础库 2.3.0 开始支持,低版本需做兼容处理。 取消监听窗口尺寸变化事件 参数 function callback 窗口尺寸变化事件的回调函数

微信小程序API 滚动

wx.pageScrollTo(Object object) 基础库 1.4.0 开始支持,低版本需做兼容处理。 将页面滚动到目标位置,支持选择器和滚动距离两种方式定位 参数 Object object 属性 类型 默认值 必填 说明 最低版本 scrollTop number 否 滚动到页面的目标位置,单位 px duration number 300 否 滚动动画的时长,单位 ms selector string 否 选择器 2.7.3 success function 否 接口调用成功的回调函数 fail function 否 接口调用失败的回调函数 complete function 否 接口调用结束的回调函数(调用成功、失败都会执行) selector 语法 selector类似于 CSS 的选择器,但仅支持下列语法。 ID选择器:#the-id class选择器(可以连续指定多个):.a-class.another-class 子元素选择器:.the-parent > .the-child 后代选择器:.the-ancestor .the-descendant 跨自定义组件的后代选择器:.the-ancestor >>> .the-descendant 多选择器的并集:#a-node, .some-other-nodes 示例代码 wx.pageScrollTo({ scrollTop: 0, duration: 300 })

微信小程序API 绘图

API 接口 方法 说明 createCanvasContext 创建 canvas 绘图上下文(指定 canvasId) createContext(不推荐使用) 创建 canvas 绘图上下文 drawCanvas(不推荐使用) 进行绘图 canvasToTempFilePath 导出图片 context 对象的方法列表 颜色,样式,阴影 方法 说明 setFillStyle 设置填充样式 setStrokeStyle 设置线条样式 setShadow 设置阴影 渐变 方法 说明 createLinearGradient 创建一个线性渐变 createCircularGradient 创建一个圆形渐变 addColorStop 在渐变中的某一点添加一个颜色变化 线条样式 方法 说明 setLineWidth 设置线条宽度 setLineCap 设置线条端点的样式 setLineJoin 设置两线相交处的样式 setMiterLimit 设置最大倾斜 矩形 方法 说明 rect 创建一个矩形 fillRect 填充一个矩形 strokeRect 画一个矩形(不填充) clearRect 在给定的矩形区域内,清除画布上的像素 路径 方法 说明 fill 对当前路径进行填充 stroke 对当前路径进行描边 beginPath 开始一个路径 closePath 关闭一个路径 moveTo 把路径移动到画布中的指定点,但不创建线条。 lineTo 添加一个新点,然后在画布中创建从该点到最后指定点的线条。 arc 添加一个弧形路径到当前路径,顺时针绘制。 quadraticCurveTo 创建二次方贝塞尔曲线 bezierCurveTo 创建三次方贝塞尔曲线 变形 方法 说明 scale 对横纵坐标进行缩放 rotate 对坐标轴进行顺时针旋转 translate 对坐标原点进行缩放 文字 方法 说明 fillText 在画布上绘制被填充的文本 setFontSize 设置字体大小 setTextBaseline 设置字体基准线 setTextAlign 设置字体对齐方式 图片 方法 说明 drawImage 在画布上绘制图像 混合 方法 说明 setGlobalAlpha 设置全局画笔透明度 其他 方法 说明 save 保存当前绘图上下文 restore 恢复之前保过的绘图上下文 draw 进行绘图 getActions(不推荐使用)...

微信小程序API 位置

wx.pageScrollTo(OBJECT) 基础库 1.4.0 开始支持,低版本需做兼容处理 将页面滚动到目标位置。 OBJECT参数说明: 属性  类型  默认值  必填  说明  最低版本  scrollTop  number   否  滚动到页面的目标位置,单位 px    duration  number  300 否   滚动动画的时长,单位 ms    selector  string   否   选择器  2.7.3  success  function   否   接口调用成功的回调函数    fail  function   否   接口调用失败的回调函数    complete  function   否   接口调用结束的回调函数(调用成功、失败都会执行)   selector 语法 selector类似于 CSS 的选择器,但仅支持下列语法。 ID选择器:#the-id class选择器(可以连续指定多个):.a-class.another-class 子元素选择器:.the-parent > .the-child 后代选择器:.the-ancestor .the-descendant 跨自定义组件的后代选择器:.the-ancestor >>> .the-descendant 多选择器的并集:#a-node, .some-other-nodes 示例代码: wx.pageScrollTo({ scrollTop: 0, duration: 300 })

微信小程序API 页面间事件通信通道

EventChannel 基础库 2.7.3 开始支持,低版本需做兼容处理。 页面间事件通信通道 方法: EventChannel.emit(string eventName, any args) 基础库 2.7.3 开始支持,低版本需做兼容处理。 触发一个事件 参数 string eventName 事件名称 any args 事件参数 EventChannel.off(string eventName, function fn) 基础库 2.7.3 开始支持,低版本需做兼容处理。 取消监听一个事件。给出第二个参数时,只取消给出的监听函数,否则取消所有监听函数 参数 string eventName 事件名称 function fn 事件监听函数 参数 any args 触发事件参数 EventChannel.on(string eventName, function fn) 基础库 2.7.3 开始支持,低版本需做兼容处理。 持续监听一个事件 参数 string eventName 事件名称 function fn 事件监听函数 参数 any args 触发事件参数 EventChannel.once(string eventName, function fn) 基础库 2.7.3 开始支持,低版本需做兼容处理。 监听一个事件一次,触发后失效 参数 string eventName 事件名称 function fn 事件监听函数 参数 any args 触发事件参数

微信小程序API 文件·获取文件管理器

FileSystemManager wx.getFileSystemManager() 基础库 1.9.9 开始支持,低版本需做兼容处理。 获取全局唯一的文件管理器 返回值 FileSystemManager 文件管理器

微信小程序API 文件

wx.saveFile(OBJECT) 保存文件到本地。 OBJECT参数说明: 参数 类型 必填 说明 tempFilePath String 是 需要保存的文件的临时路径 success Function 否 返回文件的保存路径,res = {savedFilePath: ‘文件的保存路径’} fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行) success返回参数说明: 参数 说明 savedFilePath 文件的保存路径 示例代码: wx.chooseImage({ success: function(res) { var tempFilePath = res.tempFilePath wx.saveFile({ tempFilePath: tempFilePath[0], success: function(res) { var savedFilePath = res.savedFilePath } }) } }) bug & tip tip: 本地文件存储的大小限制为 10M wx.getFileInfo(OBJECT) 基础库 1.4.0 开始支持,低版本需做兼容处理 获取文件信息 OBJECT参数说明: 参数名 类型 必填 说明 filePath String 是 本地文件路径 digestAlgorithm String 否 计算文件摘要的算法,默认值 md5,有效值:md5,sha1 success Function 否 接口调用成功的回调函数 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行) success返回参数说明: 参数名 类型 说明 size Number 文件大小,单位:B digest String 按照传入的 digestAlgorithm 计算得出的的文件摘要 errMsg String 调用结果 示例代码: wx.getFileInfo({ success(res) { console.log(res.size) console.log(res.digest) } }) wx.getSavedFileList(OBJECT) 获取本地已保存的文件列表 OBJECT参数说明: 参数 类型 必填...

微信小程序API NFC·取消事件监听

wx.offHCEMessage(function callback) 基础库 2.8.1 开始支持,低版本需做兼容处理。 接收 NFC 设备消息事件,取消事件监听。 参数 function callback 接收 NFC 设备消息事件的回调函数