小程序
关注
分享
扫一扫
文章平均质量分 59
I-T枭
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序云函数实现客服消息回复
负责的小程序最近上线了支付功能,但是因为虚拟支付规范,不能直接购买所以退而求其次,采用了客服消息自动回复购买链接的方式#实验环境:MacOS(10.13.6) 微信开发者工具(Nightly v1.02.1908222)#实现方法1.项目配置修改项目根目录新建文件夹functions作为云函数根目录project.config.json文件追加配置"cloudfunctionRoot": "functions/","cloud": true,2.微信开发者工具中点击云开发原创 2021-08-12 17:36:05 · 1027 阅读 · 0 评论 -
h5各种定位方式(浏览器，公众号，小程序，App)
h5各种定位方式(浏览器，公众号，小程序，App)html5 geolocation 获取地理定位遇到 POSITION_UNAVAILABLE不管是原生iOS APP嵌入单个h5页面，还是都是h5页面的webapp也好，只要涉及到定位都会遇到这个情况。当请求iOS开始定位的时候，会弹出一个提示框，提示你是否"允许"定位，允许定位继续下一步，如果一不小心点了下"不允许"之后，会发现，下次进到这个h5之后再也不会提示请求定位权限的提示框了。"不允许"被缓存了下来。再次调用 geolocation原创 2021-05-13 12:28:37 · 3714 阅读 · 0 评论 -
js通过判断h5页面是否内嵌在(app,小程序,微信)内
testBrowser() { let ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') return 'weixin'; // 微信公众号 if (ua.match(/dsapp/i) == 'isapp') return 'other_app'; // 外部-app //判断ua中是否含有和app端约定好的标识dsapp ...原创 2021-05-08 11:20:11 · 3658 阅读 · 0 评论 -
uniapp弹出软键盘获取键盘高度不准确，显示输入框
1、问题背景 在评论或者发布内容时经常会用到这样的设计，输入框弹起，然后底部定位的一块区域（通常用于选择一些附加信息，比如图片、话题、表情等）也随之弹起，定位在软键盘上方方便用户选择。但是一般点击输入框，软键盘自动弹起，就会覆盖掉底部定位的元素，而我们是需要底部定位的元素跟随软键盘一起弹起的，这样就方便用户输入的时候也可以选择其他附加信息。2、我们可以通过uniapp提供的接口获取到软键盘的高度 uni.onKeyboardHeightChange(CALLBACK)：监听键盘高度变化，返回原创 2021-04-19 21:23:02 · 14862 阅读 · 1 评论 -
小程序rich-text style设置
小程序rich-text style设置，环境Uni-appcomputed: { contentMobile() { // 小程序中rich-text 样式设置需要通过正则给富文本添加样式 if (detail.contentMobile) return detail.contentMobile.replace( /<img/g, '<img style="width:100%" '原创 2020-11-10 11:00:32 · 1263 阅读 · 0 评论 -
微信小程序用canvas画图并分享
<canvas style='width:{{canvasWidth}}px;height:{{canvasHeight}}px' canvas-id='myCanvas'></canvas><button open-type='share'>分享</button>【js部分】 var ctx = "" // 用于获取canvas var leftMargin = "" //文字距离左边边距 var topMargin = "" .原创 2020-08-14 15:16:59 · 709 阅读 · 0 评论 -
微信小程序通过经纬度获取详细地址
微信小程序正常通过getLocation只能获取到当前用户的经纬度信息，想要获取详细信息需要通过微信小程序JavaScript SDK反编译获取详细地址准备条件：1配置腾讯地图秘钥，并且开启webserviceAPI服务，不要往白名单里添加东西2小程序引入微信小程序JavaScriptSDK3小程序合法域名添加https://apis.map.qq.com，否则真机无法显示腾讯地图服务网址http://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsS原创 2020-06-10 12:09:30 · 2220 阅读 · 0 评论 -
小程序catchtouchmove事件
wxml：<view class="moveWrap"> <view class="move" style="height:{{rH}}rpx;width:{{rW}}rpx;left:{{x}}px;top:{{y}}px;" catchtouchmove="_minMove"></view></view>wcss:/* pages/move/move.wxss */.moveWrap { height: 100vh; widt原创 2020-06-03 16:17:55 · 7166 阅读 · 0 评论 -
微信小程序canvas生成图片为空白问题
项目中用canvas生成图片时都为空白，原因为 wx.canvasToTempFilePath必须写在wx.draw()的回调中才能实现。createImg ( imgPath) {//生成图片 const ctx = wx.createCanvasContext('canvasId') ctx.drawImage(imgPath, 0, 0, w, 280) ctx.draw(...转载 2020-04-13 23:22:37 · 4077 阅读 · 0 评论 -
小程序-页面返回带参数
a页面： /** * 生命周期函数--监听页面显示 */ onShow: function() { var that = this; let pages = getCurrentPages(); let currPage = pages[pages.length - 1]; //当前页 if (currPage.data.filterName)...原创 2020-02-16 22:20:24 · 271 阅读 · 0 评论 -
小程序Page里的函数比app.js先执行的解决办法
小程序Page里的函数比app.js先执行的解决办法问题描述：当我们初始化一个小程序时，默认文件 app.js 中有onLaunch函数，onLaunch: function () { console.log("onLaunch"); wx.login({ success: res => { console.log("login");...转载 2020-02-16 02:13:40 · 812 阅读 · 0 评论 -
wepy2 框架的小程序tabbar的图片不出现或者报路径错误
错误示意图解决方法：第一步：检查图片路径是否正确（还要留意图片尺寸和大小是否符合规范）第二步：wepy.config.js 文件指定静态资源目录（static: '静态资源目录路径’）解决_示意图注意，在src同级目录新建static/images/目录，ps：谢谢一个大神告诉我解决方法，记录一下作者：木木节链接：https://www.jianshu...原创 2020-02-08 23:21:52 · 699 阅读 · 0 评论 -
获取手机号失败 Error:系统错误errorCode:-10000
问题：小程序在解密手机号、用户信息都出现第一次调用解密失败，第二次成功，原因：加密和解密的sessionKey不一致，因为sessionKey是login接口获得的，而加密数据是另一个接口获得的，这就有个时间差。解决方案：解密失败再次调用login其中有这样一句话(划重点)注意在回调中调用 wx.login 登录，可能会刷新登录态。此时服务器使用 code 换取的 sessi...原创 2019-12-23 10:29:03 · 6602 阅读 · 0 评论 -
小程序api请求400
旧款安卓手机，在请求url带有中文时，会出现请求400的问题//用encodeURI 转一下中文部分 let url = Url + "?reason=" + encodeURI(data.reason)wx.request请求老是报错仔细检查自己的代码，没有问题呀！在看看后台，也没有问题啊，为什么就会保存呢？接下来就是我亲自的爬坑经验。问题出在哪了呢？编码格式！！！将w...原创 2019-12-20 15:01:59 · 242 阅读 · 0 评论 -
小程序中实现VR效果
小程序中实现VR效果最近的工作中有一个奇葩的需求，就是更根据房间场景图，打开摄像机或者上传图片来适配不同的背景图，类似于VR的效果。一开始百度搜索，发现小程序根本没有VR的插件，而小程序要实现VR需要使用web-view，也就是使用网页的VR插件，这样的话开发成本会比较大。代码如下：<view class='container_wechatVR'> <vie...原创 2019-12-02 14:25:30 · 6410 阅读 · 3 评论 -
微信小程序网络之WebSocket（场景篇）（6）
1.WebSocket 是什么WebSocket一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并被RFC7936所补充规范，WebSocketAPI被W3C定为标准。WebSocket 是独立的、创建在 TCP 上的协议，和 HTTP 的唯一关联是使用 HTTP 协议的101状态码进行协议切换，使用的 TCP 端口是...原创 2019-12-02 10:27:40 · 1101 阅读 · 0 评论 -
小程序--(极光)推送
鉴权开发者在执行初始化的时候，需要传入 auth_payload。 该数据结构由开发者服务端生成并传回浏览器，用于开发者授权此浏览器运行的 JMessage 初始化。开发者需确保能调用获取到此数据的皆为合法用户。auth_payload的数据结构如下:{ "appkey": "7e42e869baa2fbca8ccb823c", "random_str": "022c...原创 2019-11-28 14:21:01 · 3363 阅读 · 0 评论 -
小程序的分享 onShareAppMessage(options)
在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示改页面可以转发。可以在函数中设置页面转发的信息。只有定义了该函数，小程序右上角的菜单中才会有转发按钮 用户点击转发按钮的时候回调用该函数 该函数内需要 return 一个 Object，Object中包含转发的信息（可自定义转发的内容）页面中有可以触发转发时间的地方有两个： 一个是右上角菜单中的转发按钮...转载 2019-07-09 11:08:09 · 5621 阅读 · 0 评论 -
微信小程序之tab切换后执行onload
小程序tab切换后，不会执行onload操作，那么我们在某tab列表进入详情后，再次返回列表，需要重新刷新页面，该如何处理？方法一：wx.switchTab({ url: '../index/index', success: function(e) { var page = getCurrentPages().pop(); ...原创 2019-08-12 11:19:31 · 2524 阅读 · 1 评论 -
微信小程序 this.setData 修改对象属情值（优化）
微信小程序 this.setData 修改对象属情值page({ data:{ s1:{a:"",b:"b"} }, changeData:function(e){ var cData=this.data.s1; cData.a="1";//先修改json值 this.setData(...原创 2019-09-05 10:28:58 · 2528 阅读 · 0 评论 -
微信小程序（优化）——this.setData()动态修改数组中的某一值
wxml代码<view> <van-icon name="add" color="#ffc300" size="40px" info="{{item.num==0?'':item.num}}" catchtap="add" data-id='{{item._id}}' d...转载 2019-09-05 10:22:28 · 2442 阅读 · 0 评论 -
微信小程序（wx:for）遍历对象
最近在折腾微信小程序，遇到这么一个情况:后端返回一个key-value的对象数据，需要遍历对象的key-value，然后渲染到视图中。就像下面这样:data: { baseUrl: global.baseUrl, anonymous: false, commentC_: ['有耐心', '准时守约', '服务态度好', '接单快', '人长得帅'], comm...原创 2019-07-24 09:23:27 · 8229 阅读 · 0 评论 -
onShareAppMessage自定义图片显示不全
自定义图片长宽比为5:4原创 2019-07-05 16:37:00 · 3005 阅读 · 0 评论 -
小程序canva绘画海报保存本地图片
获取线上图片，保存本地临时文件：wx.getImageInfo({ src: img1, success: function(res1) {}});获取移动设备width，height，计算canvas高宽：// 获取系统width,height getSystemInfo: function() { let that = this; ...原创 2019-07-10 18:06:21 · 1607 阅读 · 0 评论 -
微信小程序 自定义头部导航栏 navigationStyle
但是有时候我们项目需求可能需要自定义头部导航栏，如下图所示：现在具体说一下实现步骤及方法：步骤：1.在 app.json里面把"navigationStyle"设置为"custom"这样子之后就只会保留右上角胶囊按钮了。2.在app.js中通过wx.getSystemInfo()获取头部导航条的高度，因为在不同的手机型号头部那条栏目高度可能...转载 2019-07-04 10:52:36 · 5731 阅读 · 0 评论 -
如何简单地实现小程序分享页拥有返回首页按钮
最近对小程序有一定的了解,也对小程序赞赏有加,体验很好,但是分享小程序的单个页面容易有一个问题,回到首页的交互复杂,不存在后退按钮,先来看看有实现这个流程的小程序如何做这个事情--快住--全广州最走心的免费帮找租房小团队(感谢帮我找到合适的住所)先看效果仔细看的话会发现一般情况下,小程序的分享页没有跳转的一个流程,而快住这里却有一个先进入首页的流程,再跳转进入对应的分享页面,这样进入分享页...转载 2019-07-04 10:38:10 · 709 阅读 · 0 评论 -
h5网页跳转到小程序
第一：网页引用<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>//判断当前页面是否在小程序环境中， 注：首页是在小程序，嵌套网页，该网页才能再次跳转回小程序wx.miniProgram.getEnv(function(res) { console.log(res....原创 2019-06-02 12:30:14 · 34565 阅读 · 3 评论 -
小程序-使用switchTab跳转后页面不刷新的问题
wx.switchTab({ url: '../index/index', success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad(); } }) switchTab成功跳转后调用success,此...原创 2019-06-01 12:41:32 · 664 阅读 · 1 评论 -
微信小程序设置滚动条
<!--垂直滚动，这里必须设置高度--><scroll-view scroll-y="true" style="height: 200px"> <view style="background: red; width: 100px; height: 100px" ></view> <view style="background...原创 2019-05-29 11:15:01 · 4544 阅读 · 0 评论 -
小程序中关于moment组件（小程序里面不能使用moment组件）
小程序里面不能使用moment组件，moment().format()得到的是函数的string，需要修改代码output += arrayinstanceof Function ? array.call(mom, format) : array;修改为output += (typeof array== "function") ? array.call(mom, format) : ...原创 2019-06-01 11:09:47 · 2352 阅读 · 0 评论 -
微信小程序{{}}中直接调用自定义的函数
问题：在微信小程序中开发有时候还是觉得el表达式好用，想用同样的类似的方法来调用函数，所有这里就在网上找了一个类似的写法，代码如下所示：1：{{}}调用自定义的js方法(1)首先建立一个wxs文件，里面写你自定的js方法// 支持es4语法var filter = { numberToFixed: function(value){ return valu...原创 2019-05-30 19:27:49 · 9277 阅读 · 0 评论 -
小程序丨事件传递参数
在小程序中，给元素绑定事件不能直接传递参数，如果写成 1 bindtap='showDetail()'//不能写小括号，会报黄色警告 正解：给元素绑定data-id='{{item.id}}' 从事件对象中 1 e.currentTarget.dataset.id 获取。...原创 2019-05-22 18:19:18 · 1388 阅读 · 0 评论 -
小程序CSS兼容之color，box-shadow，linear-gradient颜色值设置
1，颜色值不能使用八位，应该换成六位，或者使用rgba代替，否则在Ios能正常显示，但是在Android下该颜色会直接被忽略，如：以下颜色color，阴影box-shadow，渐变linear-gradient的使用color:#8A96A0ff;#替换成color:#8A96A0;box-shadow：0px 2px 4px #0000001A,0px 0px 2px #0000...原创 2019-07-24 14:34:30 · 832 阅读 · 0 评论 -
小程序View内的文字不换行（cover-view）
今天发现View内的文字一行过去直接被屏幕右边吃掉，没有预期的换行，设置width也不管用，最后用它解决了1. white-space:pre-line（不会保留空白和tabs）2. white-space:pre-wrap（会保留空白和tabs）.roomDesc { width: 710rpx; height: 184rpx; background: rgba(240...原创 2019-07-25 17:36:16 · 1709 阅读 · 0 评论 -
解决微信小程序图片延迟加载（四种方法）
实现延迟加载的方法1：通过监听滚动条滑动事件，判断元素距离页面顶部的距离是否小于等于页面的可视高度Page({ data: { realScrollTop: 0,//页面滚动距离 driveHeight //屏幕高度可初始化设置},scroll(e){ if(e.detail.scrollTop > this.data.realScrollTop){...原创 2019-07-22 15:23:45 · 16816 阅读 · 0 评论 -
小程序调用moment插件
进入moment官网http://momentjs.cn/下载放入js文件夹下：在页面page引入：const moment = require('../../js/moment.min.js');moment.locale('en', { longDateFormat: { l: "YYYY-MM-DD", L: "YYYY-MM-DD HH:mm:ss...原创 2019-09-03 16:42:42 · 5603 阅读 · 0 评论 -
解剖小程序的 setData
小程序的双线程，之前也有详细讲过了。而双线程的设计，使得逻辑层和渲染层无法直接进行数据传输。那双线程的渲染机制、通信机制，setData 的出现、工作原理、使用建议等，应该要怎么去理解呢？无处不在的 setData几乎每个开发者都会用到setData，要是在复杂的页面中，写了很多的setData，然后我们会发现页面真的是延迟严重，甚至卡顿、假死。官方在性能优化中有提到：避免频繁的去...原创 2019-08-30 17:49:06 · 230 阅读 · 0 评论 -
微信小程序setData数据太大解决方案
1、先码为敬数据结构speAllArr: [ { id: '86', classifyIIShowFlag: false, firstData: {...} ... },{ id: '87', classifyIIShowFlag: false, firstData: {...} ... }]setDat...原创 2019-08-30 17:37:35 · 3081 阅读 · 0 评论 -
如何优化高频率调用小程序的setData接口
setData接口：setData 是小程序开发中使用最频繁的接口，也是最容易引发性能问题的接口。在介绍常见的错误用法前，先简单介绍一下 setData 背后的工作原理。工作原理：小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境。在架构上，WebView 和 JavascriptCore 都是独立的模块，并不具备...原创 2019-08-30 17:27:41 · 1846 阅读 · 2 评论 -
小程序-保存图片到相册拒绝授权后，重新调用授权保存图片到相册
1.开发工具上的代码（ok）wx.saveImageToPhotosAlbum({ filePath: canvasImg, success: function (res) { wx.showToast({ title: '保存成功', image: "../images/nologo....原创 2019-08-21 16:51:16 · 1292 阅读 · 0 评论