随笔分类 - 微信小程序开发
摘要：一、wx.getLocation() 1.wx.getLocation() 获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。开启高精度定位，接口耗时会增加，可指定 highAccuracyExpireTime 作为超时时间。地图相关使用的坐标格式应为 gcj02。 找到方法后，寻找一个
阅读全文
摘要：上传图片裁剪 一、we-cropper 一款灵活小巧的canvas图片裁剪器 克隆至本地处理 git clone https://github.com/we-plugin/we-cropper.git npm方式引入 npm install we-cropper --save 图片裁剪常用于头像选择
阅读全文
摘要：在小程序中经常会有地图的需求，获取导航的时候，腾讯地图返回的经纬度和百度地图返回的经纬度会有偏差，这时候需要转换下。 /** * 返回两个经纬度之间的距离 * @param {string} lat1 起点纬度 * @param {string} lng1 起点经度 * @param {string
阅读全文
摘要：出现了wx.previewMedia安卓视频第一次无法播放的问题；把里面的poster删除掉就可以了点击播放了； wx.previewMedia({ sources: [{ url: item.msg.remoteVideoUrl, type: 'video', // poster: item.ms
阅读全文
摘要：1.先在app.json中加上tabBar对象，并声明custom: true "tabBar": { "custom": true, "color": "#666666", "selectedColor": "#0FBE5B", "backgroundColor": "#FCFCFC", "bor
阅读全文
摘要：小程序群聊操作框（包括多行输入，语音输入，表情，更多等），看效果： sendbar.wxml <!--packageA/pages/sendbar.wxml--> <view class="send-rowbar"> <view class="send-cont flex-end"> <view c
阅读全文
摘要：具体情况： 在模拟器中没问题，可是在真机下就出现以下问题。 <textarea />在一个view盒子中，view盒子是固定定位，当聚焦时拉起软键盘，固定定位的盒子会定在屏幕的相对位置，但是盒子中的textarea组件（字）会跟随页面滑动（组件固定在了相对页面的位置，而非屏幕的相对位置）。 解决方法
阅读全文
摘要：小程序路由跳转 常见的微信小程序页面跳转方式有如下： wx.navigateTo(Object) wx.redirectTo(Object) wx.switchTab(Object) wx.reLaunch(Object) wx.navigateBack(Object) 1.保留当前页面，跳转到应用
阅读全文
摘要：一、创建小程序项目 1.打开微信小程序开发者工具，新建小程序项目 2.点击新建后，得到默认项目文件 3.创建完毕，申请开通云开发 4.创建创建资源环境，填写环境名称，每个小程序帐号可免费创建两个环境。填写相关信息，环境名称（要记住） 5.点击开通，进入云开发控制台 通过以上5个步骤，我们就建立完成了
阅读全文
摘要：1.小程序的生命周期 （1）：应用生命周期 （2）：页面生命周期 （3）：应用生命周期影响页面生命周期 2.应用生命周期 （1）：用户首次打开小程序，触发 onLaunch（全局只触发一次）。 （2）：小程序初始化完成后，触发onShow方法，监听小程序显示。 （3）：小程序从前台进入后台，触发 o
阅读全文
摘要：小程序封装服务请求 接口使用（main.js） const urlConfig = require('./urlConfig.js'); const utilHttp= require('./utilHttp.js'); getWxOpenId: function (params, callback
阅读全文
摘要：小程序处理文件上传 这里使用有赞组件处理文件上传，文档参照：https://vant-contrib.gitee.io/vant-weapp/#/uploader html <van-uploader max-count="1" bind:after-read="afterRead" use-bef
阅读全文
摘要：格式化手机号码，3-3-4格式 /** * 格式化号码 * @param tel 传入号码 * @returns String 返回 3-4-4 */ formattingMobile: function (tel) { if (!tel) { return ''; } if (tel.length
阅读全文
摘要：格式化金额 1.格式化金额，精确到小数点后两位 /** * 订单金额格式化 精确到2位 * @param moneyNum 金额 * @returns String 0.00 */ getNumberFloat: function (moneyNum) { var f = parseFloat(mo
阅读全文
摘要：处理手机号隐码 /** * 格式化隐藏号码 * @param str 格式化数据 * @param str 类型：phone-手机类型（123****1234），tel-电话（123***1234），其他（12***1234） * @returns String */ getPlusXingNumb
阅读全文
摘要：小程序利用过滤wxs格式化时间 var comm = { /** * 获取当前时间或格式化时间戳或获取时间戳， * @param str 格式化时间数据，不传默认为getDate() * @param ostyle 返回时间风格：'-'或'/'或'zh'，不传默认为'-' */ getFormatD
阅读全文
摘要：js处理格式化时间 /* 获取当前时间或格式化时间戳或获取时间戳 date为时间，不传为当前时间； ostyle为时间风格：'-'或'/'或'zh'，不传默认为'-' */ const getFormatDate = (str, ostyle) => { var oDate = new Date()
阅读全文
摘要：处理微信小程序保存图片到本地相册1.保存图片到本地（base64） /** * 保存图片到本地（base64） * @param {String} imgData base64类型图片 * @param {String} imgName 保存图片名称 * @return {Promise} call
阅读全文
摘要：微信小程序授权处理 1.授权 部分接口需要经过用户授权同意才能调用。我们把这些接口按使用范围分成多个 scope ，用户选择对 scope 来进行授权，当授权给一个 scope 之后，其对应的所有接口都可以直接使用。 2.获取用户授权设置 开发者可以使用 wx.getSetting 获取用户当前的授
阅读全文
浙公网安备 33010602011771号