
微信小程序
花笙_
这个作者很懒,什么都没留下…
展开
-
SyntaxError: Unexpected end of JSON input 内容被截断报错
直接传递 JSON 对象作为查询参数时,由于 URL 的限制(例如,长度限制和特殊字符的限制),直接传递 JSON 对象可能会导致数据被截断或者编码不正确,从而导致解析失败。方法进行页面跳转传参时,使用JSON.stringify序列化,子页面接收参数时报错SyntaxError: Unexpected end of JSON input。使用encodeURIComponent 对字符串进行编码,子页面接收参数时用decodeURIComponent解码。原创 2025-04-16 15:13:59 · 334 阅读 · 0 评论 -
微信小程序录音、停止录音、上传录音、播放录音
微信小程序实现录音、播放录音、停止录音、暂停录音等功能原创 2024-11-27 15:32:23 · 877 阅读 · 0 评论 -
wx.canvasToTempFilePath生成图片保存到相册
微信小程序保存当前画布指定区域的内容导出生成指定大小的图片原创 2023-11-15 16:49:03 · 2261 阅读 · 0 评论 -
ios与安卓兼容问题(持续更新-查看大图、底边距、短信验证码复制粘贴填充问题)
安卓正常,ios算是苹果系统的一个bug,ios自动填充验证码时,会多次调用UITextFieldTextDidChangeNotification,由于我是在验证码输入完成后调用检验验证码接口的,导致连续多次检验,第一次是正确,后续都是错误(验证码正确后后端那边会自动删除)出现的bug,微信小程序image图片为空或者图片报错(例如404,500等)时,点击查看大图,在手机端打开,ios会如下图,一直卡死在该页面,除非手动强制关闭微信,安卓正常。解决方案:给image标签加。原创 2023-04-28 10:21:35 · 482 阅读 · 0 评论 -
微信小程序+wx.connectSocket客服问答
需求:1、要求websocket实时返回会话结果。2、会话自动回滚到底部。3、会话缓存微信小程序+wx.connectSocket客服会话原创 2023-04-23 15:30:25 · 1050 阅读 · 0 评论 -
van-swipe-cell滑动单元格,设置多个按钮
项目实际开发中用到滑动单元格,设置两个按钮,官方案例没有写,记录一下。组件直接引用,按钮样式不对,所以要自己写。原创 2022-09-30 16:53:27 · 2529 阅读 · 2 评论 -
van-tabs样式修改-->胶囊样式
van-tabs样式修改-->胶囊样式原创 2022-09-15 14:30:05 · 2931 阅读 · 4 评论 -
微信开发工具更新后,跳转页面报错
今天更新了一下微信开发工具,然后点击别的需要跳转页面的地方,就报错了百度了一下,有说是基础库版本太高导致的,尝试调低了,但是不顶用最后解决办法:卸载了最新的微信开发工具,又重新下载了稍微低的版本个人下载的是稳定版的1.05.2111300链接地址往下滑会有不同的版本,点击更新说明下载相应的地址,安装,重新运行项目就可以了...原创 2022-05-09 17:11:17 · 1311 阅读 · 2 评论 -
微信小程序自定义picker,选项内容两行展示
小程序开发过程中,有遇到picker选项内容两行展示,组件用的是vant,但是扒了官方文档,并不支持多行展示,就用微信开发文档中自带的表单组件:picker-view picker-view-column文档地址:https://developers.weixin.qq.com/miniprogram/dev/component/picker-view.html效果图:wxml代码:<picker-view indicator-style="height: 60px;" bindc原创 2022-05-09 16:25:06 · 4939 阅读 · 0 评论 -
decodeURIComponent解码
在小程序开发中,遇到扫描二维码进入某个指定页面的时候,获取到的链接是加密的,比如//获取到的加密url地址https%3A%2F%2Fto.xx.com%3A3333%2Fintegral%3ForgId%3D1 而我想要的数据是orgId所携带的参数的值,这时候就用到了decodeURIComponent解码可以将加密的链接转换成常见的https://to.xx.com:3333/integral?orgId=1 // 举例,想要的url地址用法:onLoad: functio原创 2022-05-06 17:02:36 · 5658 阅读 · 0 评论 -
wx.navigateBack携带参数返回父级
微信小程序开发中,有不少场景会遇到这种问题,今天遇到了,记录一下需求:点击搜索栏时,跳转新页面(子页面),点击“确认筛选”时,返回当前页(父页面),将搜索的内容带到父页面如图:子页面:jsPage({ data:{ condition:'', }, changeName(e){ // 搜索栏的点击事件,this.setData赋值 console.log(e,'name'); this.setData({ condition:e.detail原创 2022-04-29 15:12:19 · 401 阅读 · 0 评论 -
微信小程序扫描程序码携带参数
判断是不是扫描程序码进入页面的,两种方法第一种是判断程序码中所携带的参数,有的话,就是扫描程序码进入的,没有的话,就是正常点击页面进入第二种,根据场景值判断微信开放文档-场景值列表用到的场景值用到的api:wx.getLaunchOptionsSync()返回值:在onLoad里面判断onLoad: function (options) {let obj = wx.getLaunchOptionsSync()console.log(obj,‘…’,options)if (obj.sc原创 2022-04-21 13:53:57 · 3218 阅读 · 0 评论 -
miniprogram/pages/index/index.json: [“usingComponents“][“van-image“]: “@vant/weapp/image“ 未找到
记录 [“usingComponents”][“van-image”]: “@vant/weapp/image” 未找到新到一家公司,拉取小程序的代码,运行后,发现报错大致意思是有的页面引用了vant的部分组件,但由于本地没有下载,所以找不到组件,就报错。解决方法:第一步:下载vant组件,命令npm i @vant/weapp -S --production第二步:打开微信开发者工具,点击“工具”,选中“构建npm”,完成构建;会多出两个文件,一个是miniprogram_npm,一个是原创 2022-04-11 11:38:16 · 4100 阅读 · 5 评论 -
微信小程序上传图片
用到的apiwx.chooseMedia(); 用于拍摄或从手机相册中选择图片或视频功能:点击上传图片,可多选,或者拍照上传;点击图片放大查看;长按图片删除效果图json里面引用weui的组件uploader{ "navigationBarTitleText": "评价工单", "usingComponents": { "mp-uploader": "weui-miniprogram/uploader/uploader", "mp-cells": "weui-mini原创 2021-12-06 15:17:21 · 749 阅读 · 0 评论 -
canvas环形渐变(微信小程序)
这个例子是在微信小程序中写的效果图后端返回的数据格式,需要的只有otherInfo里面的数据wxml<view> <canvas class="progress_bg" canvas-id="{{otherInfo.bgid}}"> </canvas> <canvas class="progress_canvas" canvas-id="{{otherInfo.pgid}}"> </canvas></view&g原创 2021-12-06 10:24:16 · 1255 阅读 · 0 评论 -
微信小程序五星评价
首先准备两张图片,在阿里巴巴矢量图标库中随便下两个颜色不一样的星星效果如下wxml循环五次图片,添加点击事件<view class="card_start flex"> <span style="font-size: 28rpx;">服务评价</span> <image class="imagecls" wx:for="{{5}}" wx:key="index" data-name="technicianAssessStar" data原创 2021-10-14 13:52:10 · 636 阅读 · 0 评论 -
微信小程序获取picker选择器选中的值(不是下标)
picker中的value,默认的是选择的下标值(从0 开始),在开发过程中遇到要获取picker选中的值(比如选中的值为id),写下来记录一下先上效果图wxml<picker style="width: 100%;" class="platePicker radius" bindchange="projectChange" value="{{projectId}}" range="{{projectArr}}" range-key="label"> <!-- 选中的有pr原创 2021-08-18 10:34:45 · 4265 阅读 · 0 评论