- 如何监听小程序中的手势事件(缩放、双击、长按、滑动、拖拽)
mina-touch [图片] [代码]mina-touch[代码],一个方便、轻量的 小程序 手势事件监听库 事件库部分逻辑参考[代码]alloyFinger[代码],在此做出声明和感谢 change log: 2019.03.10 优化监听和绘制逻辑,动画不卡顿 2019.03.12 修复第二次之后缩放闪烁的 bug,pinch 添加 singleZoom 参数 2020.12.13 更名 mina-touch 2020.12.27 上传 npm 库;优化使用方式;优化 README 支持的事件 支持 pinch 缩放 支持 rotate 旋转 支持 pressMove 拖拽 支持 doubleTap 双击 支持 swipe 滑动 支持 longTap 长按 支持 tap 按 支持 singleTap 单击 扫码体验 [图片] demo 展示 demo1:监听 pressMove 拖拽 手势 查看 demo 代码 [图片] [图片] demo2: 监听 pinch 缩放 和 rotate 旋转 手势 (已优化动画卡顿 bug) 查看 demo 代码 [图片] [图片] demo3: 测试监听双击事件 查看 demo 代码 [图片] [图片] demo4: 测试监听长按事件 查看 demo 代码 [图片] [图片] demo 代码 demo 代码地址 mina-tools-client/mina-touch 使用方法 大致可以分为 4 步: npm 安装 mina-touch,开发工具构建 npm 引入 mina-touch onload 实例化 mina-touch wxml 绑定实例 命令行 [代码]npm install mina-touch[代码] 安装完成后,开发工具构建 npm *.js [代码]import MinaTouch from 'mina-touch'; // 1. 引入mina-touch Page({ onLoad: function (options) { // 2. onload实例化mina-touch //会创建this.touch1指向实例对象 new MinaTouch(this, 'touch1', { // 监听事件的回调:multipointStart,doubleTap,longTap,pinch,pressMove,swipe等等 // 具体使用和参数请查看github-README(底部有github地址 }); }, }); [代码] NOTE: 多类型事件监听触发 setData 时,建议把数据合并,在 touchMove 中一起进行 setData ,以减少短时内多次 setData 引起的动画延迟和卡顿(参考 demo2) *.wxml 在 view 上绑定事件并对应: [代码]<view catchtouchstart="touch1.start" catchtouchmove="touch1.move" catchtouchend="touch1.end" catchtouchcancel="touch1.cancel" > </view> <!-- touchstart -> 实例对象名.start touchmove -> 实例对象名.move touchend -> 实例对象名.end touchcancel -> 实例对象名.cancel --> [代码] NOTE: 如果不影响业务,建议使用 catch 捕获事件,否则易造成监听动画卡顿(参考 demo2) 以上简单几步即可使用 mina-touch 手势库 😊😊😊 具体使用和参数请查看Github https://github.com/Yrobot/mina-touch 如果喜欢mina-touch的话,记得在github点个start哦!🌟🌟🌟
2021-06-24 - 小程序内容安全指引及接入珊瑚安全API介绍
微信小程序服务提供者对小程序内容安全承担主要责任,需要建立内容安全巡查机制,未设置安全机制或信息内容出现违规问题,平台将依照相关法律法规、平台运营规范对小程序进行违规处理。 “珊瑚安全”API目前为开发者提供图片内容安全、文本内容安全两大服务,支持对用户在各种场景上传的图片、文本内容进行识别。开发者可按需选用色情、赌博、暴恐等恶意内容识别服务,并获取到命中的恶意类型、风险概率等详细信息,帮助开发者更精细化地做好内容审核工作。 图片内容安全识别: 能力描述:图片内容安全基于腾讯海量数据资源和深度学习技术,为互联网企业用户提供图片内容的智能审核服务,不仅能帮助用户降低色情、时政违规、暴力恐怖等风险,还能大幅度节省人工审核成本,保护业务健康发展。 应用场景:用户自定义头像检测、涉及拍照的工具类应用(如P图,自拍类应用)用户拍照上传检测;电商类商品上架图片检测;媒体类用户文章里的图片检测;社交类用户上传的图片检测等。 文本内容安全识别: 能力描述:文本审核接口能够识别文本信息中的色情、时政违规、暴恐等违法有害内容,帮助用户及时、精准地防范违规风险,可用于内容审核、敏感信息过滤、舆情监控等场景。 应用场景:用户个人资料文本内容检测;媒体新闻类用户发表文章、社区评论内容检测;游戏类用户编辑上传的素材(如答题类小程序用户上传的问题及答案)检测等。 通过视频,了解更多: [视频]
2020-10-16 - 微信小程序云开发教程-分页查询
本小节,咱们来学一点难的,如何对云数据库进行分页查询 [图片] 仔细看过开发文档的同学应该都知道: 第一点,云数据库每次最多能够查询100条记录,即使你查询的集合中有超过100条记录; 第二点,云函数通过limit方法可以指定每次需要获取的记录数量,如果你指定为10,就每次只能查询出10条结果,但是你指定为101,也只能返回100条记录。我们可以通过limit函数进行分页查询。 [图片] 分页之前,我们得先知道集合中总共有多少条符合条件的记录,我们可以使用count操作。 第一步,实例化数据库连接; 第二步,指定要查找哪个集合; 第三步,使用count操作; 第四步,结果中的total字段表示的就是符合查询条件的记录总数 [图片] 计算出符合查询条件的记录总数之后,我们需要计算我们总共需要分多少次查询,也就是分页的数量。 第一步,设置每页至多获取多少条记录,最小值为1,最大值为100; 第二步,计算分页总数,我们使用总记录数除以每页数量,然后向上取整,就可以知道总共需要查询多少次了。 [图片] 知道总共需要查询多少次之后,我们现在就可以开始查询了。 第一步,定义一个数组接收和汇总每次查询的记录; 第二步,使用for循环,分批次查询,每次只查一页,也就是说,假设我们每次查100个记录,那么第一次查第一页,也就是获得前1-100,第二次查第二页,也就是获得101-200,以此类推; 第三步,查询语句需要指定查询的是哪个集合; 第四步,一定要加排序语句,这样才能保证我们每次查出来的结果都是按顺序的; 第五步,每次查询都需要跳过之前几次查询过的,这里使用skip操作,参数是跳过多少个,如果我们查了i次,那么说明之前已经查过i-1次了,所以需要跳过(i-1)*MAX_LIMIT次。 第六步,限定每次最多查询多少条记录; 第七步,使用get操作进行查询; 第八步,查询成功之后,将查询结果合并到一个数组中。 循环结束后,我们的feedbacks数组就是符合我们查询条件的所有数据了。 下面,请根据教学视频进行学习和操作
2020-09-02 - 小程序云开发,开发者工具突然不显示创建云函数的右键菜单项了是怎么回事?
几天没用云函数了,今天突然发现创建云函数的右键菜单不见了,只有上传云函数选项,不知道是什么问题。 开发者工具版本是最新版本: [图片] 项目中之前创建过一个云函数,后来几天没再用云函数了,今天打算来创建一个云函数,突然发现不显示创建云函数菜单了: [图片] [图片] 上传云函数功能正常! 求解答是什么问题。。。
2020-12-21 - 调起扫码界面后, 连续返回多级页面, 会导致小程序页面布局整体放大
- 当前 Bug 的表现(可附上截图) 异常页面(整体被放大): [图片] 正常页面: [图片] - 预期表现 正常展示, 没有被放大 - 复现路径 系统: IOS 11.2.5(IOS 12+ 没有重现) 页面跳转操作: index --> A --> B --> C --> D --> 打开扫码(打开后可直接返回) --> D --> C --> B --> A; 在返回到 B 页面时, 小概率会被整体放大; 在返回到A页面时, 几乎每次都会整体放大; 如果当前小程序是从小程序助手进入, 那么最后返回到小程序助手后, 会导致小程序助手页面被整体放大 - 提供一个最简复现 Demo https://developers.weixin.qq.com/s/dqDorumH7y6i
2019-02-27 - JSON.parse解析后台数据偶尔报错?
小程序使用JSON.parse解析后台数据。在真机上偶尔会解析失败报错。在开发者工具又是好的。求解答
2019-08-22 - 微信证件OCR识别能力开放
微信证件OCR识别能力是微信团队推出的一套提升移动端快捷信息录入的工具,目前支持身份证、银行卡、行驶证、驾驶证、营业执照 OCR 识别。经过持续迭代优化,现在对外开放接入测试。 使用场景 微信证件OCR广泛适用于政务、医疗、交通、教育、金融等各行各业,涉及到需要用户输入身份信息、银行卡信息、车辆信息场景时,即可通过OCR识快速识别、输入信息,极大提高输入效率,提高用户体验。 以下为开通插件的部分小程序案例:国家发展改革委政务服务、安徽省统一公共支付平台、南航e行、湖南电信网上营业厅、中国国际航空、厦门航空、上海客运总站、沃尔玛、青岛银行信用卡等。以下是部分使用场景的截图: [图片] [图片] [图片] 业界领先的识别水准 微信证件OCR历经v1.0版本(基于传统的版面分析, 单字切分, 字符分类算法),v2.0 (基于深度学习的卡片定位, 文字定位, 单字切分, 字符分类),到现在的v3.0版本(基于深度学习的卡片定位, 文本行定位, 串识别),不断优化OCR的识别精度, 取得了业界领先的识别水准。可以轻松应对在移动端拍照/扫描的情况,诸如拍摄角度、光照、阴影、遮挡等的干扰。 可以扫码体验我们的demo小程序 [图片] 灵活易用的调用方式 目前有两种调用方式:小程序插件方式和云端API的方式。 对于对交互没特殊需求的开发者,可以直接使用我们的小程序插件;有订制化需求的,也可以直接使用我们的云端API方式;后续我们也会把这个升级成小程序的基础能力,做成类扫码的体验,进一步简化接入和调用流程。合作与开放 内测期间,对于已认证的订阅号、服务号、企业号、小程序,我们提供了 500 次/天 的免费额度供开发者使用。如免费额度无法满足使用需求,开发者可以【申请调整 OCR 接口调用次数上限】为主题,发送邮件至:wx_city@tencent.com 申请调整,并在正文中注明小程序帐号 AppID、业务主体、业务背景、服务流程载体、日调用量预估。调整的额度仅在内测期间有效。有任何意见或者反馈,都可以在微信开放社区上联系我们,以便于我们更加了解客户对OCR的需求精确度以及需求场景,从而不断迭代优化OCR版本,拓展OCR服务的范围,如支持更多的场景需求: 发票识别、名片识别、街景识别等等。 微信团队 2019/07/03
2019-09-19