随笔分类 - 微信小程序开发
摘要：为了兼容小程序 Canvas，我们提供了一个小程序的组件，用这种方式可以方便地使用 ECharts。 首先，下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。 一、封装pieChart组件 pieChart.wxml： <view class="container"
阅读全文
摘要：在微信小程序中获取手机定位信息 wx.getLocation({ type: 'wgs84', success(res) { // console.log(res) const latitude = res.latitude const longitude = res.longitude if (f
阅读全文
摘要：一、longtap 事件触发顺序：touchstart → longtap → touchend → tap 当我们在一个标签上同时设置bindtap和bindlongtap时, 会发现长按时先触发bindlongtap的事件，松开后还会触发tap事件，就没有达到预期的效果。 场景：一个按钮长按时颜
阅读全文
摘要：查阅了很多文章，大多还停留在页面嵌入webview识别二维码的时代。 下面我发表一下小程序支持长按识别二维码的方法 只需要在image标签里添加 如下属性 -- show-menu-by-longpress 小程序版本 show-menu-by-longpress="{{true}}" //show
阅读全文
摘要：一、第一种 entryPagePath 指定小程序的默认启动路径（首页），常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填，将默认为 pages 列表的第一项。不支持带页面路径参数。 在app.json页面设置 { "entryPagePath": "pages/index/index
阅读全文
摘要：为帮助小程序开发者快捷地排查小程序漏洞、定位问题，推出了实时日志功能。从基础库2.7.1开始，开发者可通过提供的接口打印日志，日志汇聚并实时上报到小程序后台。 开发者可从小程序管理后台“开发->运维中心->实时日志”进入小程序端日志查询页面，或从“小程序插件->实时日志”进入插件端日志查询页面，进而
阅读全文
摘要：隐藏 “返回首页” 按钮 1、微信7.0.7版本起，当用户打开的小程序最底层页面是非首页时，默认展示“返回首页”按钮，开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏。 async onShow() { uni.hideHomeButton() }, 2、uniapp通过
阅读全文
摘要：微信小程序开发时，需要用到微信接口则需要处理隐私授权 微信小程序用户隐私保护：https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/ 微信小程序用户隐私保护从基础库 2.32.3 开始支持，可查看基础库版本分布
阅读全文
摘要：当微信版本过低，基础库较低，导致部分功能无法正常使用时，需要微信升级 App({ globalData: {}, onLaunch: function () { this.compareVersion(); } compareVersion() { //校验小程序版本 let systemInfo
阅读全文
摘要：更新客户端版本。当判断用户小程序所在客户端版本过低时，可使用该接口跳转到更新微信页面。 基础库 2.12.0 开始支持，低版本需做兼容处理。 wx.updateWeChatApp(Object object) 参数 Object object 属性类型默认值必填说明 success function
阅读全文
摘要：/** * 将数字（整数）转为汉字 * @param num * @description 从零到一亿亿，需要小数的可自行截取小数点后面的数字直接替换对应arr1的读法就行了 */ var convertToChinaNum = function (num) { var arr1 = ['零', '
阅读全文
摘要：小程序中web-view网页中使用JSSDK提供的接口打开或返回小程序页面 1、引入 JSSDK 文件 2、判断是否在小程序环境 let _this = this; wx.miniProgram.getEnv(function(res) { if(res.miniprogram){ _this.mi
阅读全文
摘要：1.catchtouchmove 根元素加上catchtouchmove="return"就可以了（PS：对cover-view无效）。 2."disableScroll": true 第一步：在pages.json里添加这行代码，如下图所示，但是 如果你的页面内容很多，有滑动的东西，写完这行代码
阅读全文
摘要：微信小程序专用的二维码组件，支持base64输出和canvas绘制两种方式。 代码下载地址：https://github.com/flyingsouthwind/wx-mini-qrcode const qrcode = require('wx-mini-qrcode/src/index'); Pa
阅读全文
摘要：代码里面注释写的都很详细，直接上代码。官方的组件属性中有触摸开始和触摸结束属性。本功能依靠这些属性实现。 .wxml代码： <!-- 相机 pages/camera/camera.wxml--> <!-- 相机 --> <camera wx:if="{{!videoSrc}}" device-pos
阅读全文
摘要：基于uniapp开发微信小程序，做短视频功能，上下滑动短视频时发现iPhone手机会出现“小程序意外退出, 请稍候重试” 当前 Bug 的表现： 原来小程序在iPhone 6和iPhone 6s上会经常出现"小程序意外退出,请稍候重试"的提示，原因是小程序页面内存溢出（页面内容超出了限制），手机性能
阅读全文
摘要：在微信小程序开发过程中，input聚焦时会出现白屏的情况，如图： 经过测试发现当input设置为type="number"聚焦时，当微信数字键盘弹出来的时候就会白屏，有的手机会闪（一下整个白屏，一下能看见输入框） 可能出现的原因： 1.a页面使用了cover-view，然后跳转到b页面点击type=
阅读全文
摘要：一、微信小程序跳转另一个小程序 1.微信小程序能正常跳转到另一个小程序的前提是：这两个小程序被同一个微信公众号关联，否则无法跳转。 wx.navigateToMiniProgram({ appId: 'xxxxxxxxxxxxxx', //目标小程序appid path: '', //目标小程序页面
阅读全文
摘要：实现微信小程序进行websocket实时双向通信 下载weapp.socket.io.js 在项目中引入weapp.socket.io.js文件 在 utils 文件中建立 socket.js 文件 socket.js const io = require("./weapp.socket.io.js
阅读全文
摘要：wx.chooseLocation() 获取的是腾讯地图的经纬度，可按开发需要转换为系统所用地图（百度，高德等）经纬度。 转换经纬度：https://www.cnblogs.com/czhowe/p/16423928.html getLandmarkfun() { //店铺经纬度 let that
阅读全文
